/* 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: myFa2;
    font-display: swap;
  src: url('fonts/fontawesome6/fa-regular-400.woff2') format('woff2');
}
@font-face {
    font-family: myFa3;
    font-display: swap;
  src: url('fonts/fontawesome6/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 */
iframe {
  display: block;
}
/*.sppb-table-style td,
.sppb-table-style th {
  border: 0px !important;
  min-width: unset;
  padding: 0px;
}*/
/* REPAIR - vyjizdeci podmenu */
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
  /*transform: translateY(0) !important;*/
}


/* 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;
  overflow: hidden;
}*/


/* SET COLOR */
:root {
  --mycolor1: #101010;
  --mycolor1H: #000;
  --mycolor2: #66bc3c;
  --mycolor3: #fff;
  --mycolor4: #335c1f;
  --mycolor5: #1a171b;
}


/* BASIC ELEMENT */
h1 {

}
h2 {
  /*font-size: 26px;*/
  /*line-height: 29px;*/
  /*font-weight: 500;*/
  /*color: #00aae9;*/
  /*margin: 25px 0px;*/
}
h3 {
  /*color: #00aae9;*/
  /*margin-bottom: 8px;*/
}
strong {
  font-weight: 700;
}
a:focus, a:active,
a {
  color: var(--mycolor2);
}
a:hover {
  color: var(--mycolor4);
  /*text-decoration: underline;*/
}
p, ol, ul {
  margin-bottom: 18px;
}
p:last-child, ol:last-child, ul:last-child {
  margin-bottom: 0px;
}
table {
  margin-bottom: 18px;
}
table:last-child {
  margin-bottom: 0px;
}
table > tbody td:nth-last-child(n+2) {
  /*padding-right: 20px;*/
}

/* Tabulky podle eshopu */
table:not(.myBlogArtDivize table) {
  width: auto;
  margin: 25px 0;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #e4e8e1;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
table:not(.myBlogArtDivize table) th,
table:not(.myBlogArtDivize table) td {
  padding: 14px 16px;
  border: 0;
  border-bottom: 1px solid #e7e7e7;
  background: transparent;
  color: #444;
  font-size: 14px;
  line-height: 1.45;
  text-align: left;
  vertical-align: middle;
  box-shadow: none;
}
table:not(.myBlogArtDivize table) tbody tr:nth-child(even) td {
  background: #fafafa;
}
table:not(.myBlogArtDivize table) thead th,
table:not(.myBlogArtDivize table) tr:first-child th {
  background: #f3f8f0;
  color: #222;
  font-weight: 700;
  border-bottom: 1px solid #dfe6db;
}

/* Detail clanku - Datum */
.myArtDetailDate {
  font-size: 18px;
  line-height: 100%;
  font-weight: 500;
  margin-bottom: 12px;
  color: var(--mycolor2);
}

/* ADD REPEAT ELEMENT */
/* BUTTON 1 */
.myBlogArtDivize .myContent .myText > div:last-child > a,
.myBlogArtDivize .myContent .myText > div:last-child > a::after,
.myButton1 > .sppb-addon-content a,
.myButton1 > .sppb-addon-content a::after {
  transition: all 0.2s linear 0s;
}
.myBlogArtDivize .myContent .myText > div:last-child > a,
.myButton1 > .sppb-addon-content a {
  font-size: 19px;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: 9%;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  column-gap: 25px;
  vertical-align: top;
  width: fit-content;
  text-decoration: none;
  color: var(--mycolor5);
}
.myBlogArtDivize .myContent .myText > div:last-child > a::after,
.myButton1 > .sppb-addon-content a::after {
  content: '';
  display: block;
  width: 67px;
  aspect-ratio: 1 / 1;
  background-color: var(--mycolor2);
  border-radius: 100%;
  background-image: url(ikony2/tlacitko-sipka.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  /*background-size: 21px 19px;*/
}
.myBlogArtDivize .myContent .myText > div:last-child > a:hover,
.myButton1 > .sppb-addon-content a:hover {
  text-decoration: none;
  color: var(--mycolor2);
}
.myBlogArtDivize .myContent .myText > div:last-child > a:hover::after,
.myButton1 > .sppb-addon-content a:hover::after {
  background-color: var(--mycolor5);
}
/* SP TITLE - POZICE */
.myTitleCenter {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
/* SP TITLE 1 */
.mySpTitle1 > .sppb-addon-content h1,
.mySpTitle1 > .sppb-addon-content {
  font-size: 50px;
  line-height: 116%;
  font-weight: 600;
  margin: 0px;
}
.mySpTitle1 > .sppb-addon-content {
  /*margin-bottom: 8px;*/
}
.mySpTitle1 > .sppb-addon-content strong {
  color: var(--mycolor2);
  font-weight: 600;  
}
.mySpTitle1 > .sppb-addon-content p {
  margin: 0px;
}
/* SP TITLE 2 */
.mySpTitle2 > .sppb-addon-content {
  font-size: 19px;
  line-height: 118%;
  font-weight: 500;
  letter-spacing: 9%;
}
.mySpTitle2 > .sppb-addon-content p {
  margin: 0px;
}
/* SP TITLE 3 */
.mySpTitle3 > .sppb-addon-title {
  font-size: 35px;
  line-height: 100%;
  font-weight: 500;
  color: #000;
}
.mySpTitle3 > .sppb-addon-content {
  font-size: 25px;
  line-height: 100%;
  font-weight: 500;
  color: var(--mycolor2);
}
.mySpTitle3 > .sppb-addon-content p {
  margin: 0px;
}
.mySpTitle3 > .sppb-addon-title + .sppb-addon-content {
  margin-top: 10px;
}
/* PopUp TITLE 1 */
.myPopUpTitle1 > .sppb-addon-title {
  font-size: 30px;
  line-height: 100%;
  font-weight: 700;
}
/* UL Seznam 1 */
.myList1 > .sppb-addon-content ul {
  padding: 3px 0px;
  padding-left: 48px;
}
.myList1 > .sppb-addon-content ul > li {
  list-style-type: none;
  font-weight: 300;
  color: #000;
  position: relative;
}
.myList1 > .sppb-addon-content ul > li strong {
  font-size: 21px;
  line-height: 25.91px;
}
.myList1 > .sppb-addon-content ul > li::before {
  content: '';
  display: block;
  position: absolute;
  width: 31px;
  aspect-ratio: 1 / 1;
  background-image: url(ikony2/odrazka1.svg);
  background-size: contain;
  background-position: 50%;
  left: -48px;
  top: -2.5px;
}
.myList1 > .sppb-addon-content ul > li:nth-child(n+2) {
  margin-top: 18px;
}
/* Blog - Popis kategorie */
.blogmyBlog1 .myCategoryDesc {
  margin-bottom: 50px;
}
.blogmyBlog1 .myCategoryDesc h1 {
  font-size: 50px;
  line-height: 100%;
  font-weight: 600;
  margin: 0px;
  color: var(--mycolor2);
}
.blogmyBlog1 .myCategoryDesc h2 {
  font-size: 19px;
  line-height: 118%;
  font-weight: 500;
  letter-spacing: 9%;
  margin-top: 8px;
}


/* NEW STYLES = START */

/* BODY */
body {
  /*color: #1a171b;*/
}
#sp-main-body {
  padding-top: 30px;
  padding-bottom: 90px;
}
body ul.sp-megamenu-parent li.sp-menu-item.sp-has-child > div.sp-dropdown.sp-menu-right.myShow {
  display: block !important;
}
body ul.sp-megamenu-parent li.sp-menu-item.sp-has-child > div.sp-dropdown.sp-menu-right.myHidden {
  display: none !important;
}


/* HEADER */
#sp-header {
  height: auto;
}
#sp-header:not(.header-sticky) {
  /*background: transparent;*/
  background: var(--mycolor4);
  box-shadow: none;
}
#sp-header.header-sticky {
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
  background: var(--mycolor4);
}
body.myHeadAbs #sp-header:not(.header-sticky) {
  position: absolute;
  top: 0px;
  left: 0px;
  background: transparent;
}
body.myHeadAbs .sticky-header-placeholder {
  display: none;
}
#sp-header > div > div > .rowx {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
#sp-header .sp-module {
  margin: 0px;
}


/* HEADER - Right */
#sp-header #myHeaderRight {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
#sp-header #myHeaderRight #myHeaderRightTop {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #4e4f52;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#sp-header #myHeaderRight #myHeaderRightTop #myHeaderRightTop1 {
  flex-grow: 1;
}
#sp-header #myHeaderRight #myHeaderRightTop #myHeaderRightTop2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}


