/* 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 */
iframe {
  display: block;
}
table.sppb-table-style {
  width: auto; 
}
table.sppb-table-style td,
table.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;

}*/
/* REPAIR - editace clanku */
.article-details .article-can-edit {
  margin-bottom: 0px;
}


/* 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 > #sp-main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
body div.body-innerwrapper > #sp-main > #sp-main-body {
  flex-grow: 1;
}


/* BASIC ELEMENT */
h1 {
  color: #227d8a;
  margin-bottom: 10px;
}
h2 {
  /*font-size: 26px;*/
  /*line-height: 29px;*/
  /*font-weight: 500;*/
  /*color: #00aae9;*/
  /*margin: 25px 0px;*/
}
h3 {
  /*color: #00aae9;*/
  /*margin-bottom: 8px;*/
}
strong {
  font-weight: 600;
}
a:focus, a:active,
a {
  color: #227d8a;
}
a:hover {
  color: #227d8a;
  text-decoration: underline;
}
table {

}
table > tbody > tr:nth-last-child(n+2) > td {
  padding: 0px;
  /*padding-bottom: 5px;*/
}
table > tbody > tr > td:nth-last-child(n+2) {
  padding-right: 7px;
}
.sppb-table-style td > p, .sppb-table-style th > p,
p, ol, ul, table {
  margin-bottom: 18px;
}
.sppb-table-style td > p:last-child, .sppb-table-style th > p:last-child,
p:last-child, ol:last-child, ul:last-child, table:last-child {
  margin-bottom: 0px;
}
/* Special List Square */
ul[style="list-style-type: square;"] {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 20px;
  display: table;
  list-style-position: inside;/* ??? */
}
ul[style="list-style-type: square;"] {
  list-style: none !important;
}
ul[style="list-style-type: square;"]:last-child {
  margin-bottom: 0px;
}
ul[style="list-style-type: square;"] > li {
  /*border-left: 4px solid #00aae9;*/
  /*padding-left: 19px;*/
  margin-bottom: 10px;
  line-height: 140%;
  position: relative;
  padding-left: 15px;
  break-inside: avoid; /* zabrání rozdělení obsahu položky mezi sloupce !!! */
}
 ul[style="list-style-type: square;"] > li:before {
  content: '';
  display: block;
  position: absolute;
  width: 4px;
  background-color: #3f80e1;
  top: 3px;
  bottom: 3px;
  left: 0px;
}
.myReferenceList > .sppb-addon-content > ul {
  column-count: 5;
  column-gap: 30px;
  width: 100%;
  display: block;
  font-size: 18px;
}


/* ADD REPEAT ELEMENT */
/* KOTVA 1 */
.myKotva1 > div > div {
  display: block;
  position: absolute;
  top: -74px;
}
/* Vertikalni mezera radku */
.myVerticalSpece30 > div > .sppb-row {
  gap: 30px 0px;
}
/* Automaticka vnitni mezera (space beteween) */
.myRowSpaceBetween > div > .sppb-row {
  gap: 30px 0px;
  justify-content: space-between;
}
#sp-main .page-content .myRowSpaceBetween > div > .sppb-row > div {
  max-width: 100%;
  flex-basis: auto;
  width: auto;
}
/* TITULEK 1 */
.mySpTitle1 > .sppb-addon-title {
  font-size: 45px;
  line-height: 110%;
  font-weight: 700;
  margin-bottom: 5px;
}
.mySpTitle1 > .sppb-addon-content {
  font-size: 20px;
  line-height: 110%;
  font-weight: 700;
}
/* TITULEK 01 */
#sp-main .page-content .mySpTitle01 > .sppb-addon-title,
.mySpTitle01 > .sppb-addon-title {
  background: linear-gradient(90deg, #30979e 0%, #30979e 25%, #227d8a 75%, #227d8a 100%);
  color: #fff;
  font-size: 40px;
  line-height: 125%;
  font-weight: 600;
  /*padding: 19px 38px;*/
  padding: 19px 33px;
  max-width: 100%;
  text-align: left;
  /*width: 403px;*/
}
#sp-main .page-content .mySpTitle02 > .sppb-addon-title,
.mySpTitle02 > .sppb-addon-title {
  color: #268591;
  font-size: 25px;
  line-height: 125%;
  font-weight: 600;
  letter-spacing: 4.5px;
}
.mySpTitle02.T1 > .sppb-addon-title {
  margin-bottom: 10px;
}
/* TITULEK + Text 1 */
.mySpTitleText1 > .sppb-addon-title {
  background: linear-gradient(90deg, #30979e 0%, #30979e 25%, #227d8a 75%, #227d8a 100%);
  color: #fff;
  font-size: 40px;
  /*line-height: 50px;*/
  line-height: 125%;
  font-weight: 600;
  padding: 24px 36px;
  display: block;
}
.mySpTitleText1.ver2 > .sppb-addon-title {
  padding: 20px 36px;
}
.mySpTitleText1 > .sppb-addon-title + .sppb-addon-content {
  margin-top: 38px;  
}
.mySpTitleText1 > .sppb-addon-content {
  font-size: 20px;
  /*line-height: 30px;*/
  line-height: 150%;
  /*font-weight: 600;*/  
}
.mySpTitleText1 > .sppb-addon-content h2 {
  font-size: 28px;
  margin-bottom: 18px;
}
.mySpTitleText1 > .sppb-addon-content > table,
.mySpTitleText1 > .sppb-addon-content > table > tbody {
  display: block;
}
.mySpTitleText1 > .sppb-addon-content > table > tbody > tr {
  display: flex;
  flex-direction: row;
}
.mySpTitleText1 > .sppb-addon-content > table > tbody > tr > td {
  display: block;
  padding: 0px;
  border: 0px;
}
.mySpTitleText1 > .sppb-addon-content > table > tbody > tr > td:nth-child(1) {
  padding-left: 23px;
  padding-right: 27px;
  width: calc(23px + 51px + 27px);
}
.mySpTitleText1 > .sppb-addon-content > table > tbody > tr > td:nth-child(2) {
  width: calc(100% - 101px);
}
.mySpTitleText1 > .sppb-addon-content strong {
  font-weight: 600;
}
/* Button 1 */
.mySpButton1 .sppb-addon-content > * {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0px 13px;
  vertical-align: top;
}
.myButtonCover:before,
.mySpButton1 .sppb-addon-content > *:before {
  content: '';
  background-color: #023751;
  display: block;
  height: 60px;
  width: 4px;
}
.myButtonCover a.myButton.myScriptAdd,
.mySpButton1 a {
  font-size: 15px;
  line-height: 100%;
  font-weight: 300;
  padding: 22px 40px;
  padding-top: 23px;
  display: block;
  border-radius: 0px;
  color: #fff;
  background-color: #227d8a;
  letter-spacing: 1px;
  text-align: center;
  text-decoration: none;
}
.myButtonCover a.myButton.myScriptAdd:hover,
.mySpButton1 a:hover {
  color: #fff;
  background-color: #186978;
  text-decoration: none;
}
/* Button - Gallery */
.myButtonCover {
  text-decoration: none;
  margin: auto;
  margin-top: 20px;
  width: fit-content;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0px 16px;
  /*transition: color 0.2s linear 0s;*/
  /*transition: none;*/
}
.myButtonCover a.myButton.myScriptAdd {
  /* change button */
  background-color: transparent;
  border: 2px solid #30979e;
  color: #227d8a;
  padding: 20px 40px;
  padding-top: 21px;
  text-decoration: none;
}
/* Text 1 v Hlavice */
#sp-main .page-content .myHeaderText1 {
  margin-top: 46px;
  padding-left: 33px;
  width: 753px;
  max-width: 100%;
}
.myHeaderText1 > .sppb-addon-content {
  font-size: 20px;
  line-height: 165%;
  /*font-weight: 300;*/
  color: #1f1f1f;
}



/* NEW STYLES = START */

/* BODY */
body {
  color: #000;
}
#sp-main-body {
  padding-top: 20px;
  padding-bottom: 0px;
  z-index: 2;
}


