/* MY NEW CSS STYLE FOR INTRO PAGE */

body.myNewMainPage > div.cnbg-handler {
  margin-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  overflow-x: hidden;
  /*overflow: hidden;*/
}
body.myNewMainPage > div.cnbg-handler,
body.myNewMainPage > div.cnbg-handler > .container {
  width: 100%;
}
body.myNewMainPage div#main-content-handler div.tmp-content-area {
  padding: 0px;
  padding-top: 76px;
}
@media (max-width: 599px) {
  body.myNewMainPage div#main-content-handler div.tmp-content-area {
    padding-top: 100px;
  }
}


/* Button 1 */
myButton1 p:last-child {
  margin-bottom: 0px;
}
footer#footer .myButton1 a,
.myButton1 a {
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  border-radius: 24px;
  padding: 8px 25px;
  background-color: #fd4200;
  color: #fff;
  text-decoration: none;
}
.myButton1.ver3 a {
  border: 1px solid #fd4200;
  background-color: transparent;
  color: #fd4200;  
}
.sppb-section.myIntro2Img4Col .myButton1 a {
  margin-top: 12px;
}
footer#footer .myButton1.ver4 a {
  border: 2px solid #fd4200;
  padding: 10px 17px;
}
.myButton1 a:hover {
  background-color: #fff;
  color: #2e2736;
  text-decoration: none;
}
.myButton1.ver2 a:hover {
  background-color: #2e2736;
  color: #fff;
}
.myButton1.ver3 a:hover {
  background-color: #fd4200;
  color: #fff;
}
footer#footer .myButton1.ver4 a:hover {
  background-color: #2e2736;
  color: #fff;
  text-decoration: none;
}

/* Title 1 */
.myTitle1 > .sppb-addon-title {
  color: #1d4053;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}


/* SP Page Buider - container */
body.myNewMainPage .sppb-row-container {
  width: 980px;
  padding: 0px;
}


/* Bannner 1 - 4 Img Link */
#sp-page-builder .sppb-section.myIntro2Img4Col > div > .sppb-row {
  display: flex;
  flex-direction: row;
  /*justify-content: center;*/
  /*gap: 16px 0px;*/
  justify-content: flex-start;
  gap: 16px 16px;
  flex-wrap: nowrap;
  margin: 0px auto;
  width: 1548px;
  max-width: 100%;
  overflow: auto;
}
#sp-page-builder .sppb-section.myIntro2Img4Col > div > .sppb-row > div {
  flex-basis: auto;
  /*max-width: 100%;*/
  /*width: calc(375px + 16px);*/
  /*min-width: calc(280px + 16px);*/
  width: 100%;
  max-width: 375px;
  min-width: 280px;
  padding: 0px;
}
#sp-page-builder .sppb-section.myIntro2Img4Col > div > .sppb-row > div > .sppb-column > .sppb-column-addons {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
#sp-page-builder .sppb-section.myIntro2Img4Col > div > .sppb-row > div > .sppb-column > .sppb-column-addons > .sppb-addon-wrapper:last-child {
  flex-grow: 1;
}
#sp-page-builder .sppb-section.myIntro2Img4Col .myContent {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
/* Bannner 1 - 4 Img Link -Image */
#sp-page-builder .sppb-section.myIntro2Img4Col .myImg .sppb-addon-single-image-container {
  display: block;
  position: relative;
}
#sp-page-builder .sppb-section.myIntro2Img4Col .myImg .sppb-addon-single-image-container:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 25%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #2e2736 100%);
}
#sp-page-builder .sppb-section.myIntro2Img4Col .myImg img {
  aspect-ratio: 375 / 328;
  object-fit: cover;
  width: 100%;
}
/* Bannner 1 - 4 Img Link - Content */
#sp-page-builder .sppb-section.myIntro2Img4Col .myContent {
  padding: 0px 26px;
  padding-top: 10px;
  padding-bottom: 26px;
  background-color: #2e2736;
  color: #fff;
}
/* Bannner 1 - 4 Img Link - Content - Title */
#sp-page-builder .sppb-section.myIntro2Img4Col .myText > .sppb-addon-title {
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
}
/* Bannner 1 - 4 Img Link - Content - Text */
#sp-page-builder .sppb-section.myIntro2Img4Col .myText > .sppb-addon-content {
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
}