/* HEADER - Right - Contact */
#sp-header .sppb-section.myContactHeader1 > div > .sppb-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  column-gap: 40px;
}
#sp-header .sppb-section.myContactHeader1 > div > .sppb-row > div {
  max-width: 100%;
  flex-basis: auto;
  width: auto;
}
#sp-header .sppb-column.myHeadContakt1 > .sppb-column-addons {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 15px;
}
.myHeadEdhop1,
.myHeadInfo1 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  column-gap: 7px;
}
.myHeadInfo1::before,
.myHeadInfo1::after {
  display: none;
}
.myHeadEdhop1 > .sppb-addon-title,
.myHeadInfo1 > .sppb-addon-title {
  color: var(--mycolor2);
  order: 1;
  font-size: 20px;
  line-height: 100%;
  font-weight: 600;
}
.myHeadInfo1 > .sppb-addon-content .sppb-addon-single-image-container {
  display: block;
}
.myHeadEdhop1 > .sppb-addon-content svg,
.myHeadInfo1 > .sppb-addon-content img {
  display: block;
  width: 28px;
  height: 28px;
}
.myHeadPhone1 > .sppb-addon-content,
.myHeadPhone1 > .sppb-addon-content a {
  font-size: 20px;
  line-height: 100%;
  font-weight: 500;
  color: #fff;
}
.myHeadPhone1 > .sppb-addon-content a:hover {
  color: var(--mycolor2);
}
#sp-header .sppb-column.myHeadContakt2 > .sppb-column-addons {
  position: relative;
}
.myHeadEdhop1 > .sppb-addon-content svg {
  --myehop1: var(--mycolor2);  
}
.sppb-column.myHeadContakt2 > .sppb-column-addons:hover .myHeadEdhop1 > .sppb-addon-content svg {
  --myehop1: #fff;
}
.sppb-column.myHeadContakt2 > .sppb-column-addons:hover .myHeadEdhop1 > .sppb-addon-title {
  color: #fff;
}
.myHeadEdhop1Link > .sppb-addon-content a {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  overflow: hidden;
  color: transparent;
}


/* HEADER - logo */
#sp-header #sp-logo {
  flex-grow: 1;
}
#sp-header #sp-logo > .sp-column {
  width: fit-content;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  column-gap: 30px;
}
#sp-header .myLogo1Text .custom {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 11px;
  font-size: 23px;
  line-height: 110%;
  /*color: #66bc3c;*/
  color: var(--mycolor2);  
}
#sp-header .myLogo1Text .custom p {
  margin: 0px;
}
#sp-header .myLogo1Text .custom > p:nth-child(1) {
  font-size: 25px;
  line-height: 110%;
  font-weight: 500;
  color: #fff;
}
#sp-header .myLogo1 {
  padding: 15px 0px;
  flex-shrink: 0;
}
#sp-header.header-sticky .myLogo1 {
  padding: 10px 0px;
} 
#sp-header .myLogo1 img {
  height: 127px;
  width: auto;
}
#sp-header.header-sticky .myLogo1 img {
  height: 82px;
}

/* HEADER - Tlacitko Poptavka */
.myTopModuleButton1 > .sp-module-content > .mod-custom > * > a {
  font-size: 13px;
  line-height: 100%;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0px 10px;
  /*color: #101010;*/
  color: var(--mycolor1H);
  padding: 8px 20px;
  border-radius: 28px;
  text-decoration: none;
  /*background-color: #ebb204;*/
  background-color: var(--mycolor3);
  /*background: linear-gradient(90deg, #c165d9 0%, #2097ec 50%, #335af6 100%);*/
}
.myTopModuleButton1 > .sp-module-content > .mod-custom > * > a:hover {
  text-decoration: none;
  /*background-color: #ebb204;*/
  background-color: var(--mycolor2);
  /*background: linear-gradient(90deg, #293b86 0%, #293b86 100%);*/
  /*color: #fff;*/
  color: var(--mycolor3);
}
body.myHeadAbs #sp-header:not(.header-sticky) .myTopModuleButton1 > .sp-module-content > .mod-custom > * > a {
  background-color: var(--mycolor2);
  color: var(--mycolor3);
}
body.myHeadAbs #sp-header:not(.header-sticky) .myTopModuleButton1 > .sp-module-content > .mod-custom > * > a:hover {
  background-color: var(--mycolor4);
  color: var(--mycolor3);
}