/* HEADER */
#sp-header {
  /*background: #36516d;*/
  /*background: #36393f;*/
  /*background: #083381;*/
  height: auto;
  padding: 0px;
  padding-top: 24px;
}
#sp-header.header-sticky {
  padding: 7px 0px;
}
body.myHeadAbs .sticky-header-placeholder {
  display: none;
}
body.myHeadAbs #sp-header:not(.header-sticky) {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background: transparent;
  box-shadow: none;
  /* header content save */
  /*max-height: 145px;*/
  padding-top: calc(24px + 32px);
}
#sp-header > .container {
  max-width: 100%;
}
#sp-header > .container > div {
  padding: 0px 40px;
}
#sp-header > div > div > .row {
  margin-left: 0px;
  margin-right: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  max-width: 1782px;
  margin-left: auto;
  margin-right: auto;
}
#sp-header > div > div > .row > div {
  padding-left: 0px;
  padding-right: 0px;
  width: auto;
}
/* HEADER - Logo */
#sp-header #sp-logo .sp-column {
  display: block;
}
#sp-header .sp-module.myLogo {
  margin: 0px;
  /*padding: 33px 0px;*/
}
#sp-header .sp-module.myLogo.ver1 img {
  height: 124px;
  width: auto;
}
body.myHeadAbs #sp-header:not(.header-sticky) .sp-module.myLogo.ver1 img {
  margin: -32px 0px;
}
#sp-header.header-sticky .sp-module.myLogo.ver1 img {
  height: 60px;
}
/* HEADER - TOP MENU */
#sp-header #sp-menu {
  padding: 0px 0px;
  /*max-width: calc(100% - 265px);*/
  flex-grow: 1;
}
#sp-menu > .sp-column {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end !important;
  align-content: center;
  align-items: center !important;
  gap: 43px 0px;
}
#sp-header .sp-module {
  margin: 0px;
}
/* HEADER - TOP MENU - horni lista */
#sp-menu > .sp-column > .myTopInTopMenu {
  width: 100%;
}
#sp-menu > .sp-column > .myTopInTopMenu > .myCover {
  max-width: 840px;
  margin-left: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 15px;
}
#sp-menu > .sp-column > .myTopInTopMenu > .myCover > .myTopInTopMenu2 {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-end;
  align-items: stretch;
  gap: 0px 29px;
}
#sp-menu > .sp-column > .myTopInTopMenu > .myCover > .myTopInTopMenu2 > div {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#sp-menu > .sp-column > .myTopInTopMenu > .myCover > .myTopInTopMenu2 > div:nth-child(n+2):before {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: #1d599c;
  top: 0px;
  left: -15px;
}
.myTopInTopMenu a,
.myTopInTopMenu {
  color: white;
}
/* HEADER - TOP MENU - horni lista - Social Link */
.sp-module.mySocialLink .mod-custom {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: 0px 10px;
}
.sp-module.mySocialLink .mod-custom p {
  margin: 0px;
}
.sp-module.mySocialLink .mod-custom img {
  transition: all 0.2s linear 0s;
  transform: scale(1.0);
}
.sp-module.mySocialLink .mod-custom a:hover img {
  transform: scale(1.1);
}
/* HEADER - TOP MENU - horni lista - Kosik */
.sp-module.myKosik .mod-custom p {
  margin: 0px;
}
.sp-module.myKosik .mod-custom img {
  margin-top: -3px;
  margin-bottom: -3px;
  transition: all 0.2s linear 0s;
  transform: scale(1.0);
}
.sp-module.myKosik .mod-custom a:hover img {
  transform: scale(1.1);
}
/* HEADER - TOP MENU - horni lista - vyhledavani */
.myTopSearch {
  display: block;
  position: relative;
}
.myTopSearch .mySearchButton {
  display: block;
  height: 29px;
  width: 29px;
  /*background-image: url(images/search/search.png);*/
  background-image: url(images/search/3.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  cursor: pointer;
  transition: all 0.2s linear 0s;
  transform: scale(1.0);
}
.myTopSearch .mySearchButton:hover {
  /*background-color: #64a4fa;*/
  transform: scale(1.1);
}
.myTopSearchModule .mySearchClose {
  display: none;
}
.myTopSearchModule.myOpen .mySearchClose {
  display: block;
  position: absolute;
  right: calc(100% - 9px);
  top: -9px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 100%;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s linear 0s;
  background-color: #e31111;
}
.myTopSearchModule.myOpen .mySearchClose:hover {
  background-color: red;
}
#sp-header .myTopSearch .myTopSearchModule {
  display: block;
  position: absolute;
  top: 0px;
  right: 100%;
  overflow: hidden;
  /*width: 228px;*/
  width: 0px;
}
/*#sp-header .myTopSearch .myTopSearchModule.myOpen {
  width: 228px;
}*/
.myTopSearch .sp-module.mySearch input {
  border-radius: 0px;
  font-size: 17px;
  line-height: 21px;
  padding: 3px 7px;
  height: 29px;
  width: 228px;
}
/* HEADER - TOP MENU - horni lista - infolinka */
.sp-module.myInfolinka .mod-custom.custom > * {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  font-size: 20px;
  line-height: 100%;
}
.sp-module.myInfolinka .mod-custom.custom > * img {
  margin-top: -2px;
  margin-right: 7px;
}
.sp-module.myInfolinka .mod-custom.custom > * strong {
  color: #52a7ff;
  margin-right: 14px;
}
.sp-module.myInfolinka a {
  display: inline-block;
  position: relative;
}
.sp-module.myInfolinka a:hover:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #fff;
  left: 0px;
  bottom: -1px;
}
/* HEADER - TOP MENU - top menu */
#sp-menu .menu-wrap.flex-auto {
  flex-grow: 0;
}
#sp-menu .sp-megamenu-wrapper > ul.sp-megamenu-parent {
  margin: 0px;
}
.sp-megamenu-parent > li {
  margin: 0px 15px;
}
.sp-megamenu-parent > li.myHome + li {
  margin-left: 0px;
}
.sp-megamenu-parent > li:first-child {
  margin-left: 0px;
}
.sp-megamenu-parent > li:last-child {
  margin-right: 0px;
}
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  color: #000;
  font-size: 23px;
  font-weight: 600;
  line-height: 32px;
  vertical-align: top;
  padding: 0px;
  position: relative;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0px;
}
.sp-megamenu-parent > li:last-child > a {
  padding-left: 0px;
}
body.ltr .sp-megamenu-parent > li.sp-has-child > a:after,
body.ltr .sp-megamenu-parent > li.sp-has-child > span:after {
  font-size: 16px;
}
.sp-megamenu-parent > li.myHome,
.sp-megamenu-parent > li > a.myHome {
  display: none;
}
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li:hover > span {
  color: #000;
  /*text-decoration: underline;*/
}
.sp-megamenu-parent > li.active > a:before,
.sp-megamenu-parent > li.active > span:before,
.sp-megamenu-parent > li:hover > a:before,
.sp-megamenu-parent > li:hover > span:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  left: 0px;
  bottom: 0px;
}
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a {
  color: #000;
  font-weight: 700;
  /*text-decoration: underline;*/
}
/* HEADER - TOP MENU - top menu - drop down */
.sp-megamenu-parent > li > a.myUnder1 + .sp-dropdown.sp-dropdown-main.sp-menu-right {
  /*min-width: 210px;*/
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
  min-width: calc(100% + 30px);
  left: -15px;
  padding-top: 2px;
  width: fit-content !important;
  right: -200px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  /*padding: 10px 0px;*/
  padding: 0px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  padding-top: 17px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child {
  padding-bottom: 17px;
}
.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;*/
  padding: 0px 20px;
  font-size: 17px;
  display: block;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge),
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: #000;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a[class^="myLinkN"] + .sp-dropdown.sp-dropdown-sub {
  width: max-content !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #186978;
  /*text-decoration: underline;*/
} 
/* HEADER - Mobile menu button */
#offcanvas-toggler {

}
/* HEADER - TOP MENU - horni lista - Button Top */
/*#sp-header > div > div > .row > div,*/
#sp-header .sp-module.myButtonTop {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0px 17px;
  margin-left: 49px;
}
.sp-module.myButtonTop:before {
  content: '';
  background-color: #023751;
  display: block;
  height: 60px;
  width: 4px;
}
.sp-module.myButtonTop a {
  font-size: 15px;
  line-height: 100%;
  font-weight: 300;
  padding: 21px 29px;
  display: block;
  border-radius: 0px;
  color: #fff;
  background-color: #227d8a;
  text-decoration: none;
  letter-spacing: 1px;
  text-align: center;
}
.sp-module.myButtonTop a:hover {
  color: #fff;
  background-color: #186978;
  text-decoration: none;
}