/* Banner - O NAS + VYHODY */
#sp-page-builder .sppb-section.myIntro2OnasVyhody {
  z-index: 2;
}
#sp-page-builder .sppb-section.myIntro2OnasVyhody .sppb-column.myIntro2Vyhody {
  /*height: auto;*/
  padding-top: 30px;
}
.myIntro2OnasText > .sppb-addon-title {
  color: #1d4053;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 16px;
}
.myIntro2OnasText > .sppb-addon-content {
  color: #1d4053;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
}
.myIntro2OnasText > .sppb-addon-content p {
  margin-bottom: 16px;
}
.myIntro2OnasText > .sppb-addon-content p:last-child {
  margin-bottom: 0px;
}
/* Banner - O NAS + VYHODY - Seznam vyhod */
#sp-page-builder .sppb-section.myIntro2VyhodyList > div > .sppb-row {
  gap: 50px 0px;
}
#sp-page-builder .sppb-section.myIntro2VyhodyList > div > .sppb-row > div {

}
#sp-page-builder .sppb-section.myIntro2VyhodyList > div > .sppb-row > div > .sppb-column > .sppb-column-addons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px 12px;
  align-items: center;
}
#sp-page-builder .sppb-section.myIntro2VyhodyList > div > .sppb-row > div > .sppb-column > .sppb-column-addons > .sppb-addon-wrapper {

}
#sp-page-builder .sppb-section.myIntro2VyhodyList > div > .sppb-row > div > .sppb-column > .sppb-column-addons > .sppb-addon-wrapper:last-child {
  flex-grow: 1;
}
/* Banner - O NAS + VYHODY - Seznam vyhod - ikona */
.sppb-section.myIntro2VyhodyList .myIkona .sppb-addon-single-image-container {
  display: block;
  width: 64px;
}
.sppb-section.myIntro2VyhodyList .myIkona .sppb-addon-single-image-container img {
  display: block;
  margin: auto;
  max-width: 100%;
}
/* Banner - O NAS + VYHODY - Seznam vyhod - cislo */
.sppb-section.myIntro2VyhodyList .myNumberText1 > .sppb-addon-content,
.sppb-section.myIntro2VyhodyList .myNumber > .sppb-addon-content {
  color: white;
}
.sppb-section.myIntro2VyhodyList .myNumberText1 > .sppb-addon-content strong,
.sppb-section.myIntro2VyhodyList .myNumber > .sppb-addon-content > .sppb-animated-number {
  font-size: 25px;
  line-height: 25px;
  font-weight: 600;
}
.sppb-section.myIntro2VyhodyList .myNumberText1 > .sppb-addon-content,
.sppb-section.myIntro2VyhodyList .myNumber.ver1 > .sppb-addon-content > .sppb-animated-number::before,
.sppb-section.myIntro2VyhodyList .myNumber > .sppb-addon-content > .sppb-animated-number-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}
.sppb-section.myIntro2VyhodyList .myNumber.ver1 > .sppb-addon-content > .sppb-animated-number::before {
  display: block !important;
  margin-bottom: 3px;
}
.sppb-section.myIntro2VyhodyList .myNumber > .sppb-addon-content > .sppb-animated-number-title {
  margin-top: 2px;
}
.sppb-section.myIntro2VyhodyList .myNumberText1 > .sppb-addon-content p {
  margin: 0px;
  margin-bottom: 3px;
}
.sppb-section.myIntro2VyhodyList .myNumberText1 > .sppb-addon-content p:last-child {
  margin-bottom: 0px;
}



@media (max-width: 991px) {
  #sp-page-builder .sppb-section.myIntro2OnasVyhody .sppb-column.myIntro2Vyhody {
    padding-top: 20px;
  }
  #sp-page-builder .sppb-section.myIntro2VyhodyList > div > .sppb-row {
    gap: 25px 0px;
  }
}


@media (max-width: 575px) {
  body.myNewMainPage .sppb-row-container {
    max-width: calc(100% - 30px);
  }
}


/* Kontakt Table 1 */
table.myKontaktTable1 {
  display: block;
}
table.myKontaktTable1 > tbody {
  display: block;
}
table.myKontaktTable1 > tbody > tr {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
table.myKontaktTable1 > tbody > tr > td {
  display: block;
  flex-grow: 1;
  padding: 8px 10px !important;
}
table.myKontaktTable1 > tbody > tr > td > table {

}
table.myKontaktTable1 > tbody > tr > td > table > tbody {

}
table.myKontaktTable1 > tbody > tr > td > table > tbody > tr {

}
table.myKontaktTable1 > tbody > tr > td > table > tbody > tr > td {

}