/* HEADER - Top Menu */
#sp-header #sp-menu {
  background-color: transparent;
}
#sp-header #sp-menu .sp-megamenu-wrapper {
  /*display: flex;*/
  /*align-items: center;*/
  /*padding: 0px 15px;*/
  display: block !important;
}
#sp-header #sp-menu ul.sp-megamenu-parent {
  margin: 0px;
  float: none;
  display: flex !important;
  padding: 0px;
  /*justify-content: flex-start;*/
  /*gap: 0px 36px;*/
}
#sp-header #sp-menu ul.sp-megamenu-parent > li {
  padding: 0px;
}
#sp-header #sp-menu ul.sp-megamenu-parent > li:nth-child(n+2) {
  border-left: 1px solid var(--mycolor2);
} 
#sp-header #sp-menu ul.sp-megamenu-parent > li > a,
#sp-header #sp-menu ul.sp-megamenu-parent > li > span {
  display: block;
  font-size: 21px;
  line-height: 29px;
  font-weight: 500;
  color: var(--mycolor3);
  position: relative;
  background-color: transparent;
  text-transform: none;
  padding: 0px 26px;
}
#sp-header #sp-menu ul.sp-megamenu-parent > li:first-child > a,
#sp-header #sp-menu ul.sp-megamenu-parent > li:first-child > span {
  padding-left: 0px;
}
#sp-header #sp-menu ul.sp-megamenu-parent > li:last-child > a,
#sp-header #sp-menu ul.sp-megamenu-parent > li:last-child > span {
  padding-right: 0px;
}
body.myHeadAbs #sp-header:not(.header-sticky) #sp-menu ul.sp-megamenu-parent > li:not(:hover):not(.active) > a,
body.myHeadAbs #sp-header:not(.header-sticky) #sp-menu ul.sp-megamenu-parent > li:not(:hover):not(.active) > span {
  /*color: #fff;*/
  color: var(--mycolor3);
}
#sp-header.header-sticky #sp-menu ul.sp-megamenu-parent > li > a,
#sp-header.header-sticky #sp-menu ul.sp-megamenu-parent > li > span {
  /*line-height: 38px;*/
  /*font-size: 19px;*/
}
#sp-header #sp-menu ul.sp-megamenu-parent > li.active > a,
#sp-header #sp-menu ul.sp-megamenu-parent > li.active > span,
#sp-header #sp-menu ul.sp-megamenu-parent > li:hover > a,
#sp-header #sp-menu ul.sp-megamenu-parent > li:hover > span {
  /*background-color: #293b86;*/
  /*color: #ebb204;*/
  color: var(--mycolor2);
}
body.myHeadAbs #sp-header:not(.header-sticky) #sp-menu ul.sp-megamenu-parent > li.active > a,
body.myHeadAbs #sp-header:not(.header-sticky) #sp-menu ul.sp-megamenu-parent > li.active > span,
body.myHeadAbs #sp-header:not(.header-sticky) #sp-menu ul.sp-megamenu-parent > li:hover > a,
body.myHeadAbs #sp-header:not(.header-sticky) #sp-menu ul.sp-megamenu-parent > li:hover > span {
  color: var(--mycolor2);
}
#sp-header #sp-menu ul.sp-megamenu-parent > li > a:after,
#sp-header #sp-menu ul.sp-megamenu-parent > li > span:after {
  font-size: 15px;
}
/* HEADER - Top Menu - Under Menu */
body ul.sp-megamenu-parent li.sp-menu-item.sp-has-child > div.sp-dropdown.sp-menu-right {
  right: -300px;
  width: fit-content !important;
  min-width: 100%;
}
body ul.sp-megamenu-parent li.sp-menu-item.sp-has-child > div.sp-dropdown.sp-menu-right li.sp-menu-item.sp-has-child > div.sp-dropdown.sp-menu-right {/* Level 3 */
  right: -210px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  padding: 0px;
  background: var(--mycolor4);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > span:not(.sp-menu-badge) {
  font-size: 16px;
  line-height: 110%;
  padding: 14px 26px;
  vertical-align: top;
  color: var(--mycolor3);
  display: block;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a img,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > span img {
  display: none;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > * > .image-title:not(.sp-menu-badge),
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > * > .image-title {
  font-size: revert-layer;
  line-height: revert-layer;
  padding: 0px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {/* Level 3 */
  padding: 14px 14px;
}
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a:after {
  margin-left: 15px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {
  background-color: var(--mycolor2);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active:hover {
  color: var(--mycolor3);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: var(--mycolor2);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active:hover > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a {
  color: var(--mycolor3);
}


/* SlideShow 1 */
.sp-slider.mySlideShow1 > .sp-slider-outer-stage {
  min-height: 600px;
}
.sp-slider.mySlideShow1 > .sp-slider-outer-stage > .sp-item {
  padding-top: 100px;
}
.sp-slider.mySlideShow1 > .sp-slider-outer-stage > .sp-item .myTitle1 {
  font-size: 60px;
  line-height: 114%;
  font-weight: 600;
}
.sp-slider.mySlideShow1 > .sp-slider-outer-stage > .sp-item .myText1 {
  font-size: 26px;
  line-height: 144%;
  font-weight: 300;
  margin-top: 4px;
}
.sp-slider.mySlideShow1 > .sp-slider-outer-stage > .sp-item .sppb-sp-slider-button {
  margin: 0px;
  margin-top: 50px;
}
.sp-slider.mySlideShow1 > .sp-slider-outer-stage > .sp-item .sppb-sp-slider-button .sp-slider-btn-text {
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 24px 48px;
  display: block;
  border-radius: 0px;
  /*color: #101010;*/
  color: var(--mycolor3);
  /*background: #ebb204;*/
  background: var(--mycolor2);
}
.sp-slider.mySlideShow1 > .sp-slider-outer-stage > .sp-item .sppb-sp-slider-button .sp-slider-btn-text:hover {
  /*color: #fff;*/
  color: var(--mycolor3);
  /*background: #d6a204;*/
  background: var(--mycolor4);
}




/* VYHODY */
#sp-main-body .sppb-section.myVyhody1 {
  text-align: center;
}
#sp-main-body .sppb-section.myVyhody1 > div > .sppb-row {
  gap: 40px 0px;
  justify-content: center;
}
.sppb-section.myVyhody1 > div > .sppb-row > div > .sppb-column {
  max-width: 321px;
  margin: auto;
}
/* VYHODY - Obrazek */
#sp-main-body .sppb-section.myVyhody1 .myImg .sppb-addon-single-image-container {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  /*aspect-ratio: 352 / 458;*/
  aspect-ratio: 1 / 1;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}
#sp-main-body .sppb-section.myVyhody1 .myImg .sppb-addon-single-image-container:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  transition: background-color 0.2s linear 0s;
  background-color: transparent;
}
#sp-main-body .sppb-section.myVyhody1 > div > .sppb-row > div:hover .myImg .sppb-addon-single-image-container:after {
  background-color: rgb(0 0 0 / 33%);
}
#sp-main-body .sppb-section.myVyhody1 .myImg .sppb-addon-single-image-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.2s linear 0s;
  transform: scale(1.0);
}
#sp-main-body .sppb-section.myVyhody1 > div > .sppb-row > div:hover .myImg .sppb-addon-single-image-container img {
  transform: scale(1.1);
}
/* VYHODY - Ikona */
#sp-main-body .sppb-section.myVyhody1 .myIkona .sppb-addon-single-image-container {
  /*display: inline-block;*/
  vertical-align: top;
  width: 96px;
  aspect-ratio: 1 / 1;
  border-radius: 100%;
  /*padding: 31px;*/
  margin-bottom: 15px;
  background-color: #f0f2f0;
  display: inline-flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
}
#sp-main-body .sppb-section.myVyhody1 .myIkona .sppb-addon-single-image-container img {
  display: block;
  width: 42.71%;
  aspect-ratio: 1 / 1;
  object-fit: scale-down;
}
/* VYHODY - Nadpis */
.myVyhody1Number1 > .sppb-addon-content,
.myVyhody1Text1 > .sppb-addon-content {
  font-size: 25px;
  /*color: #66bc3c;*/
  color: var(--mycolor2);
  line-height: 128%;
  font-weight: 500;
  transition: color 0.2s linear 0s;
}
.sppb-section.myVyhody1 > div > .sppb-row > div:hover .myVyhody1Number1 > .sppb-addon-content,
.sppb-section.myVyhody1 > div > .sppb-row > div:hover .myVyhody1Text1 > .sppb-addon-content {
  /*color: #e30613;*/
}
.myVyhody1Text2 {
  margin-top: 15px;
}
.myVyhody1Text2 > .sppb-addon-content {
  font-size: 18px;
  color: #000;
  line-height: 144%;
  font-weight: 300;
}
/* VYHODY - Odkaz */
.myVyhody1Link1 > .sppb-addon-content a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  text-align: left;
  text-indent: 100%;
  overflow: hidden;
  color: transparent;
}
/* VYHODY - Mezera mezi textem a nadpisem */
#sp-main-body .sppb-section.myVyhody1 .sppb-empty-space.mySpace1 {
  height: 10px;
}
/* VYHODY - Text */
.myVyhody1Text2 > .sppb-addon-content {
  font-size: 18px;
  color: #2e2f33;
  /*line-height: 138%;*/
  line-height: 119%;
  font-weight: 400;
}




/* Aktuality */
#sp-main-body .sppb-section.myAktuality1 {
  /*padding-left: 31px;*/
  /*padding-right: 31px;*/
  /*padding-top: 229px;*/
  padding-top: 0px;
  padding-bottom: 113px;
  background-size: 1920px auto;
  background-size: 100% auto;
  background-position: 50% 0;
}
#sp-main-body .sppb-section.myAktuality1::before {
  content: '';
  display: block;
  width: 100%;
  aspect-ratio: 1920 / 229;
}
#sp-main-body .sppb-section.myNovinky1 > div,
#sp-main-body .sppb-section.myAktuality1 > div {
  max-width: 100%;
  width: calc(1680px + 160px);
  padding: 0px 80px;
}
.sppb-column.myAktualityDekorace1::before {
  content: '';
  display: block;
  position: absolute;
  /*width: 352px;*/
  width: 20.952%;
  aspect-ratio: 352 / 639;
  background-image: url(aktuality/dekorace.webp);
  background-repeat: no-repeat;
  background-size: contain;
  /*top: -35px;*/
  /*left: 45px;*/
  top: -4.7%;
  left: 2.7%;
}
.sppb-column.myAktualityDekorace1.ver2::before {
  top: -18px;
}
.myModulAktuality1 {
  /*margin-top: 40px;*/
}
/* REFERENCE - Blog Reference */
.myBlogArtReference {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 13px;
  overflow: hidden;
  box-shadow: 0px 0px 30px rgb(0 0 0 / 18%);
}
.myBlogArtReference .myImg {
  position: relative;
}
.myBlogArtReference .myImg img {
  width: 100%;
  aspect-ratio: 364 / 342;
  object-fit: cover;
}
.myBlogArtReference .myDate {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 153px;
  aspect-ratio: 153 / 102;
  color: #fff;
  /*background-color: var(--mycolor2);*/
  background-image: url(aktuality/bg-datum.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  padding-left: 15px;
  padding-bottom: 12px;
}
.myBlogArtReference .myDate .myDate1 {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 20px;
  line-height: 100%;
  font-weight: 500;
  border-left: 1px solid #fff;
  padding: 4px 0px;
  padding-left: 13px;
}
.myBlogArtReference .myDate .myDate2 {
  font-size: 31px;
  line-height: 100%;
  font-weight: 500;
  margin-left: 12px;
}
.myBlogArtReference .myContent {
  flex-grow: 1;
  padding: 0px 36px;
  padding-top: 30px;
  padding-bottom: 50px;  
}
.myBlogArtReference .myCategory {
  font-size: 20px;
  line-height: 130%;
  font-weight: 500;
  color: #000;
  margin-bottom: 4px;
}
.myBlogArtReference .myTitle {
  font-size: 25px;
  line-height: 130%;
  font-weight: 500;
}
.myBlogArtReference .myTitle,
.myBlogArtReference .myTitle a {
  color: var(--mycolor2);
}
.myBlogArtReference .myTitle a:hover {
  color: var(--mycolor4);
}
.myBlogArtReference .myText {
  color: #000;
  font-size: 18px;
  line-height: 144%;
  font-weight: 300;
  margin-top: 12px;
}
.myBlogArtReference .myReadmore {
  margin-top: 20px;
}
/* Reference BLOG */
.myBlog1Cover {
  /*overflow: hidden;*/
}
.myBlog1.verBlogPage {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 74px 0px;
  margin: 0px -37px;
}
.myBlog1.verBlogPage > div {
  width: 25%;
  padding: 0px 37px;
}


/* LOGO Dodavatele + Podporujeme */
.myModulLoga {
  margin-top: 50px;
  /*padding: 0px 31px;*/
}


/* Socialni­ Ikony 1 (hlavicka) */
#sp-footer-long .sppb-section.mySocialLink1 > div > .sppb-row,
#sp-header .sppb-section.mySocialLink1 > div > .sppb-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  column-gap: 10px;
  min-height: 29px;
}
#sp-footer-long .sppb-section.mySocialLink1 > div > .sppb-row > div,
#sp-header .sppb-section.mySocialLink1 > div > .sppb-row > div {
  max-width: 100%;
  flex-basis: auto;
  width: auto;
}
.sppb-section.mySocialLink1 .mySvg svg {
  display: block;
  width: 24px;
  height: 24px;
  --mysocial1: #fff;
}
.sppb-section.mySocialLink1 > div > .sppb-row > div:hover .mySvg svg {
  --mysocial1: var(--mycolor2);
}
.sppb-section.mySocialLink1 .myLink a {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  overflow: hidden;
  color: transparent;
}