/* Image Header 1 */
#sp-main .page-content .sppb-section.myHeader1 {
  padding-top: 145px;
  padding-bottom: 25px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 50% 0px;
}
#sp-main .page-content .sppb-section.myHeader1.ver1 {
  /*background-size: 1920px auto;*/
}
#sp-main .page-content .sppb-section.myHeader1.ver2 {
  padding-top: 172px;
  padding-bottom: 0px;
  background-repeat: repeat-x;
  background-position: 50% 0px;
  background-size: auto auto;
  /*background-size: auto 100%;*/
}
#sp-main .page-content .sppb-section.myHeader1.ver2 > div > .sppb-row > div {
  margin-bottom: 30px;
}
#sp-main .page-content .sppb-section.myHeader1.ver3 {
  padding-top: 334px;
  padding-bottom: 30px;
  background-size: 1920px auto;
  background-position: 0px 0px;
}
/*#sp-main .page-content .sppb-section.myHeader1.ver1:before,*/
#sp-main .page-content .sppb-section.myHeader1.ver3:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 771px;
  background-image: url(images2/hlavicka/top-bg2.webp);
  opacity: 0.49;
  mix-blend-mode: multiply;
}
#sp-main .page-content .sppb-section.myHeader1.ver3:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 200px;
  background: linear-gradient(0deg, rgb(255 255 255 / 100%) 0%, rgb(255 255 255 / 0%) 100%);
}
/* Image Header 1 - Obsah */
#sp-main .page-content .sppb-section.myIntro1 {
  position: relative;
  z-index: -1;
}
#sp-main .page-content .sppb-column.myIntro1Col1 > .sppb-column-addons {
  aspect-ratio: 1173 / 749;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1173px;
  margin: auto;
  /*background-image: url(/images/sablona/ikony/predloha.webp);*/ 
}
#sp-main .page-content .sppb-column.myIntro1Col1 > .sppb-column-addons:before {
  content: '';
  display: block;
  position: absolute;
  width: 975px;
  height: 974px;
  top: -975px;
  bottom: -975px;
  left: -974px;
  right: -974px;
  margin: auto;
  background-image: url(images2/zare.webp);
  background-repeat: no-repeat;
  z-index: -1;
}
#sp-main .page-content .sppb-column.myIntro1Col1 > .sppb-column-addons > div:nth-child(1) {
  position: relative;
  z-index: 2;
  /*max-width: 399px;*/
  max-width: 34.01535%;
}
#sp-main .page-content .sppb-section.myIntro1Ikony {
  position: absolute;
  width: 100%;
  height: 100%;
  /*background-color: blue;*/
}
#sp-main .page-content .sppb-section.myIntro1Ikony * {
  position: static;
}
/* Image Header 1 - Text 1 */
.sppb-section.myHeader1 .myText1 .sppb-addon-content {
  text-align: center;
  color: #227d8a;
  font-size: 26px;
  /*line-height: 32px;*/
  line-height: 123%;
  font-weight: 600;
  /*max-width: 399px;*/
  margin: auto;
}
.sppb-section.myHeader1 .myText1 .sppb-addon-content p {
  margin-bottom: 22px;
}
.sppb-section.myHeader1 .myText1 .sppb-addon-content p:last-child {
  margin-bottom: 0px;
}
.sppb-section.myHeader1 .myText1 .sppb-addon-content img {
  margin: auto;
}
/* Image Header 1 - Text 2 */
/* Image Header 1 - Text 2 - pozice */
#sp-main .page-content .sppb-section.myHeader1 .myText2 {
  display: block;
  position: absolute;
  width: 1%;
  height: 1%;
}
#sp-main .page-content .sppb-section.myHeader1 .myIntro1IkonyCol1 > .sppb-column-addons > div:nth-child(1) .myText2 {
  top: 8.5%;
  left: 49.5%;
}
#sp-main .page-content .sppb-section.myHeader1 .myIntro1IkonyCol1 > .sppb-column-addons > div:nth-child(2) .myText2 {
  top: 17.5%;
  left: 14.5%;
}
#sp-main .page-content .sppb-section.myHeader1 .myIntro1IkonyCol1 > .sppb-column-addons > div:nth-child(3) .myText2 {
  top: 46.3%;
  left: 6.2%;
}
#sp-main .page-content .sppb-section.myHeader1 .myIntro1IkonyCol1 > .sppb-column-addons > div:nth-child(4) .myText2 {
  top: 74.1%;
  left: 13.9%;
}
#sp-main .page-content .sppb-section.myHeader1 .myIntro1IkonyCol1 > .sppb-column-addons > div:nth-child(5) .myText2 {
  top: 91.4%;
  left: 38%;
}
#sp-main .page-content .sppb-section.myHeader1 .myIntro1IkonyCol1 > .sppb-column-addons > div:nth-child(6) .myText2 {
  top: 91.4%;
  left: 62.2%;
}
#sp-main .page-content .sppb-section.myHeader1 .myIntro1IkonyCol1 > .sppb-column-addons > div:nth-child(7) .myText2 {
  top: 74.1%;
  left: 84.8%;
}
#sp-main .page-content .sppb-section.myHeader1 .myIntro1IkonyCol1 > .sppb-column-addons > div:nth-child(8) .myText2 {
  top: 46.3%;
  left: 93.5%;
}
#sp-main .page-content .sppb-section.myHeader1 .myIntro1IkonyCol1 > .sppb-column-addons > div:nth-child(9) .myText2 {
  top: 17.5%;
  left: 86%;
}
/* Image Header 1 - Text 2 - cara */
#sp-main .page-content .sppb-section.myHeader1 .myText2:before {
  content: '.........................................................';
  color: #000;
  letter-spacing: 4px;
  font-size: 20px;
  line-height: 20px;
  overflow: hidden;
  height: 32px;
  transform: translate(-50%, -50%) rotate(90deg);
  transform-origin: center;
  display: block;
  position: absolute;
  /*height: 1000%;*/
  width: 900%;
  top: 1820%;
  left: 50%;
  /*border-left: 2px dotted #000;*/
}
#sp-main .page-content .sppb-section.myHeader1 .myIntro1IkonyCol1 > .sppb-column-addons > div:nth-child(1) .myText2:before {
  transform: translate(-50%, -50%) rotate(90deg);
  width: 900%;
  top: 1820%;
  left: 50%;
}
#sp-main .page-content .sppb-section.myHeader1 .myIntro1IkonyCol1 > .sppb-column-addons > div:nth-child(2) .myText2:before {
  transform: translate(-50%, -50%) rotate(24deg);
  width: 1260%;
  top: 1450%;
  left: 1210%;
}
#sp-main .page-content .sppb-section.myHeader1 .myIntro1IkonyCol1 > .sppb-column-addons > div:nth-child(3) .myText2:before {
  transform: translate(-50%, -50%) rotate(0deg);
  width: 1260%;
  top: 340%;
  left: 1580%;
}
#sp-main .page-content .sppb-section.myHeader1 .myIntro1IkonyCol1 > .sppb-column-addons > div:nth-child(4) .myText2:before {
  transform: translate(-50%, -50%) rotate(-24deg);
  width: 1260%;
  top: -830%;
  left: 1280%;
}
#sp-main .page-content .sppb-section.myHeader1 .myIntro1IkonyCol1 > .sppb-column-addons > div:nth-child(5) .myText2:before {
  transform: translate(-50%, -50%) rotate(-52deg);
  width: 900%;
  top: -1650%;
  left: 450%;
}
#sp-main .page-content .sppb-section.myHeader1 .myIntro1IkonyCol1 > .sppb-column-addons > div:nth-child(6) .myText2:before {
  transform: translate(-50%, -50%) rotate(52deg);
  width: 900%;
  top: -1650%;
  left: -470%;
}
#sp-main .page-content .sppb-section.myHeader1 .myIntro1IkonyCol1 > .sppb-column-addons > div:nth-child(7) .myText2:before {
  transform: translate(-50%, -50%) rotate(24deg);
  width: 1260%;
  top: -830%;
  left: -1180%;
}
#sp-main .page-content .sppb-section.myHeader1 .myIntro1IkonyCol1 > .sppb-column-addons > div:nth-child(8) .myText2:before {
  transform: translate(-50%, -50%) rotate(0deg);
  width: 1260%;
  top: 340%;
  left: -1380%;
}
#sp-main .page-content .sppb-section.myHeader1 .myIntro1IkonyCol1 > .sppb-column-addons > div:nth-child(9) .myText2:before {
  transform: translate(-50%, -50%) rotate(-24deg);
  width: 1260%;
  top: 1450%;
  left: -1300%;
}
/* Image Header 1 - Text 2 - obsah */
#sp-main .page-content .sppb-section.myHeader1 .myText2 > .sppb-addon-content {
  text-align: center;
  color: #000;
  font-size: 20px;
  line-height: 150%;
  font-weight: 600;
  display: block;
  position: absolute;
  /*top: 0%;*/
  top: -1000%;
  bottom: -1000%;
  left: -4950%;
  right: -4950%;
  margin: auto;
  width: fit-content;
  height: fit-content;
  transition: all 0.2s linear 0s;
  cursor: pointer;
  transform: scale(1.0);
}
#sp-main .page-content .sppb-section.myHeader1 .myText2 > .sppb-addon-content:hover {
  transform: scale(1.1);
}
/* Image Header 1 - Text 2 - obsah = text a obrazek */
#sp-main .page-content .sppb-section.myHeader1 .myText2 .sppb-addon-content > p {
  margin: 0px;
}
#sp-main .page-content .sppb-section.myHeader1 .myText2 .sppb-addon-content > p:nth-child(1) {
  aspect-ratio: 1 / 1;
  background-color: #fff;
  border-radius: 100%;
  overflow: hidden;
  width: 100px;
  /*width: 39.12%;*/
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#sp-main .page-content .sppb-section.myHeader1 .myText2 .sppb-addon-content img {
  display: block;
  width: 67%;
  height: 67%;
  object-fit: contain;
}