/* Vyhledavani */
#myTop2Right {
  position: relative;
  z-index: 100;
  padding-right: 18px;
  border-right: 1px solid var(--mycolor2);
  margin-right: 20px;
}
.mySearchCover {
  position: relative;
  z-index: 1;
}
.mySearchCover > .mySearchModule {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: -1;
  padding-right: 20px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid var(--mycolor3);
  display: none;
}
.mySearchCover.myOpen > .mySearchModule {
  display: block;
}
.mySearchCover > .mySearchModule input[type="text"] {
  width: 240px;
  border: 0px;
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  padding: 3px 9px;
  background-color: #66bc3c;
  color: #fff;
  border-radius: 0px;
}
/* Vyhledavani - PLACEHOLDER */
.mySearchCover > .mySearchModule form {
  line-height: 0px;
}
.mySearchCover > .mySearchModule input[type="text"]:-ms-input-placeholde {/* Edge */
  /*color: #535353;*/
  color: rgb(255 255 255 / 80%);
}
.mySearchCover > .mySearchModule input[type="text"]::-webkit-input-placeholder {/* Internet Explorer 10-11 */
  /*color: #535353;*/
  color: rgb(255 255 255 / 80%);
}
.mySearchCover > .mySearchModule input[type="text"]::placeholder {
  /*color: #535353;*/
  color: rgb(255 255 255 / 80%);
}
/* Vyhledavani - NASEPTAVAC */
.mySearchCover > .mySearchModule .awesomplete > ul {
  background-color: #fff;
}
.mySearchCover > .mySearchButton {
  width: 20px;
  height: 29px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--mycolor3);
}
.mySearchCover > .mySearchButton:hover {
  color: var(--mycolor2);
}
body.myHeadAbs #sp-header:not(.header-sticky) .mySearchCover > .mySearchButton:hover {
  /*color: var(--mycolor2);*/
}
.mySearchCover > .mySearchButton:before {
  content: "\f002";
  font-family: myFa3;
  font-size: 18px;
}
.mySearchCover.myOpen > .mySearchButton:before {
  content: "\58";
}


/* Header 1 - Ostatni stranky */
#sp-title .sp-page-title {
  background-color: var(--mycolor4);
  /*padding-top: 151px;*/
  padding: 250px 0 120px;
  background-repeat: no-repeat;
  background-size: cover;
  /*background-position: 50% 50%;*/
  background-position: 50% 67%;
  position: relative;
  background-image: url(/images/sablona2/hlavicka/slide1.webp);
}
#sp-title .sp-page-title:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: rgb(0 0 0 / 60%);
}
#sp-title .sp-page-title > * {
  position: relative;
}
#sp-title .sp-page-title .sp-page-title-heading {
  text-align: right;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1px;
}


/* Hlavicka staticky obrazek uvod */
#sp-main-body #sp-page-builder .sppb-section.myHead1 {
  position: relative;
  padding-top: 157px;
  margin-bottom: 16px;
}
#sp-main-body #sp-page-builder .sppb-section.myHead1.ver2 {
  /*clip-path: url("#heroClip");*/
  /*-webkit-clip-path: url("#heroClip");*/
}
/*#sp-main-body .sppb-section.myHead1::before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 41%);
  mix-blend-mode: multiply;
}*/
#sp-main-body .sppb-section.myHead1:not(.ver2)::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  /*height: 107px;*/
  aspect-ratio: 1920 / 107;
  background-image: url(hlavicka2/slide-bottom.webp);
  background-size: contain;
  background-repeat: no-repeat;
  /*background-position: 50% 100%;*/
  z-index: 1;
}
#sp-main-body .sppb-section.myHead1 > div:not(.sppb-row-overlay),
#sp-main-body .sppb-section.myHead1 > div > .sppb-row {
  height: 100%;
}
#sp-main-body .sppb-section.myHead1 > div > .sppb-row {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
#sp-main-body .sppb-section.myHead1 > div > .sppb-row > div {
  flex-basis: auto;
}
#sp-main-body .sppb-section.myHead1 > div > .sppb-row > div:nth-child(1) {
  flex-grow: 1;
}
#sp-main-body .sppb-section.myHead1 > div > .sppb-row > div:nth-child(2) {
  /*min-height: 130px;*/
}
#sp-main-body .sppb-section.myHead1 > div > .sppb-row > div:nth-child(1) > .sppb-column {
  display: flex;
  flex-direction: column;
}
#sp-main-body .sppb-section.myHead1.ver1 > div > .sppb-row > div:nth-child(1) > .sppb-column {
  justify-content: center;
  padding: 20px 15px;
  padding-top: 110px;
}
#sp-main-body .sppb-section.myHead1.ver2 > div > .sppb-row > div:nth-child(1) > .sppb-column {
  justify-content: flex-start;
  padding: 20px 0px;
  padding-top: 140px;
}
.myHead1Text1 {
  color: #fff;
}
.myHead1Text1 > .sppb-addon-title {
  font-size: 60px;
  line-height: 114%;
  font-weight: 600;
}
.myHead1Text1 > .sppb-addon-content {
  font-size: 26px;
  line-height: 144%;
  font-weight: 300;
  margin-top: 4px;
}
.sppb-section.myHead1.ver2 .myHead1Text1 > .sppb-addon-content {
  margin-top: 10px;
}
.myHead1Button1 > .sppb-addon-content {
  text-align: center;
  margin-top: 40px;
}
.myHead1Button1 > .sppb-addon-content a {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: top;
  width: 84px;
  aspect-ratio: 1 / 1;
  background-color: var(--mycolor2);
  border-radius: 100%;
}
.myHead1Button1 > .sppb-addon-content a:hover {
  background-color: var(--mycolor4);
}
.myKotva1 > div > div {
  display: block;
  position: absolute;
  top: -112px;
}


/* PROC NAS 1 */
#sp-main-body .sppb-section.myProcNas1 {

}
.sppb-section.myProcNas1 > div {
  width: 1162px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.sppb-section.myProcNas1 > div > .sppb-row {
  background-color: #f0f2f0;
  border-radius: 65px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 22px 24px;
  /*min-height: 130px;*/
  min-height: 146px;
  margin-bottom: -16px;
  row-gap: 20px;
}
#sp-main-body .sppb-section.myProcNas1 > div > .sppb-row > div {
  max-width: 100%;
  flex-basis: auto;
  width: calc(25% - 1px);
}
#sp-main-body .sppb-section.myProcNas1 > div > .sppb-row > .myColSpacer {
  width: 1px;
  background-color: var(--mycolor2);
}
#sp-main-body .sppb-section.myProcNas1 > div > .sppb-row > div > .sppb-column > .sppb-column-addons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  column-gap: 17px;
  padding: 0px 20px;
}
#sp-main-body .sppb-section.myProcNas1 > div > .sppb-row > div > .sppb-column > .sppb-column-addons > .sppb-addon-wrapper:nth-child(1) {
  flex-shrink: 0;
}
#sp-main-body .sppb-section.myProcNas1 .myIcon .sppb-addon-single-image-container {
  display: block;
}
#sp-main-body .sppb-section.myProcNas1 .myIcon img {
  display: block;
  aspect-ratio: 43 / 48;
  width: 43px;
  margin-top: 23px;
}
#sp-main-body .sppb-section.myProcNas1 .myNumber .sppb-animated-number {
  font-size: 50px;
  line-height: 100%;
  font-weight: 600;
  color: var(--mycolor2);
  margin-top: 1px;
}
#sp-main-body .sppb-section.myProcNas1 .myText > .sppb-addon-content {
  font-size: 21px;
  line-height: 119%;
  font-weight: 300;
  color: #000;  
}