/* Section Reference */
#sp-main .page-content .sppb-section.myReference1 {

}
#sp-main .page-content .sppb-section.myReference1 > div > .sppb-row {

}
#sp-main .page-content .sppb-section.myReference1 > div > .sppb-row > div {

}
#sp-main .page-content .sppb-section.myReference1 > div > .sppb-row > div:nth-child(1) {
  padding-top: 84px;
  padding-bottom: calc(68px + 20px);
}


/* Section Vyhody */
#sp-main .page-content .sppb-section.myVyhody1 {
  padding-top: 184px;
  margin-bottom: 170px;
  overflow: hidden;
}
#sp-main .page-content .sppb-section.myVyhody1 > div > .sppb-row {

}
#sp-main .page-content .sppb-section.myVyhody1 > div > .sppb-row > div {

}
#sp-main .page-content .sppb-section.myVyhody1 > div > .sppb-row > div:nth-child(1) {
  position: relative;
  z-index: 2;
}
#sp-main .page-content .sppb-section.myVyhody1 > div > .sppb-row > div:nth-child(2) {
  padding-top: 50px;
}
/* Section Vyhody - Nadpis 1 s pozadim */
#sp-main .page-content .myVyhody1TitleBg1 {
  min-height: 329px;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
#sp-main .page-content .myVyhody1TitleBg1 .myVyhody1Bg1 > .sppb-addon-content {
  display: block;
  position: absolute;
  top: 0px;
  left: calc(( 100vw - ( (100% + 60px) * (100 / 64) - 60px ) ) / 2 * -1);
  padding-left: calc(( 100vw - ( (100% + 60px) * (100 / 64) - 60px ) ) / 2);
  width: calc(100% + ( 100vw - ( (100% + 60px) * (100 / 64) - 60px ) ) / 2);
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
#sp-main .page-content .myVyhody1TitleBg1 .myVyhody1Bg1 .sppb-addon-single-image-container {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#sp-main .page-content .myVyhody1TitleBg1 .myVyhody1Bg1 img {
  display: block;
  position: absolute;
  width: 1137px;
  max-width: none;
  top: 0px;
  left: -252px;
  border-radius: 23px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
#sp-main .page-content .myVyhody1Title1 > .sppb-addon-title {
  color: #fff;
  font-size: 74px;
  line-height: 79px;
  font-weight: 600;
  padding-left: 16px;
}
/* Section Vyhody - List */
#sp-main .page-content .sppb-section.myVyhody1ListRow1 > div > .sppb-row {
  gap: 23px 0px;
  justify-content: space-between;
}
#sp-main .page-content .sppb-section.myVyhody1ListRow1 > div > .sppb-row > div {
  max-width: 100%;
  flex-basis: auto;
  width: auto;
}
.myVyhody1List1 > .sppb-addon-content ul {
  list-style-type: none;
  /*padding-left: 56px;*/
  padding-left: 0px;
}
.myVyhody1List1 > .sppb-addon-content ul > li {
  position: relative;
  color: #1f1f1f;
  font-size: 20px;
  line-height: 120%;
  font-weight: 600;
  padding-left: 56px;
  }
.myVyhody1List1 > .sppb-addon-content ul > li:nth-child(n+2) {
  margin-top: 23px;
}
.myVyhody1List1 > .sppb-addon-content ul > li:before {
  content: '';
  display: block;
  width: 23px;
  height: 22px;
  position: absolute;
  background-image: url(images2/ikony1/ikona-list1.webp);
  background-repeat: no-repeat;
  /*left: calc(-56px + 13px);*/
  left: 13px;
  top: 0px;
}
/* Section Vyhody - Bg Znak */
#sp-main .page-content .myVyhody1Bg2 .sppb-addon-single-image-container {
  display: block;
}
#sp-main .page-content .myVyhody1Bg2 img {
  display: block;
  position: absolute;
  z-index: -1;
  width: 571px;
  max-width: none;
  left: calc(100% - 350px);
  top: -180px;
}