/* TABS 1 aktuality */
#sp-main-body .sppb-section.myTabs1 {

}
/* TABS 1 aktuality - Tlacitka */
ul.myMenu2Under > li > ul,
.sppb-column.myTabs1Col1 > .sppb-column-addons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: 28px;
  row-gap: 15px;
}
ul.myMenu2Under > li > ul > li > a,
ul.myMenu2Under > li > ul > li > a::after,
.sppb-column.myTabs1Col1 > .sppb-column-addons .sppb-addon-text-block > .sppb-addon-content a,
.sppb-column.myTabs1Col1 > .sppb-column-addons .sppb-addon-text-block > .sppb-addon-content a::after {
  transition: all 0.2s linear 0s;
}
ul.myMenu2Under > li > ul > li > a,
.sppb-column.myTabs1Col1 > .sppb-column-addons .sppb-addon-text-block > .sppb-addon-content a {
  font-size: 19px;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: 9%;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  column-gap: 15px;
  vertical-align: top;
  width: fit-content;
  text-decoration: none;
  color: #000;
}
ul.myMenu2Under > li > ul > li > a:hover,
.sppb-column.myTabs1Col1 > .sppb-column-addons .sppb-addon-text-block > .sppb-addon-content a:hover {
  color: var(--mycolor4);
}
ul.myMenu2Under > li > ul > li.current > a,
.sppb-column.myTabs1Col1 > .sppb-column-addons .sppb-addon-text-block > .sppb-addon-content a.myActive {
  color: var(--mycolor2);
}
ul.myMenu2Under > li > ul > li > a::after,
.sppb-column.myTabs1Col1 > .sppb-column-addons .sppb-addon-text-block > .sppb-addon-content a::after {
  content: '';
  display: block;
  width: 47px;
  aspect-ratio: 1 / 1;
  background-color: var(--mycolor2);
  border-radius: 100%;
  background-image: url(ikony2/tlacitko-sipka.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 15px 14px;
}
ul.myMenu2Under > li > ul > li > a:hover::after,
.sppb-column.myTabs1Col1 > .sppb-column-addons .sppb-addon-text-block > .sppb-addon-content a:hover::after {
  background-color: var(--mycolor4);
}
ul.myMenu2Under > li > ul > li.current > a::after,
.sppb-column.myTabs1Col1 > .sppb-column-addons .sppb-addon-text-block > .sppb-addon-content a.myActive::after {
  background-color: #000;
}
/* TABS 1 aktuality - Zalozky */
#sp-main-body .sppb-column.myTabs1Col2 > .sppb-column-addons > .sppb-addon-wrapper {
  margin: 0px;
}
.sppb-column.myTabs1Col2 > .sppb-column-addons > .sppb-addon-wrapper > div > .sppb-addon {
  margin-top: 54px;
  margin-bottom: 50px;
  display: none;
}
.sppb-column.myTabs1Col2 > .sppb-column-addons > .sppb-addon-wrapper > div > .sppb-addon.myTab0 {
  display: block;
}


/* BLOK Kdo jsme */
#sp-main-body .sppb-section.mySecKdoJsme {
  padding-top: 0px;
  padding-bottom: 150px;
  /*background-size: 1920px auto;*/
  background-size: 100% auto;
  background-position: 50% 0px;
  position: relative;
  overflow: hidden;
}
.sppb-section.mySecKdoJsme::before {
  content: '';
  display: block;
  width: 100%;
  aspect-ratio: 1920 / 229;
}
.sppb-section.mySecKdoJsme::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  height: calc(100% - 19vw);
  background-color: #eef0ee;
  z-index: -1;
}
.sppb-section.mySecKdoJsme > .myBg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 50% 0px;
}
/* BLOK Kdo jsme - Seznam */
#sp-main-body .sppb-section.myKdoJsmeList1 {

}
#sp-main-body .sppb-section.myKdoJsmeList1 > div > .sppb-row {
  row-gap: 18px;
}
#sp-main-body .sppb-section.myKdoJsmeList1 > div > .sppb-row > div {

}
#sp-main-body .sppb-column.myKdoJsmeList1Col1,
#sp-main-body .sppb-column.myKdoJsmeList1Col2 {
  max-width: 100%;
}
#sp-main-body .sppb-column.myKdoJsmeList1Col1 {
  width: 534px;
  margin-left: auto;
}
#sp-main-body .sppb-column.myKdoJsmeList1Col2 {
  width: 464px;
  margin-right: auto;
  position: relative;
}
#sp-main-body .sppb-column.myKdoJsmeList1Col3,
#sp-main-body .sppb-column.myKdoJsmeList1Col4 {
  width: 440px;
}
#sp-main-body .sppb-column.myKdoJsmeList1Col3 {
  margin-left: auto;
}
#sp-main-body .sppb-column.myKdoJsmeList1Col4 {
  margin-right: auto;
  position: relative;
}
/* BLOK Kdo jsme - Dekorace */
#sp-main-body .myKdoJsmeList1Bg1 .sppb-addon-single-image-container {
  position: static;
}
#sp-main-body .myKdoJsmeList1Bg1 img {
  display: block;
  position: absolute;
  width: 622px;
  top: -230px;
  left: calc(100% + 33px);
  max-width: none;
}




/* Paticka = sp-footer-long (sp-myfooter) */

/* Paticka = sp-footer-long (sp-myfooter) - ROW1 */
#sp-footer-long #sp-myfooter .sppb-section.myFooter2Row1 {
  /*padding-bottom: 60px;*/
  padding-bottom: 0px;
  position: relative;
}
#sp-footer-long #sp-myfooter .sppb-section.myFooter2Row1::before {
  content: '';
  display: block;
  width: 100%;
  aspect-ratio: 10 / 1;
  position: absolute;
  top: 167px;
  left: 0px;
  background-image: url(paticka/paticka-border.webp);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#sp-footer-long #sp-myfooter .sppb-section.myFooter2Row1::after {
  content: '';
  display: block;
  position: absolute;
  background-color: var(--mycolor2);
  width: 100%;
  left: 0px;
  bottom: 0px;
  top: calc(167px + 10vw - 2px);
}
#sp-footer-long #sp-myfooter .sppb-section.myFooter2Row1 > div {
  width: 1414px;
  margin: auto;
  max-width: calc(100% - 60px);
}
#sp-footer-long #sp-myfooter .sppb-section.myFooterRow1 {
  
}
#sp-footer-long .sppb-section.myFooterRow1 > div > .sppb-row {
  display: flex;
  justify-content: space-between;
  gap: 60px 30px;
}
#sp-footer-long .sppb-section.myFooterRow1 > div > .sppb-row > div:nth-child(1),
#sp-footer-long .sppb-section.myFooterRow1 > div > .sppb-row > div:nth-child(2) {
  max-width: 100%;
  flex-basis: auto;
  width: auto;
}
#sp-footer-long .sppb-section.myFooterRow1 > div > .sppb-row > div:nth-child(1) {
  flex-grow: 1;
  /*max-width: 728px;*/
  /*color: #fff;*/
}
#sp-footer-long .sppb-section.myFooterRow1 > div > .sppb-row > div:nth-child(1) > .sppb-column {
  /*padding: 13.3%;*/
}
#sp-footer-long .sppb-section.myFooterRow1 > div > .sppb-row > div:nth-child(2) {
  width: 50%;
}
#sp-footer-long .sppb-section.myFooterRow1 > div > .sppb-row > div:nth-child(2) > .sppb-column {
  background-color: #fff;
  padding: 8% 6.37%;  
  border-radius: 13px;
  /*overflow: hidden;*/
  box-shadow: 0px 0px 26px rgb(0 0 0 / 18%);
}
#sp-footer-long .sppb-section.myFooterRow1 > div > .sppb-row > div:nth-child(2) > .sppb-column::before {
  content: '';
  display: block;
  position: absolute;
  width: 79px;
  aspect-ratio: 1 / 1;
  background-image: url(paticka/formular.webp);
  background-repeat: no-repeat;
  background-size: contain;
  top: -40px;
  right: 6.37%;
}
#sp-footer-long .sppb-section.myFooterRow1 .sppb-column.myFooterRow1Left {
  /*padding: 40px 0px;*/
  /*display: flex;*/
  /*flex-direction: column;*/
  /*justify-content: center;*/
  padding-top: 190px;
  padding-left: 36px;
  color: #000;
}
#sp-footer-long .sppb-section.myFooterRow1 .sppb-column.myFooterRow1Left a {
  color: #000;
}
#sp-footer-long .sppb-section.myFooterRow1 .sppb-column.myFooterRow1Left a:hover {
  color: var(--mycolor4);
}
/* PATICKA - Logo */
#sp-footer-long .myFooterLogo .sppb-addon-single-image-container img {
  width: 289px;
  height: auto;
  margin-bottom: 44px;
}
/* PATICKA - Title 1 */
.myFooterTitle1 > .sppb-addon-title {
  font-size: 25px;
  line-height: 130%;
  font-weight: 500;
  color: #fff;
}
.myFooterTitle1 > .sppb-addon-content {
  font-size: 23px;
  line-height: 110%;
  font-weight: 300;
}
.myFooterTitle1 > .sppb-addon-title + .sppb-addon-content {
  margin-top: 7px;
}
/* PATICKA - Title 1 */
.myFooterSocialLink {
  margin-top: 48px;
}
#sp-footer-long .sppb-section.mySocialLink1 > div > .sppb-row {
  column-gap: 16px;
}
.myFooterSocialLink .sppb-section.mySocialLink1 .mySvg svg {
  width: 36px;
  height: 36px;
}
.myFooterSocialLink .sppb-section.mySocialLink1 > div > .sppb-row > div:hover .mySvg svg {
  --mysocial1: var(--mycolor4);
}