/* Section Skolitele */
#sp-main .page-content .sppb-section.mySkolitele1 {
  /*min-height: 1111px;*/
  padding-top: 80px;
  padding-bottom: 122px;
  overflow: hidden;  
}
.sppb-section.mySkolitele1.ver3:before,
.sppb-section.mySkolitele1.ver1:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -960px;
  right: -960px;
  margin: auto;
  width: 100%;
  min-width: 1920px;
  background-color: #023751;
  clip-path: polygon(73% 0px, 100% 65px, 100% calc(100% - 65px), 73% 100%, 0% calc(100% - 173px), 0% 173px);  
}
/* Section Skolitele - Title */
#sp-main .page-content .sppb-section.mySkolitele1 .mySpTitle01 {
  margin-bottom: 40px;
}
/* Section Skolitele - Bg MCI */
#sp-main .page-content .mySkolitele1Bg1 .sppb-addon-single-image-container {
  display: block;
}
#sp-main .page-content .mySkolitele1Bg1 img {
  display: block;
  position: absolute;
  z-index: -1;
  /*width: 217px;*/
  width: 160px;
  max-width: none;
  left: -176px;
  top: -10px;
}
/* Section Skolitele - Text */
.mySkolitele1Text1 > .sppb-addon-content {
  padding-left: 30px;
  font-size: 20px;
  line-height: 150%;
  font-weight: 300;
}
/* Section Skolitele - Modul Slider */
.myOwlSlideSkolitele {
  /*width: calc(100% + (50vw - 50%) - 30px);*/
  width: calc(50% + 50vw - 30px);
}
.sppb-section.mySkolitele1.ver1 .myOwlSlideSkolitele {
  /*margin-top: 88px;*/
}
.myOwlSlideSkolitele .owl-carousel > .owl-nav {
  /*width: calc(100% - 76px + 30px);*//* toto je 100% ; priklad 200% - 100vw = puvodni counter */
  width: calc(((100% - 76px + 30px) * 2) - 100vw);
}


/* Section Galerie */
#sp-main .page-content .sppb-section.myGalerie1 {
  padding-top: 116px;
  overflow: hidden;
  min-height: 541px;
  box-sizing: border-box;
}
#sp-main .page-content .sppb-section.myGalerie1.ver1 {
  margin-bottom: 170px;
}
#sp-main .page-content .sppb-section.myGalerie1.ver2 {
  margin-bottom: 30px;
}
#sp-main .page-content .sppb-section.myGalerie1 .mySpTitle01 {
  margin-bottom: 70px;
}
/* Section Galerie - Bg Znak */
#sp-main .page-content .myGalerie1Bg2 .sppb-addon-single-image-container {
  display: block;
}
#sp-main .page-content .myGalerie1Bg2 img {
  display: block;
  position: absolute;
  z-index: -1;
  width: 571px;
  max-width: none;
  left: -264px;
  top: -110px;
}
/* Section Galerie - MY GALLERY */
.myGallery.myJsRoll > .sppb-addon-content {
  max-height: 400px;
  overflow: hidden;
}
.myGallery.myJsRoll.myN1 > .sppb-addon-content,
.myGallery.myJsRoll.myN2 > .sppb-addon-content,
.myGallery.myJsRoll.myN3 > .sppb-addon-content,
.myGallery.myJsRoll.myN4 > .sppb-addon-content,
.myGallery.myJsRoll.myN5 > .sppb-addon-content {
  max-height: 195px;
}
.myOffJsRoll .myGallery.myJsRoll > .sppb-addon-content {
  height: auto !important;
  max-height: none !important;
}
.myGallery #mod-speasyimagegallery-2 .gallery-row {
    margin: 0;
}
.myGallery > .sppb-addon-content > *,
.myGallery > .sppb-addon-content .speasyimagegallery-gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.myGallery > .sppb-addon-content style {
  display: none;
}
.myGallery .speasyimagegallery-gallery:before {
    display: none;
}
.myGallery #mod-speasyimagegallery-2 .gallery-col {
    width: auto;
    padding: 0;
}
.myGallery.myLeft > .sppb-addon-content > * {
  justify-content: flex-start;
}
.myGallery > .sppb-addon-content > * > * {
  overflow: hidden;
  display: block;
}
.myGallery > .sppb-addon-content > * > a,
.myGallery > .sppb-addon-content .speasyimagegallery-gallery-item {
  position: relative;
}
.myGallery .speasyimagegallery-gallery-item {
    cursor: pointer;
}
.myGallery > .sppb-addon-content > * > a:before,
.myGallery > .sppb-addon-content .speasyimagegallery-gallery-item:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transition: all 0.2s linear 0s;
  background-color: rgb(0 0 0 / 50%);/*background-color: rgb(70 115 195 / 80%);*/
  transform: scale(0.8);
  opacity: 0;
  z-index: 1;
}
.myGallery > .sppb-addon-content > * > a:after,
.myGallery > .sppb-addon-content .speasyimagegallery-gallery-item:after {  
  content: '+';
  font-family: 'Arial';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 150px;
  font-weight: 400;
  /*color: #227d8a;*//*color: #e31f25;*/
  color: #30979e;
  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;
  z-index: 2;
}
.myGallery > .sppb-addon-content > * > a:hover:before,
.myGallery > .sppb-addon-content > * > a:hover:after,
.myGallery > .sppb-addon-content .speasyimagegallery-gallery-item:hover:before,
.myGallery > .sppb-addon-content .speasyimagegallery-gallery-item:hover:after {
  transform: scale(1.0);
  opacity: 1;
}
.myGallery .speasyimagegallery-gallery-item:hover > div:after {
    opacity: 0;
}
.myGallery > .sppb-addon-content > * img {
  object-fit: cover;
}
.myGallery.myJsRoll > .sppb-addon-content > * img {
  /*max-height: 195px;*/
  aspect-ratio: 275 / 195;
  height: 195px;
}
.myGallery.myMaxW > .sppb-addon-content > * img {
  max-width: 275px;
}
.myGallery.275x195 > .sppb-addon-content > * img {
  width: 275px;
  height: 195px;
  object-fit: cover;
}

/* Section Co se naucite */
#sp-main .page-content .sppb-section.myCoNaucite1 {
  margin-bottom: 130px;
  overflow: hidden;
  min-height: calc(545px + 33px);
}
/* Section Co se naucite - Sp Title 01 */
#sp-main .page-content .sppb-section.myCoNaucite1 .mySpTitle01 {
  margin-bottom: 50px;
}
/* Section Co se naucite - Bg Image 1 */
#sp-main .page-content .myCoNaucite1Bg1 .sppb-addon-single-image-container {
  display: block;
}
#sp-main .page-content .myCoNaucite1Bg1 img {
  display: block;
  position: absolute;
  z-index: -1;
  /*width: 545px;*/
  max-width: none;
  right: calc(100% - 201px);
  top: 33px;
}
/* Section Co se naucite - Row 3 Cols */
#sp-main .page-content .sppb-section.myBannerImage1,
#sp-main .page-content .sppb-section.myCoNaucite1Row3 {
  margin-left: calc(231px + 2%);
}
#sp-main .page-content .sppb-section.myCoNaucite1Row3 .myIcon .sppb-addon-single-image-container {
  display: block;
}
#sp-main .page-content .sppb-section.myCoNaucite1Row3 .myIcon img {
  display: block;
  position: absolute;
  left: 0px;
  top: 5px;
}
#sp-main .page-content .sppb-section.myCoNaucite1Row3 .myTitle,
#sp-main .page-content .sppb-section.myCoNaucite1Row3 .myText {
  padding-left: 75px;
}
#sp-main .page-content .sppb-section.myCoNaucite1Row3 .myTitle {
  margin-bottom: 25px;
  font-size: 23px;
  /*line-height: 33px;*/
  line-height: 144%;
  font-weight: 600;
}
#sp-main .page-content .sppb-section.myCoNaucite1Row3 .myText {
  font-size: 20px;
  line-height: 150%;
  font-weight: 300;
}
#sp-main .page-content .sppb-section.myCoNaucite1Row3 .myText strong {
  font-weight: 600;
}


/* Section Otazky */
#sp-main .page-content .sppb-section.myOtazky1 {
  /*margin-bottom: 190px;*/
}
/* Section Otazky - Sp Title 01 */
#sp-main .page-content .sppb-section.myOtazky1 .mySpTitle01 {
  margin-bottom: 60px;
}
/* Section Co se naucite - List !!! */
.myListOtazky {
  
}
.sppb-section.myListOtazky.ver1 > div > .sppb-row {
  gap: 38px 0px;  
}
.myListOtazky > div > .sppb-row > div > .sppb-column > .sppb-column-addons {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 38px 0px;  
}
.myListOtazky .sppb-addon-text-block {
  position: relative;
}
.myListOtazky.ver1 .sppb-addon-text-block {
  max-width: 668px;
  margin: auto;
}
.myListOtazky .sppb-addon-text-block > .sppb-addon-title {
  font-size: 20px;
  line-height: 150%;
  font-weight: 600;
  cursor: pointer;
  padding: 20px 75px;
  transition: all 0.2s linear 0s;
  background-color: #c6dcde;
  color: #1f1f1f;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  position: relative;
  min-height: 98px;
  border-radius: 46px;
}
.myListOtazky.ver2 .sppb-addon-text-block > .sppb-addon-title {
  text-align: left;
  padding-left: 44px;
  font-size: 23px;
  color: #227d8a;
}
.myListOtazky .sppb-addon-text-block.myClose > .sppb-addon-title {
  background-color: #e8f0f1;
}
.myListOtazky.ver2 .sppb-addon-text-block.myClose > .sppb-addon-title {
  background-color: #e8f0f1;
  color: #000;
}
.myListOtazky .sppb-addon-text-block > .sppb-addon-title:hover {
  background-color: #a7d3d7;
}
.myListOtazky .sppb-addon-text-block > .sppb-addon-title:after {
  content: '';
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  right: 35px;
  background-image: url(images2/otazky/sipka.webp);
  background-repeat: no-repeat;
  transition: all 0.2s linear 0s;
  transform: rotate(90deg);
}
.myListOtazky .sppb-addon-text-block.myClose > .sppb-addon-title:after {
  transform: rotate(0deg);
}
.myListOtazky .sppb-addon-text-block > .sppb-addon-content {
  font-size: 20px;
  line-height: 150%;
  font-weight: 300;
  padding: 0px 28px;
  text-align: center;
}
.myListOtazky.ver2 .sppb-addon-text-block > .sppb-addon-content {
  text-align: left;
  padding: 0px 44px;
}
.myListOtazky .sppb-addon-text-block.myClose > .sppb-addon-content {
  visibility: hidden;
  position: absolute;
}
.myListOtazky .sppb-addon-text-block > .sppb-addon-content:before {
  content: '';
  display: block;
  height: 16px;
}
.myListOtazky .sppb-addon-text-block > .sppb-addon-content:after {
  content: '';
  display: block;
  height: 0px;
}


/* Page Kontakt */
#sp-main .page-content .sppb-section.myKontaktRow1 {
  margin-top: 75px;
  padding: 0px 33px;
}
#sp-main .page-content .sppb-section.myKontaktRow1 > div > .sppb-row {
  gap: 100px 0px;
}
.mySpKontakt1 > .sppb-addon-title {
  margin-bottom: 17px;
}
.mySpKontakt1.ver1 > .sppb-addon-title {
  margin-bottom: 0px;
}
.mySpKontakt1 > .sppb-addon-content,
.mySpKontakt1 > .sppb-addon-content a {
  color: #363636;
}
.mySpKontakt1 > .sppb-addon-content p {
  margin-bottom: 0px;
}
.mySpKontakt1.ver1 > .sppb-addon-content p img {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 10px;
}
.mySpKontakt1 > .sppb-addon-content > table > tbody > tr > td {
  padding: 0px;
  border: 0px;
  width: auto;
  vertical-align: top;
  font-size: 18px;
  line-height: 32px;
}
.mySpKontakt1 > .sppb-addon-content > table > tbody > tr:nth-child(n+2) > td {
  padding-top: 14px;
}
.mySpKontakt1 > .sppb-addon-content > table > tbody > tr > td:nth-child(1) {
  padding-right: 15px;
  width: calc(24px + 15px);
}
.mySpKontakt1 > .sppb-addon-content > table > tbody > tr > td:nth-child(1) img {
  width: 24px;
  height: 32px;
  object-fit: scale-down;
}