/* PATICKA - Mapa Pozadi */
/*.myMapBg1 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
  z-index: 2;
}
.myMapBg1 .sppb-addon-content {
  display: block;
  position: absolute;
  width: 150%;
  height: 150%;
  top: -25%;
  left: -40%;
}
.myMapBg1 .sppb-addon-content > iframe {
  display: block;
  width: 100%;
  height: 100%;
}
#sp-footer-long #sp-myfooter .sppb-section.myFooter2Row1,
#sp-footer-long #sp-myfooter .sppb-section.myFooter2Row1 * {
  position: static;
  z-index: unset;
}
#sp-footer-long #sp-myfooter .sppb-section.myFooterRow1 > div > .sppb-row > div:nth-child(2) > .sppb-column {
  position: relative;
  z-index: 3;
}*/
/* PATICKA - Pozadi 1 */
#sp-footer-long .myPatickaBg .sppb-addon-single-image-container {
  display: block;
}
#sp-footer-long .myPatickaBg .sppb-addon-single-image-container img {
  display: block;
  width: 100%;
  /*margin-bottom: -18vw;*/
  margin-bottom: -345px;
  height: 819px;
  object-fit: cover;
  object-position: 70% 0px;
}


/* Paticka = sp-footer */
#sp-footer {

}
#sp-footer .container-inner {
  padding: 0px;
  border: 0px;
}
.sppb-section.myFooterKontakt1Row1 > div > .sppb-row {
  row-gap: 15px;
}


/* Paticka - Kontakty 1 */
.sppb-column.myFooterKontakt1Col1 > .sppb-column-addons {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 12px;
}
/* Paticka - Kontakty 1 - Text 1 */ 
.myFooterKontakt1Tetx1 > .sppb-addon-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  column-gap: 16px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
}
.myFooterKontakt1Tetx1 > .sppb-addon-content p {
  margin: 0px;
}
.myFooterKontakt1Tetx1 > .sppb-addon-content > p:nth-child(1) img {
  display: block;
  width: 40px;
  height: 40px;
  object-fit: contain;  
}
.myFooterKontakt1Tetx1 > .sppb-addon-content > p:nth-child(2) {
  padding-top: 8px;
}
/* Paticka - Kontakty 1 - Text 2 */
.myFooterKontakt1Tetx2 > .sppb-addon-content {
  padding-top: 8px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
}
.myFooterKontakt1Tetx2 > .sppb-addon-content strong {
  font-weight: 500;
} 
.myFooterKontakt1Tetx2 > .sppb-addon-content p {
  margin: 0px;
}
/* Paticka - Formular - Titulek */ 
.myFormTitle1 > .sppb-addon-title {
  font-size: 19px;
  line-height: 120%;
  font-weight: 500;
  color: #000;
}
.myFormTitle1 > .sppb-addon-content {
  font-size: 50px;
  line-height: 110%;
  font-weight: 600;
  color: var(--mycolor2);
}
.myFormTitle1 > .sppb-addon-title + .sppb-addon-content {
  margin-top: 10px;
}


/* Paticka - Mapa dole */
.myBottomMap iframe {
  display: block;
  border-radius: 13px;
  box-shadow: 0px 0px 26px rgb(0 0 0 / 18%);
  margin-bottom: -223px;
}


/* Paticka - Dolni (obrazek+menu) */
#sp-footer-long #sp-myfooter .sppb-section.myFooterBottom1 {
  aspect-ratio: 1920 / 707;
  min-height: 500px;
  max-width: 100%;
  z-index: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.sppb-section.myFooterBottom1 > div > .sppb-row {
  
}
/* Paticka - Dolni (obrazek+menu) - Menu */
.myMenuFooter1 {

}
.myMenuFooter1 > .sppb-addon-content {
  display: block;
  width: fit-content;
  margin: auto;
  background-color: var(--mycolor2);
  padding: 31px 24px;
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
}
.myMenuFooter1 > .sppb-addon-content > ul {
  padding: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  row-gap: 10px;
}
.myMenuFooter1 > .sppb-addon-content > ul > li {
  list-style-type: none;
}
.myMenuFooter1 > .sppb-addon-content > ul > li:nth-child(n+2) {
  border-left: 1px solid #fff;
}
.myMenuFooter1 > .sppb-addon-content > ul > li > a {
  display: block;
  font-size: 21px;
  line-height: 30px;
  font-weight: 500;
  color: #fff;
  padding: 0px 33px;
}
.myMenuFooter1 > .sppb-addon-content > ul > li.active > a,
.myMenuFooter1 > .sppb-addon-content > ul > li > a:hover {
  color: var(--mycolor4);
}


/* BANNER Divize */
.myOwlDivize .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > div {
  height: 100%;
}
.myBlogArtDivize {
  position: relative;
  padding-top: 164px;
  padding-right: 37px;
  padding-left: 37px;
  padding-bottom: 45px;
  /*min-height: 1095px;*/
  height: 100%;
  /*display: flex;*/
  /*flex-direction: row;*/
  /*align-items: stretch;*/
}
.myBlogArtDivize .myImg {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.myBlogArtDivize .myImg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.myBlogArtDivize .myContent {
  /*position: relative;*/
  /*z-index: 2;*/
  display: block;
  background-color: var(--mycolor2);
  width: 1054px;
  max-width: 100%;
  margin-left: auto;
  border-top-right-radius: 180px;
  border-top-left-radius: 70px;
  border-bottom-left-radius: 180px;
  border-bottom-right-radius: 70px;
  padding-top: 100px;
  padding-left: 108px;
  padding-right: 128px;
  padding-bottom: 57px;
  /*min-height: 886px;*/
}
.myBlogArtDivize .myContent .myTitle {
  font-size: 50px;
  line-height: 100%;
  font-weight: 600;
  color: #fff;
  margin-bottom: 7px;
}
.myBlogArtDivize .myContent .myText {
  font-size: 18px;
  line-height: 121%;
  font-weight: 300;
}
.myBlogArtDivize .myContent .myText strong {
  font-weight: 500;
}
.myBlogArtDivize .myContent .myText em {
  font-size: 19px;
  line-height: 121%;
  font-weight: 500;
  display: inline-block;
  font-style: normal;
  letter-spacing: 2px;
}
.myBlogArtDivize .myContent .myText p {
  margin-bottom: 22px;
}
.myBlogArtDivize .myContent .myText p:last-child {
  margin-bottom: 0px;
}
.myBlogArtDivize .myContent .myText > table:nth-of-type(1) {
  max-width: 640px;
  margin: 0px;
}
.myBlogArtDivize .myContent .myText > table:nth-of-type(1) > tbody,
.myBlogArtDivize .myContent .myText > table:nth-of-type(1) > tbody > tr {
  display: block;
}
.myBlogArtDivize .myContent .myText > table:nth-of-type(1) > tbody > tr > td {
  display: block;
  border: 0px;
  padding: 0px;
}
.myBlogArtDivize .myContent .myText > table:nth-of-type(2) {
  margin: 0px;
  margin-top: 38px;
  width: 100%;
  max-width: 100%;
}
.myBlogArtDivize .myContent .myText > table:nth-of-type(2) > tbody {
  display: block;
}
.myBlogArtDivize .myContent .myText > table:nth-of-type(2) > tbody > tr {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 30px 20px;
} 
.myBlogArtDivize .myContent .myText > table:nth-of-type(2) > tbody > tr > td {
  display: block;
  border: 0px;
  padding: 0px;
  width: 230px;
  max-width: 100%;
  font-size: 18px;
  line-height: 144%;
  font-weight: 300;
}
.myBlogArtDivize .myContent .myText > table:nth-of-type(2) > tbody > tr > td > *:nth-child(1) {
  width: 104px;
  aspect-ratio: 1 / 1;
  background-color: #f0f2f0;
  border-radius: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0px;
}
.myBlogArtDivize .myContent .myText > table:nth-of-type(2) > tbody > tr > td > *:nth-child(1) img {
  display: block;
  width: 51px;
  height: 50px;
  object-fit: scale-down;
}
.myBlogArtDivize .myContent .myText > table:nth-of-type(2) > tbody > tr > td > div {
  font-size: 21px;
  line-height: 110%;
  font-weight: 500;
  margin-top: 16px;
  margin-bottom: 10px;
}
/* BANNER Divize - Link */
.myBlogArtDivize .myContent .myText > div:last-child > a {
  text-transform: uppercase;
  display: flex;
  margin-left: auto;
  margin-top: 45px;
}
.myBlogArtDivize .myContent .myText > div:last-child > a::after {
  background-image: url(ikony2/tlacitko-sipka2.svg);
  background-color: #fff;
}
.myBlogArtDivize .myContent .myText > div:last-child > a:hover {
  color: var(--mycolor4);
  /*color: #fff;*/ 
}
.myBlogArtDivize .myContent .myText > div:last-child > a:hover::after {
  background-color: var(--mycolor4);
}
/* BANNER Divize - Prepinace */
.myOwlDivize > .owl-carousel > .owl-dots {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  width: fit-content;
  margin: auto;
  height: 164px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 15px 25px;
}
.myOwlDivize > .owl-carousel > .owl-dots > button {
  padding: 0px;
  border: 0px;
  background-color: transparent;
  font-size: 19px;
  line-height: 100%;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  display: block;
  position: relative;
  /*display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  column-gap: 16px;*/
}
.myOwlDivize > .owl-carousel > .owl-dots > button:hover {
  color: var(--mycolor4);
}
.myOwlDivize > .owl-carousel > .owl-dots > button.active {
  color: var(--mycolor2);
}
.myOwlDivize > .owl-carousel > .owl-dots > button > span {
  display: block;
  line-height: 47px;
  padding-right: calc(47px + 16px);
  position: relative;
  z-index: 2;
}
.myOwlDivize > .owl-carousel > .owl-dots > button .myIkona {
  width: 47px;
  aspect-ratio: 1 / 1;
  background-color: var(--mycolor2);
  border-radius: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  top: 0px;
  right: 0px;
}
.myOwlDivize > .owl-carousel > .owl-dots > button:hover .myIkona {
  background-color: var(--mycolor4);
}
.myOwlDivize > .owl-carousel > .owl-dots > button.active .myIkona {
  background-color: #000;
}
.myOwlDivize > .owl-carousel > .owl-dots > button .myIkona img {
  display: block;
  width: 64%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}
/*.myOwlDivize > .owl-carousel > .owl-dots > button::after {
  content: '';
  display: block;
  width: 47px;
  aspect-ratio: 1 / 1;
  background-color: var(--mycolor2);
  border-radius: 100%;
  background-image: url(ikony2/traktor2.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.myOwlDivize > .owl-carousel > .owl-dots > button.active::after,
.myOwlDivize > .owl-carousel > .owl-dots > button:hover::after {
  background-color: #000;
}*/


/* SLIDE Historie */
.myModulHistorie1 {
  width: 1822px;
  max-width: calc(100% - 66px);
  margin: auto;
  margin-top: 80px;
}
.myOwlHistorie > .owl-carousel > .owl-nav {
  display: none;
}
.myOwlHistorie > .owl-carousel > .owl-stage-outer {
  margin-right: -18px;
}
.myOwlHistorie.myFull > .owl-carousel > .owl-stage-outer {
  overflow: visible;
}
.myOwlHistorie > .owl-carousel > .owl-stage-outer > .owl-stage {
  /*display: grid;
  grid-template-rows: repeat(2, auto);
  grid-auto-flow: column;
  grid-auto-columns: max-content;*/
  justify-content: flex-start;
}
.myOwlHistorie > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > div {
  height: 100%;
  width: 100%;
}
.myBlogArtHistorie {
  width: 200%;
  height: 50%;
  position: relative;
}
.myHistoryTyp1 .myBlogArtHistorie::before,
.myHistoryTyp2 .myBlogArtHistorie::before {
  content: '';
  display: block;
  position: absolute;
  height: calc(100% - 10px);
  width: 2px;
  background-color: var(--mycolor2);
  left: 32px;
}
.myBlogArtHistorie:nth-child(1)::before {
  bottom: 0px;
}
.myBlogArtHistorie:nth-child(2)::before {
  top: 0px;
}
.myHistoryTyp1 .myBlogArtHistorie::after,
.myHistoryTyp2 .myBlogArtHistorie::after {
  content: '';
  display: block;
  position: absolute;
  width: 21px;
  aspect-ratio: 1 / 1;
  left: calc(32px - 9.5px);
  background-image: url(historie/historie.webp);
  background-size: contain;
  background-repeat: no-repeat;
}
.myBlogArtHistorie:nth-child(1)::after {
  top: 0px;
}
.myBlogArtHistorie:nth-child(2)::after {
  bottom: 0px;
}
.myHistoryTyp1 > .myBlogArtHistorie:nth-child(2),
.myHistoryTyp2 > .myBlogArtHistorie:nth-child(1) {
  visibility: hidden;
}
/* SLIDE Historie - Datum */
.myBlogArtHistorie .myDate {
  position: absolute;
  width: 66px;
  aspect-ratio: 1 / 1;
  background-color: var(--mycolor2);
  border-radius: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #fefefe;
  font-size: 20px;
  line-height: 100%;
  font-weight: 500;
  left: 0px;
}
.myBlogArtHistorie:nth-child(1) .myDate {
  top: calc(100% - 33px);
}
.myBlogArtHistorie:nth-child(2) .myDate {
  bottom: calc(100% - 33px);
}
/* SLIDE Historie - Obsah */
.myBlogArtHistorie .myContent {
  /*padding-right: 0px;*/
  margin-right: -18px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 14px;
}
.myBlogArtHistorie:nth-child(2) .myContent {
  flex-direction: row-reverse;
}
.myBlogArtHistorie:nth-child(1) .myContent {
  padding-left: 60px;
  padding-top: 32px;
  padding-bottom: 60px;
}
.myBlogArtHistorie:nth-child(2) .myContent {
  padding-left: 48px;
  padding-top: 58px;
  /*padding-bottom: 38px;*/
  padding-bottom: 0px;
}
.myBlogArtHistorie .myContent > .myContent2 {
  flex-grow: 1;
}
/* SLIDE Historie - Obsah - Obrazek */
.myBlogArtHistorie .myImg {
  flex-shrink: 0;
  width: 132px;
  height: 132px;
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid var(--mycolor2);
}
.myBlogArtHistorie .myImg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* SLIDE Historie - Obsah - Title */
.myBlogArtHistorie .myTitle {
  font-size: 21px;
  line-height: 119%;
  font-weight: 500;
  margin-top: 30px;
  margin-bottom: 16px;
}
/* SLIDE Historie - Obsah - Text */
.myBlogArtHistorie .myText {
  font-size: 18px;
  line-height: 144%;
  font-weight: 300;
}
/* SLIDE Historie - SIPKY - OLD */
/*.myOwlHistorie > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > div {
  position: relative;
}
.myOwlHistorie > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > div::before {
  content: '';
  display: block;
  position: absolute;
  height: 25px;
  width: calc(100% - 66px);
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(historie/sipka4.svg);
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position-x: 100%;
}
.myOwlHistorie > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > div.myHistoryTyp0::before {
  width: 100%;
  background-position-x: 0%;
}
.myOwlHistorie > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > div.myHistoryTyp00::before {
  width: 100%;
}*/
/* SLIDE Historie - SIPKY */
.myBlogArtHistorie .myArrows {
  display: block;
  position: absolute;
  height: 25px;
  width: calc(50% - 66px);
  left: 66px;
  /*transform: translateY(-50%);*/
  background-image: url(historie/sipka4.svg);
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position-x: 100%;
}
.myBlogArtHistorie:nth-child(1) .myArrows {
  top: 100%;
  transform: translateY(-50%);
}
.myBlogArtHistorie:nth-child(2) .myArrows {
  bottom: 100%;
  transform: translateY(50%);
}
.myHistoryTyp0 .myBlogArtHistorie {
  width: calc(100% + 18px);
}
.myHistoryTyp0 .myBlogArtHistorie .myArrows {
  left: 0px;
  width: 100%;
  background-position-x: 0%;
}


/* Text v zelenem kruhu */
#sp-main-body .sppb-section.myGreenCircle1 {
  z-index: 0;
}
#sp-main-body .sppb-column.myGreenCircle1Col1 {
  width: 1166px;
  margin: auto;
  max-width: 100%;
  text-align: center;
}
.myGreenCircle1Col1 > .myBg {
  display: block;
  position: absolute;
  /*width: 100%;*/
  /*width: auto;*/
  /*max-width: none;*/
  /*min-width: 100%;*/
  aspect-ratio: 1 / 1;
  /*background-color: var(--mycolor2);*/
  background-color: rgb(102 188 60 / 20%);
  border-radius: 100%;
  bottom: 0px;
  /*left: 0px;*/
  left: 50%;
  /*min-height: calc(100% + 500px);*/
  height: calc(100% + 500px);
  min-height: 1166px;
  transform: translateX(-50%);
}
.myGreenCircle1Col1 > .myBg::before {
  content: '';
  display: block;
  background-color: var(--mycolor2);
  width: 97%;
  aspect-ratio: 1 / 1;
  border-radius: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}