/* Section Blog/aktuality */
#sp-main .page-content .sppb-section.mySecNew1 {
  padding-top: 14px;
  padding-bottom: 130px;
  overflow: hidden;
}
.sppb-section.mySecNew1:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -960px;
  right: -960px;
  margin: auto;
  width: 100%;
  min-width: 1920px;
  background-color: #2fb1b4;
  clip-path: polygon(0% 0, 100% 159px, 100% 100%, 0% 100%);  
}
.myModuleNews1 {
  margin-top: 130px;
}
/* MODUL Aktuality */
.myModuleArtsNews {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 60px 0px;
}
.myModuleArtsNews.verBlogPage {
  margin-top: 30px;
}
.myModuleArtsNews .myBlogArt {
  /*max-width: 33.33%;*/
  /*width: 436px;*/
  max-width: 436px;
  width: calc(33.33% - 20px);
  background-color: #fff;
  box-shadow: 0px 0px 25px rgb(0 0 0 / 18%);
  border-radius: 28px;
}
/*.myModuleArtsNews .myBlogArt .myImg > img,*/
.myModuleArtsNews .myBlogArt a.myReadmoreImg,
.myModuleArtsNews .myBlogArt .myImg {
  /*border-top-left-radius: 28px;*/
  border-top-right-radius: 28px;
}
.myModuleArtsNews .myBlogArt .myImg {
  /*aspect-ratio: 432 / 202;*/
  width: 100%;
  height: 202px;
  position: relative;
  overflow: hidden;
  /*margin-bottom: 20px;*/
}
.myModuleArtsNews .myBlogArt .myImg > img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  object-fit: cover;
}
.myModuleArtsNews .myBlogArt .myImg .myImgIcon {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 84px;
  height: 84px;
  background-color: #30979e;
  background-image: url(images2/novinky/ikona-news.webp);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.myModuleArtsNews .myBlogArt a.myReadmoreImg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  text-indent: 100%;
  overflow: hidden;
  color: transparent;
}
.myModuleArtsNews .myBlogArt .myContent {
  padding-top: 25px;
  padding-bottom: 29px;
  padding-left: 47px;
  padding-right: 35px;
}
.myModuleArtsNews .myBlogArt .myDatum > .myCover {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 0px 8px;  
}
.myModuleArtsNews .myBlogArt .myDatum .myDate1 {
  font-size: 22px;
  line-height: 100%;
  font-weight: 500;
  color: #000;
}
.myModuleArtsNews .myBlogArt .myDatum .myDateSpacer {
  display: block;
  background-color: #023751;
  width: 1px;
  height: 33px;
  margin-bottom: -4px;  
}
.myModuleArtsNews .myBlogArt .myDatum .myDate2 {
  font-size: 18px;
  line-height: 100%;
  font-weight: 500;
}
.myModuleArtsNews .myBlogArt .myTitle {
  font-size: 23px;
  line-height: 33px;
  font-weight: 600;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.myModuleArtsNews .myBlogArt .myTitle,
.myModuleArtsNews .myBlogArt .myTitle a {
  color: #1f1f1f;
}
.myModuleArtsNews .myBlogArt .myText {
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  color: #1f1f1f;
  margin-top: 12px;
}
/* AKTUALITY Blog */
.myBlog1 .myCategoryDesc {
  margin-bottom: 20px;
}
.myBlog1 .myImgLeft {
  margin-right: 20px;
  margin-bottom: 10px;
}



/* FOOTER */
#sp-footer-long > .row {
  margin-left: 0px;
  margin-right: 0px;
}
#sp-footer-long > .row > * {
  padding-left: 0px;
  padding-right: 0px;
}
/* FOOTER - Row 1 */
#sp-main .page-content .sppb-section.myFooterRow1 {
  /*padding-top: 228px;*/
  padding-top: 170px;
  padding-bottom: 302px;
  position: relative;
}
#sp-main .page-content .sppb-section.myFooterRow1:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 114px;
  background: linear-gradient(180deg, rgb(255 255 255 / 100%) 0%, rgb(255 255 255 / 0%) 100%);
}
#sp-main .page-content .sppb-section.myTerminyRow1 > div > .sppb-row,
#sp-main .page-content .sppb-section.myFooterRow1 > div > .sppb-row {
  max-width: calc(100vw - 112px);
  margin-left: auto;
  margin-right: auto;
}
#sp-main .page-content .sppb-section.myTerminyRow1 .sppb-column.myTerminyRow1Col1,
#sp-main .page-content .sppb-section.myFooterRow1 .sppb-column.myFooterRow1Col1 {
  margin: 0px -36px;
  width: auto;
  background-color: #023751;
  /*padding: 0px 88px;*/
  padding: 0px 36px;
  padding-bottom: 100px;
  border-radius: 28px;
}
#sp-main .page-content .mySpTitle01.verFooter1 {
  margin-top: -36px;
  margin-bottom: 116px;
}
#sp-main .page-content .myFormModule.ver1 {
  padding: 0px 52px;
}
/* FOOTER - Row 2 */
#sp-main .page-content .sppb-section.myFooterRow2 {
  padding-bottom: 50px;
  min-height: calc(377px - 55px);
  box-sizing: border-box;
}
#sp-main .page-content .sppb-section.myFooterRow2 > div > .sppb-row > div:nth-child(1) {
  margin-top: -136px;
  max-width: calc(100vw - 112px);
  margin-left: auto;
  margin-right: auto;
}
#sp-main .page-content .sppb-section.myFooterRow2 .sppb-column.myFooterRow2Col1 {
  margin: 0px -36px;
  width: auto;
  background-color: #fff;
  padding: 73px 36px;
  border-radius: 28px;
}
#sp-main .page-content .sppb-section.myFooterRow2Col1RowCol3 > div > .sppb-row {
  max-width: 1270px;
  margin: 0px auto;
  justify-content: space-between;
  gap: 30px 0px;
}
#sp-main .page-content .sppb-section.myFooterRow2Col1RowCol3 > div > .sppb-row > div {
  max-width: 100%;
  flex-basis: auto;
  width: auto;
}
/* FOOTER - Row 2 - Logo 1 */
.myFooterLogo1 img {
  width: 330px;
}
/* FOOTER - Row 2 - Logo 2 */
.myFooterLogo2 img {
  width: 209px;
}
/* FOOTER - Row 2 - Text 1 */
#sp-main .page-content .myFooterText1 > .sppb-addon-title {
  display: block;
  font-size: 25px;
  line-height: 120%;
  font-weight: 600;
  margin-top: 12px;
}
#sp-main .page-content .myFooterText1 > .sppb-addon-content {
  font-size: 18px;
  line-height: 120%;
}
#sp-main .page-content .myFooterText1 > .sppb-addon-title + .sppb-addon-content {
  margin-top: 10px;
}
/* FOOTER - Row 2 - Row kontakty 1 */
#sp-main .page-content .sppb-section.myFooterRowKontakty1 {
  margin-top: 14px;
}
/* FOOTER - Row 2 - Col kontakty 1 */
#sp-main .page-content .sppb-column.myFooterColKontakty1 > .sppb-column-addons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 7px 70px;
}
/* FOOTER - Row 2 - Col kontakty 1 - Table Kontant1 */
.myFooterContaktTable1 > .sppb-addon-content table,
.myFooterContaktTable1 > .sppb-addon-content table > tbody {
  display: block;
}
.myFooterContaktTable1 > .sppb-addon-content table > tbody > tr {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0px 10px;
}
.myFooterContaktTable1 > .sppb-addon-content table > tbody > tr > td {
  display: block;
  padding: 0px;
  border: 0px;
}
.myFooterContaktTable1 > .sppb-addon-content table > tbody > tr > td:nth-child(1) {
  height: 26px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  /*width: 24px;*/
}
.myFooterContaktTable1 > .sppb-addon-content table > tbody > tr > td:nth-child(1) img {
  display: block;
  /*width: 24px;*/
  /*height: 26px;*/
  object-fit: scale-down;
  max-height: 100%;
}
.myFooterContaktTable1 > .sppb-addon-content table > tbody > tr > td:nth-child(2) {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
}
.myFooterContaktTable1 > .sppb-addon-content table > tbody > tr > td:nth-child(2) p {
  margin-bottom: 0px;
}
.myFooterContaktTable1 > .sppb-addon-content table > tbody > tr > td:nth-child(2) a {
  color: #000;
  text-decoration: none;
}
.myFooterContaktTable1 > .sppb-addon-content table > tbody > tr > td:nth-child(2) a:hover {
  color: #227d8a;
  text-decoration: none;
}
/* FOOTER - Row For Firsts */
#sp-main .page-content .myForFirstsText > .sppb-addon-content {
  font-size: 15px;
  line-height: 100%;
  color: #fff;
  display: block;
  padding: 20px 0px;
  text-align: center;
}


/* FOOTER - CopyRight*/
#sp-footer {
  background: #2C2A2F;
  color: #515258;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.3px;
  padding: 0;
}
#sp-footer .container-inner {
  padding: 0px;
  border-top: 0px;
}


/* Drobeckova Navigace */
#sp-main .page-content .sppb-section.mySecNavigation1 {
  padding-top: 20px;
}
.myNavigation1 .breadcrumb {
  padding: 0px !important;
  border-radius: 0px;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 20px;
  line-height: 120%;
  font-weight: 300;
  gap: 7px 13px;
}
.myNavigation1 .breadcrumb > li.mod-breadcrumbs__divider:nth-child(1) {
  display: none;
}
.myNavigation1 .breadcrumb > li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0px;
}
.myNavigation1 .breadcrumb a {
  color: #227d8a;
  text-decoration: none;
  position: relative;
  display: inline-block;
}
.myNavigation1 .breadcrumb a:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #227d8a;
  left: 0px;
  bottom: 0px;
}
.myNavigation1 .breadcrumb a:hover:before {
  background-color: transparent;
}
.myNavigation1 .breadcrumb-item + .breadcrumb-item::before {
  content: '';
  width: 1px;
  /*height: 100%;*/
  height: 75%;
  margin-top: 3px;
  background-color: #3f80e1;
  padding: 0px;
  margin-right: 13px;
  float: none;
  display: inline-block;
}
.myNavigation1 .breadcrumb-item + .breadcrumb-item:last-of-type::before {
  background-color: #000;
}


/* Banner Terminy - Row 1 */
#sp-main .page-content .sppb-section.myTerminyRow1 {
  /*margin-top: 148px;*/
  margin-top: 118px;
}
#sp-main .page-content .sppb-section.myTerminyRow1 > div > .sppb-row {

}
#sp-main .page-content .sppb-section.myTerminyRow1 .sppb-column.myTerminyRow1Col1 {
  padding-top: 48px;
  padding-bottom: 44px;
}
/* Banner Terminy - Row 2 */
#sp-main .page-content .sppb-section.myTerminyRow2 {
  /*width: 1346px;*/
  /*margin-left: auto;*/
  /*margin-right: auto;*/
}
#sp-main .page-content .sppb-section.myTerminyRow2 > div > .sppb-row {
  justify-content: space-around;
  gap: 20px 10px;
}
#sp-main .page-content .sppb-section.myTerminyRow2 > div > .sppb-row > div {
  margin-right: -1px;
  max-width: 100%;
  flex-basis: auto;
  width: auto;
}
#sp-main .page-content .sppb-section.myTerminyRow2 > div > .sppb-row > span {
  display: block;
  width: 1px;
  background-color: #2fb1b4;
}
/* Banner Terminy - Row 2 - Termin */
#sp-main .page-content .myTerminFormat1 {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
/* Banner Terminy - Row 2 - Termin - Titulek */
.myTerminFormat1 > .sppb-addon-title {
  color: #4cd489;
  font-size: 23px;
  line-height: 32px;
  font-weight: 600;
  letter-spacing: 4.5px;
}
/* Banner Terminy - Row 2 - Termin - Text + Ikona */
.myTerminFormat1 > .sppb-addon-title + .sppb-addon-content {
  margin-top: 20px;
}
.myTerminFormat1 > .sppb-addon-content,
.myTerminFormat1 > .sppb-addon-content a {
  /*color: #ffffff;*/
  color: rgb(255 255 255 / 85%);
}
.myTerminFormat1 > .sppb-addon-content {
  font-size: 21px;
  line-height: 32px;
  font-weight: 300;
  margin-bottom: 10px;
}
.myTerminFormat1 > .sppb-addon-content > table,
.myTerminFormat1 > .sppb-addon-content > table > tbody {
  display: block;
}
.myTerminFormat1 > .sppb-addon-content > table > tbody > tr {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0px 16px;
}
.myTerminFormat1 > .sppb-addon-content > table > tbody > tr > td {
  display: block;
  padding: 0px;
  border: 0px;
}
.myTerminFormat1 > .sppb-addon-content > table > tbody > tr > td:nth-child(1) {
  width: 56px;
}
.myTerminFormat1 > .sppb-addon-content > table > tbody > tr > td:nth-child(2) {
  margin-top: 12px;
}
.myTerminFormat1 > .sppb-addon-content > table > tbody > tr > td p {
  margin-bottom: 0px;
}


/* Banner Slogan */
#sp-main .page-content .sppb-section.mySlogan1 {
  margin-top: 190px;  
}
#sp-main .page-content .sppb-section.mySlogan1 > div > .sppb-row {
  
}
#sp-main .page-content .sppb-column.mySlogan1Col1 > .sppb-column-addons {
  padding-top: 176px;
  padding-bottom: 229px;
  position: relative;
}
#sp-main .page-content .sppb-div-addon.mySlogan1Bg1 {
  /*left: calc(-50vw + 50%);*/
  right: calc(-50vw + 50%);
  position: absolute;
  width: 100vw;
  min-width: 1920px;
  height: 100%;
  top: 0px;
  background-color: #023751;
  clip-path: polygon(73% 0px, 100% 67px, 100% calc(100% - 84px), 73% 100%, 0% calc(100% - 229px), 0% 176px);
}
.sppb-div-addon.mySlogan1Bg1 > div {
  position: absolute;
  width: 100vw;
  top: 0px;
  right: 0px;
  bottom: 0px;  
}
#sp-main .page-content .mySlogan1Znak.container {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  top: 0px;
  height: 100%;
}
#sp-main .page-content .mySlogan1Znak .sppb-addon-single-image-container {
  position: static;
}
#sp-main .page-content .mySlogan1Znak img {
  display: block;
  position: absolute;
  right: calc(100% - 571px + 23px);
}
#sp-main .page-content .sppb-column.mySlogan1TextCover1 {
  
}
#sp-main .page-content .sppb-column.mySlogan1TextCover1 > .sppb-column-addons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 15px 54px;
  /*min-height: 178px;*/
}
.mySlogan1Ikona1 img {

}
.mySlogan1Text1 > .sppb-addon-content {
  font-size: 40px;
  line-height: 125%;
  font-weight: 600;
  color: #fff;
}


/* Pop Up Okno - Skolitele */
.page-content.myPopUpContentSkolitele:after {
  content: '';
  display: table;
  width: 100%;
}
.page-content.myPopUpContentSkolitele .myImg {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  width: 150px;
}
.page-content.myPopUpContentSkolitele .myImg img {
  display: block;
  width: 100%;
  box-shadow: 0px 0px 7px rgb(0 0 0 / 30%);
}
.page-content.myPopUpContentSkolitele .myAddPopis {
  font-size: 18px;
}
.page-content.myPopUpContentSkolitele .myAddPopis p {
  margin-bottom: 10px;
}
.page-content.myPopUpContentSkolitele .myAddPopis p:last-child {
  margin-bottom: 0px;
}
.page-content.myPopUpContentSkolitele .myAddPopis + .myContent {
  margin-top: 30px;
  width: fit-content;
  margin-left: auto;
}
.page-content.myPopUpContentSkolitele .myContent > .myTitle {
  font-size: 20px;
  font-weight: 700;
  color: #186978;
}
.page-content.myPopUpContentSkolitele .myContent > .myText {
  font-size: 17px;
}


/* HEADER - Mobile menu button */
#sp-header #offcanvas-toggler {
  height: 29px;
  line-height: 29px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0px 5px;
  color: #000;
  font-size: 19px;
  font-weight: 500;
  text-decoration: none;
}
#sp-header #offcanvas-toggler .burger-icon > span {
  background-color: #000;
}
#sp-header #offcanvas-toggler .myTitle {
  line-height: 100%;
  margin-top: 1px;
  color: #000;
}
/* HEADER - Mobile menu */
.offcanvas-menu {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.offcanvas-menu > div.pt-4:nth-child(1) {
  padding-bottom: 15px !important;
  padding-top: 10px !important;
}
.offcanvas-menu .myTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}
.offcanvas-menu .close-offcanvas {
  top: 15px;
}
.offcanvas-menu .offcanvas-inner {
  padding-top: 0px;
  padding-bottom: 10px;
  /*max-height: calc(100vh - 51px);*/
  max-height: 100%;
}
.offcanvas-menu .offcanvas-inner .header-modules {
  margin: 0px !important;
}
.offcanvas-menu .offcanvas-inner ul.menu > li a {
  text-decoration: none;
  color: #252525;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: #252525;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a,
.offcanvas-menu .offcanvas-inner ul.menu > li > span {
  opacity: 1;
  color: #252525;
  font-weight: 400;
}
.offcanvas-menu .offcanvas-inner ul.menu > li a img,
.offcanvas-menu .offcanvas-inner ul.menu > li span img {
  display: none;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  padding: 5px 0px;
  display: inline-block;
}
.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 {
  color: #000;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active > a,
.offcanvas-menu .offcanvas-inner ul.menu li.active > a > span {
  color: #268591;
}