.myGreenCircle1Col1 > .sppb-column-addons {
  width: 550px;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  /*margin-top: -50px;*/
  margin-top: -2.604vw;
  margin-bottom: 118px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 15px;
  /*overflow: auto;*/
  /*max-height: 900px;*/
}
.myGreenCircle1Col1 .myTextC1 > .sppb-addon-content {
  font-size: 25px;
  line-height: 128%;
  font-weight: 500;
  color: #000;
}
.myGreenCircle1Col1 .myTextC2 > .sppb-addon-content {
  font-size: 18px;
  line-height: 144%;
  font-weight: 300;
  color: #fff;
}


/* NAVIAGCE */
.myModulNavig1 {
  margin-bottom: 16px;
}
.myModulNavig1 ol.breadcrumb,
.myModulNavig1 ol.breadcrumb > li.breadcrumb-item {
  column-gap: 8px;
}
.myModulNavig1 ol.breadcrumb {
  background-color: transparent;
  border-radius: 0px;
  padding: 0px !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.myModulNavig1 ol.breadcrumb > li.mod-breadcrumbs__here {
  display: none;
}
.myModulNavig1 ol.breadcrumb > li.breadcrumb-item > a,
.myModulNavig1 ol.breadcrumb > li.breadcrumb-item {
  color: #fff;
  text-decoration: none;
}
.myModulNavig1 ol.breadcrumb > li.breadcrumb-item > a:hover {
  text-decoration: underline;
}
.myModulNavig1 ol.breadcrumb > li.breadcrumb-item {
  font-size: 16px;
  line-height: 100%;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
}
.myModulNavig1 ol.breadcrumb > li.breadcrumb-item.active {
  font-weight: 600;
  color: var(--mycolor2);
  text-decoration: underline;
}
.myModulNavig1 ol.breadcrumb > li.breadcrumb-item + li.breadcrumb-item::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 16px;
  background-color: #fff;
  padding: 0px;
}


/* GALERIE */
#sp-main-body .sppb-section.mySecGal1 {
  width: 1834px;
  max-width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
}
.myCodeGal1 #mod-speasyimagegallery-1 .gallery-row {
  margin: -5px;
}
.myCodeGal1 #mod-speasyimagegallery-1 .gallery-row > .gallery-col {
  width: 16.66667%;
  padding: 5px;
}


/* IMG PAGE - Na ukazku */
body.myImgPage #sp-header,
body.myImgPage #sp-footer-long {
  display: none;
}


/* MOBILE MENU - Button */
body.ltr #offcanvas-toggler.offcanvas-toggler-right,
#offcanvas-toggler {
  float: none;
  margin: 0px;
  height: auto;
  line-height: 100%;
  /*display: inline-flex !important;*/
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center !important;
  column-gap: 5px;
  width: auto;
  vertical-align: top;
}
#offcanvas-toggler .burger-icon > span {
  background-color: #fff;
}
#offcanvas-toggler .myTitle {
  color: #fff;
}


/* Under Menu 1 - pro podstranky */
.myModuleMenu1 {
  /*margin-top: 30px;*/
}
ul.myMenu1Under {
  padding: 0px;
  list-style: none;
}
ul.myMenu1Under li > a {
  display: none;
}
ul.myMenu1Under li:not(.active) {
  display: none;
}
/*ul.myMenu1Under li.active > ul,*/
ul.myMenu1Under ul {
  display: block !important;
  height: fit-content !important;
  overflow: visible !important;
  list-style: none;
  padding: 0px;
  transition: none;
}
ul.myMenu1Under li.current > ul {
  list-style: none;
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 74px;
  margin: 0px -37px;
}
ul.myMenu1Under li.current > ul > li {
  display: block;
  width: 25%;
  padding: 0px 37px;
}
ul.myMenu1Under li.current > ul > li > a {
  display: block;
  color: var(--mycolor2);
  background-color: #fff;
  border-radius: 13px;
  overflow: hidden;
  box-shadow: 0px 0px 30px rgb(0 0 0 / 18%);
  font-size: 21px;
  line-height: 130%;
  font-weight: 500;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
}
ul.myMenu1Under li.current > ul > li > a:hover {
  color: var(--mycolor4);
}
ul.myMenu1Under li.current > ul > li > a > img {
  display: block;
  width: 100%;
  /*aspect-ratio: 364 / 342;*/
  aspect-ratio: 364 / 240;
  object-fit: cover;
  border-top-right-radius: 13px;
  border-top-left-radius: 13px;
}
ul.myMenu1Under li.current > ul > li > a > .image-title {
  display: block;
  /*padding: 20px 22px;*/
  padding: 20px 18px;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}


/* Under Menu 2 - pro AKTUALITY */
.myModuleMenu2 {
  margin-top: 50px;
}
ul.myMenu2Under,
ul.myMenu2Under ul {
  list-style: none;
  padding: 0px;
}
ul.myMenu2Under > li > a {
  display: none;
}
ul.myMenu2Under > li > ul {
  display: flex !important;
  height: auto !important;
}
ul.myMenu2Under > li > ul > li {
  display: block;
}
ul.myMenu2Under > li > ul > li > a {
  text-transform: uppercase;
}


/* TEXT NO ARTICLES */
.myNoArtText {
  text-align: center;
  font-size: 25px;
  line-height: 100%;
  font-weight: 500;
}


/* MOBILE MENU */
.offcanvas-menu > .pt-4:nth-child(1) {
  padding-bottom: 0px !important;
  padding-top: 17px !important;
}
.offcanvas-menu > .pt-4:nth-child(1) .myTitle {
  font-size: 24px;
  line-height: 100%;
}
.offcanvas-menu .close-offcanvas {
  top: 15px;
}
.offcanvas-menu .offcanvas-inner {
  padding-top: 0px;
}
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent > span,
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent > a {
  padding-right: 33px;
}
.offcanvas-menu .offcanvas-inner ul.menu li > * > img {
  display: none;
}
.offcanvas-menu .offcanvas-inner ul.menu li > span,
.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 span {
  color: #000 !important;
  opacity: 1;   
}
.offcanvas-menu .offcanvas-inner ul.menu li.active > span,
.offcanvas-menu .offcanvas-inner ul.menu li.active > a,
.offcanvas-menu .offcanvas-inner ul.menu li.active > a span {
  color: var(--mycolor2) !important;
}