.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.menu-buttons {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.section-header {
  background-color: #08080a;
  position: static;
}

.box {
  width: 100%;
  text-align: left;
  white-space: nowrap;
  padding-right: 15px;
  font-size: 18px;
  line-height: 26px;
}

.nav-button {
  color: #fff;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}

.nav-button.blue {
  background-color: #0080ec;
  border: 1px solid #0080ec;
}

.blok-segment {
  margin-left: 50px;
  display: flex;
}

.blok-right--nav {
  margin-right: 50px;
  display: flex;
}

.topbar-menu-desctop {
  min-height: 40px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.dropdown-block {
  width: 100%;
  justify-content: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.dropdown-toggle {
  padding: 0;
}

.dropdown-toggle.w--open {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.nav-link {
  color: #fff;
  padding: 33px 15px;
  font-size: 18px;
  line-height: 24px;
  text-decoration: none;
  display: block;
}

.nav-link:hover {
  text-decoration: none;
}

.menu-mobile-block {
  display: none;
}

.topbar-menu-tablet {
  width: 1920px;
  min-height: 40px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.nav-grid {
  width: 100%;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content max-content max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.nav-button-stat-sa-klientom {
  color: #fff;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}

.nav-button-stat-sa-klientom.black {
  border: 1px solid #fff;
  margin-right: 16px;
  display: none;
}

.link-header {
  color: #0d0d0d;
  text-decoration: none;
}

.dropdown-link {
  color: #0097fd;
  white-space: pre-line;
  padding-left: 0;
  padding-right: 0;
  font-size: 15px;
}

.dropdown-list {
  z-index: 9999;
  position: fixed;
  left: 0;
}

.dropdown-list.w--open {
  width: 100vh;
  color: #191919;
  text-align: right;
  background-color: #fff;
  padding-left: 0;
}

.arrow {
  color: #fff;
  font-size: 16px;
}

.arrow.right {
  font-size: 20px;
  transform: rotate(-90deg);
}

.arrow.blue.right {
  color: #0097fd;
}

.link-footer {
  color: gray;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
}

.link-footer:hover {
  color: #fff;
}

.link-footer.apps {
  margin-bottom: 0;
}

.link-footer.apps:hover {
  color: #fff;
}

.link-footer.social-name {
  margin-bottom: 0;
}

.segment-text {
  color: #858ea2;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
}

.segment-text.main {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
}

.nav-logo-link {
  margin-left: 0;
  margin-right: 10px;
  padding: 0;
  display: block;
}

.separator {
  width: 1px;
  height: 19px;
  background-color: #858ea2;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 24px;
}

.second-menu {
  width: 250px;
  padding-top: 30px;
  padding-bottom: 20px;
  padding-right: 30px;
}

.div-nav {
  margin-left: 50px;
  margin-right: 50px;
  display: flex;
}

.segement {
  margin-top: 9px;
  margin-bottom: 9px;
  margin-left: 24px;
  text-decoration: none;
}

.segement.first {
  margin-left: 0;
}

.nav-logo {
  width: auto;
  height: 100%;
  object-fit: contain;
  object-position: 0% 50%;
}

.body {
  color: #656e85;
  font-family: Nimbussan, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.hero-headline {
  width: 540px;
  background-color: rgba(8, 8, 10, .6);
  padding: 40px;
}

.heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Nimbussan, sans-serif;
  font-size: 46px;
  font-weight: 400;
  line-height: 67.2px;
}

.main-button-icon {
  color: #fff;
  background-color: rgba(0, 151, 253, 0);
  background-image: linear-gradient(#0097fd, #007aff);
  border: 1px solid #0097fd;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 10px 50px 10px 20px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.main-button-icon.invisible {
  background-image: none;
  border-style: none;
  border-color: rgba(0, 0, 0, 0);
}

.main-button-icon.invisible.small {
  width: 150px;
  padding-left: 0;
}

.button-text {
  color: #fff;
  margin: 20px 0;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: inline;
}

.button-text.white {
  font-family: NimbussanBold, sans-serif;
  font-weight: 400;
}

.button-text.blue {
  color: #0097fd;
}

.wrapper {
  padding-top: 117px;
  padding-bottom: 117px;
  padding-left: 203px;
}

.bold-text-2 {
  color: #fff;
  font-family: NimbussanBold, sans-serif;
  font-size: 22px;
  line-height: 28px;
}

.heading-2 {
  color: #1b1c22;
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: 300;
  line-height: 36px;
}

.heading-2._400wide {
  margin-top: 0;
  font-weight: 400;
}

.heading-2._400wide._23-28, .heading-2._28 {
  font-family: Nimbussansdot ligh, sans-serif;
  font-weight: 400;
}

.heading-2.non-bold {
  font-weight: 300;
}

.heading-2.non-bold._23-28, .heading-2.non-bold._23-28.desktop {
  font-family: Nimbussansdot ligh, sans-serif;
}

.heading-2.mob {
  display: none;
}

.heading-2._700 {
  font-family: NimbussanBold, sans-serif;
  font-weight: 700;
}

.cta-text-wrapper {
  height: 72px;
}

.paragraph-24-400 {
  color: #0d0d0d;
  text-align: center;
  margin-top: 12px;
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 32px;
}

.paragraph-24-400.tint {
  color: #1b1c22;
  text-align: left;
  padding-left: 0;
}

.paragraph-24-400.gap-16 {
  margin-bottom: 16px;
}

.wrapper-cta-desktop {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin-top: 48px;
  margin-bottom: 0;
  display: flex;
}

.cta-box {
  height: 200px;
  max-width: 378px;
  border-radius: 12px;
  display: flex;
  box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}

.cta-box.mob {
  display: none;
}

._16-24 {
  font-size: 16px;
  line-height: 24px;
}

.cta-text-box-2 {
  height: 252px;
  text-align: center;
  background-color: #fff;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 22px 16px 32px;
  display: flex;
}

.paragraph-22-28 {
  color: #656e85;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.paragraph-22-28.center {
  text-align: center;
}

.paragraph-22-28.center._18-24.height {
  height: 56px;
}

.paragraph-22-28.light {
  font-weight: 300;
}

.paragraph-22-28.light.grey {
  color: #0d0d0d;
}

.paragraph-22-28.light.grey.postup.mob {
  display: none;
}

.wrapper-col-12 {
  width: 100%;
  max-width: 1196px;
  margin: 0 auto;
  padding: 0;
}

.paragraph-18-24-400 {
  color: #656e85;
  font-family: Nimbussan, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.paragraph-18-24-400.non-gap {
  margin-bottom: 0;
}

.paragraph-18-24-400.center {
  text-align: center;
  margin-bottom: 0;
  font-weight: 400;
}

.paragraph-18-24-400.black {
  color: #1b1c22;
}

.paragraph-18-24-400.tipe-left {
  text-align: left;
}

.paragraph-18-24-400.tipe-left.gap10 {
  margin-top: 10px;
  margin-bottom: 0;
}

.section-cta {
  background-color: #f4f4f5;
  padding-top: 64px;
  padding-bottom: 64px;
}

.image-cta-mobil {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  display: none;
}

.paragraph-16-24 {
  color: #656e85;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.paragraph-16-24.white {
  color: #fff;
}

.paragraph-16-24.gap {
  margin-bottom: 16px;
  font-weight: 300;
}

.paragraph-16-24.gap-hore {
  margin-top: 20px;
}

.main-button-icon-2 {
  color: #fff;
  background-color: rgba(0, 151, 253, 0);
  background-image: linear-gradient(#0097fd, #007aff);
  border: 1px solid #0097fd;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px 50px 10px 20px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.main-button-icon-2.cta {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-bottom: 0;
}

.main-button-icon-2.karta {
  padding-right: 20px;
}

.wrapper-cta-mobil {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin-top: 48px;
  margin-bottom: 0;
  display: none;
}

.cta-box-2 {
  max-width: 276px;
  border-radius: 12px;
  flex-direction: column;
  display: flex;
  box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}

.cta-text-box {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 16px;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.cta-text-box.vertical {
  flex-direction: row;
}

.nav-flex {
  max-width: 1196px;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navigacia {
  z-index: 888;
  background-color: #08080a;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.main-button-blue {
  color: #fff;
  background-color: #0097fd;
  border: 1px solid #0097fd;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 4px 10px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.navi-second {
  color: #fff;
  padding: 15px 20px;
  text-decoration: none;
}

.sticky-navbar {
  margin-left: 0;
}

.mys {
  margin-left: 0;
  margin-right: 20px;
}

.paragraph-32-36 {
  color: #1b1c22;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: 300;
  line-height: 36px;
}

.dot {
  width: 5px;
  height: 5px;
  min-height: 5px;
  min-width: 5px;
  background-color: #656e85;
  border: 1px solid #656e85;
  border-radius: 50%;
  margin-top: 10px;
  margin-right: 10px;
}

.section-inovacie {
  background-color: #fff;
  padding-top: 64px;
  padding-bottom: 64px;
}

.paragraph-18-26 {
  color: #656e85;
  font-size: 18px;
  line-height: 26px;
}

.paragraph-18-26._16-24 {
  color: #1b1c22;
  color: #656e85;
}

.paragraph-18-26.center {
  text-align: center;
}

.paragraph-18-26.center.desktop {
  display: block;
}

.paragraph-18-26.center.mobil {
  display: none;
}

.accordin-button-text {
  color: #1b1c22;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
}

.accordin-button-text.grey {
  color: #656e85;
}

.accordin-button-text.white {
  color: #fff;
}

.accordin-button-text.white._18-24-700 {
  font-family: NimbussanBold, sans-serif;
  font-weight: 700;
  line-height: 24px;
}

.accordin-button-text.kk-boost {
  color: #656e85;
  font-family: Nimbussansdot ligh, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.accordin-button-text.kk-boost.blue {
  color: #0097fd;
}

.blok-vyhody {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 48px 0 64px;
  display: flex;
  position: relative;
}

.accordion-wrapper {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.accordion-wrapper.small {
  width: 50%;
}

.accordion-wrapper.small.center {
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 17px 14px -6px rgba(8, 8, 10, .08);
}

.accordion-wrapper.small.center.grey {
  background-color: #f4f4f5;
  border-radius: 12px;
}

.accordion-wrapper.flex {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin-top: 64px;
  display: flex;
}

.link {
  color: #0097fd;
  cursor: pointer;
  font-weight: 400;
  text-decoration: none;
}

.ellipse {
  width: 6px;
  height: 6px;
  min-height: 6px;
  min-width: 6px;
  background-color: #0097fd;
  border: 1px solid #0097fd;
  border-radius: 50%;
  margin-top: 19px;
  margin-right: 12px;
}

.steps_items_ellipse {
  align-items: stretch;
  display: flex;
}

.steps_items_ellipse.gapside {
  margin-bottom: 24px;
  padding-left: 10px;
}

.steps_items_ellipse.gapside.first {
  margin-top: 64px;
}

.wrapper-col-10 {
  width: 100%;
  max-width: 1060px;
  margin: 0 auto;
  padding: 0;
}

.accordion-button {
  width: 100%;
  color: rgba(0, 0, 0, 0);
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #b0b4bf;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  padding: 12px 15px;
  font-size: 18px;
  display: flex;
}

.accordion-button.inisible {
  background-color: #f4f4f5;
  border-color: #5d6070;
  margin-top: 0;
}

.accordion-button.color {
  height: 80px;
  color: #fff;
  background-color: #061923;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  align-items: flex-start;
  margin-top: 0;
}

.accordion-button.color1 {
  min-height: 80px;
  color: #fff;
  background-color: #3d585a;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  align-items: flex-start;
  margin-top: 0;
}

.accordion-button.color2 {
  min-height: 80px;
  color: #fff;
  background-color: #768584;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  align-items: flex-start;
  margin-top: 0;
}

.accordion-button.color3 {
  min-height: 80px;
  color: #fff;
  background-color: #63909d;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  align-items: flex-start;
  margin-top: 0;
}

.accordion-button.kk-boost {
  height: 44px;
  border-color: #0097fd;
  border-radius: 4px;
}

.accordion-button.kk-boost.podmienky {
  border-color: rgba(0, 0, 0, 0);
}

.grey-rozdelovac {
  min-height: 1px;
  background-color: #e6e6e6;
}

.sup-2 {
  font-size: 13px;
  position: relative;
  bottom: 5px;
}

.sup-2.big {
  font-size: 18px;
  bottom: 12px;
}

.acc-body-vrapper {
  background-color: #fff;
  align-items: flex-start;
  padding: 0 16px 12px;
  display: block;
}

.acc-body-vrapper.color {
  background-color: #061923;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.acc-body-vrapper.color1 {
  background-color: #3d585a;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.acc-body-vrapper.color2 {
  background-color: #768584;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.acc-body-vrapper.color3 {
  background-color: #63909d;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.acc-body-vrapper.grey {
  background-color: #f4f4f5;
  border-radius: 12px;
}

.paragraph-18-400 {
  color: #0d0d0d;
  text-align: left;
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 26px;
}

.paragraph-18-400.tipe-left.tint {
  color: #656e85;
}

.paragraph-18-400.tipe-left.tint.modal {
  font-size: 16px;
}

.paragraph-18-400.tipe-left.tint.vmodalu {
  font-size: 16px;
  line-height: 24px;
}

.paragraph-18-400.tipe-left.withdot {
  margin-top: 0;
}

.paragraph-18-400.gap-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.section-vyhody {
  background-color: #fff;
  padding-top: 64px;
}

.accordion-body {
  background-color: rgba(0, 0, 0, 0);
  display: none;
  overflow: hidden;
}

.accordion-item {
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  border-width: 1px;
  margin-top: 0;
}

.accordion-item.color {
  width: 276px;
  border-radius: 12px;
}

.accordion-item.color.acc-active {
  background-color: #061923;
  border-color: rgba(0, 0, 0, 0);
}

.accordion-item.color1 {
  width: 276px;
  border-radius: 12px;
}

.accordion-item.color1.acc-active {
  background-color: #3d585a;
  border-color: rgba(0, 0, 0, 0);
}

.accordion-item.color2 {
  width: 276px;
  border-radius: 12px;
}

.accordion-item.color2.acc-active {
  background-color: #768584;
  border-color: rgba(0, 0, 0, 0);
}

.accordion-item.color3 {
  width: 276px;
  border-radius: 12px;
}

.accordion-item.color3.acc-active {
  background-color: #63909d;
  border-color: rgba(0, 0, 0, 0);
}

.accordion-item.acc-active {
  border-style: solid;
  border-color: #0097fd;
  border-radius: 12px;
}

.accordion-item.fag.acc-active, .accordion-item.kk-boost.acc-active {
  margin-top: 10px;
}

.accordion-header {
  display: flex;
}

.program-4-boxes {
  justify-content: space-around;
  margin-top: 40px;
  margin-bottom: 60px;
  display: flex;
}

.zlava {
  background-color: #4db2c6;
  border-radius: 12px;
}

.zlava.teal.gap-left {
  margin-right: 15px;
}

.zlava.green {
  background-color: #64d0ab;
}

.zlava.green.gap-right {
  margin-left: 15px;
}

.paragraph-20-28 {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 28px;
}

.paragraph-20-28.white {
  color: #fff;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.paragraph-20-28.black {
  color: #656e85;
}

.smaller {
  font-size: 18px;
}

.karty {
  width: 50%;
  min-height: 289px;
}

.round {
  width: 90px;
  height: 90px;
  background-image: url('https://www.tatrabanka.sk/files/digimar/mass/23/images/round.svg');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.round.gap32 {
  background-image: url('https://www.tatrabanka.sk/files/digimar/mass/23/images/round.svg');
  margin-top: 32px;
}

.round.gap32.round3 {
  background-image: url('https://www.tatrabanka.sk/files/digimar/mass/23/images/round-3.svg');
}

.round.gap32.round5 {
  background-image: url('https://www.tatrabanka.sk/files/digimar/mass/23/images/round-5.svg');
}

.round.gap32.round7 {
  background-image: url('https://www.tatrabanka.sk/files/digimar/mass/23/images/round-7.svg');
}

.paragraph-13-18 {
  color: #858ea3;
  font-size: 13px;
  line-height: 18px;
}

.paragraph-13-18.gap16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.paragraph-13-18.gap16.blue {
  color: #0097fd;
  text-decoration: none;
}

.divider-2 {
  height: 1px;
  min-width: 80%;
  background-color: #5d6070;
}

.divider-2.gap16 {
  width: 100%;
  margin-top: 16px;
}

.paragraph-18-20 {
  color: #1b1c22;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 20px;
}

.paragraph-18-20.bold {
  font-weight: 700;
}

._2boxes {
  width: 50%;
  display: flex;
}

._2boxes.gap-right-30 {
  width: 50%;
  margin-right: 30px;
}

.box-zlava {
  cursor: pointer;
  background-color: #f4f4f5;
  border: 1px solid #5d6070;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 20px 40px;
  text-decoration: none;
  display: flex;
}

.box-zlava.gap45top {
  margin-top: 45px;
}

.box-zlava.gap45top.left {
  width: 50%;
  background-color: #f4f4f5;
  border: 1px solid #5d6070;
  margin-left: 15px;
}

.box-zlava.gap45top.right {
  width: 50%;
  background-color: #f4f4f5;
  border: 1px solid #5d6070;
  margin-right: 15px;
}

.paragraph-32-42 {
  color: #1b1c22;
  margin-bottom: 0;
  font-size: 32px;
  line-height: 42px;
}

.blok-program {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 56px;
  padding-bottom: 64px;
}

.tabs-menu {
  justify-content: flex-start;
  display: flex;
}

.produkty-boy {
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.tabs-content {
  border-top: 1px solid rgba(101, 110, 133, .3);
}

.blok-ponuka-produtov {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.image-tab {
  max-width: 17px;
  margin-right: 10px;
}

.tab-pane {
  background-color: rgba(0, 0, 0, 0);
  align-items: stretch;
  padding-top: 33px;
  padding-bottom: 33px;
  display: flex;
}

.tab-pane.w--current {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 2px solid #0097fd;
  display: flex;
}

.tabs-wrapper {
  position: relative;
}

.bublinka {
  width: 378px;
  border: 1px solid rgba(133, 142, 163, .3);
  border-radius: 12px;
  padding: 24px;
}

.bublinka.second {
  margin-left: 20px;
}

.tabs-ponuka-produktov {
  margin-top: 40px;
}

.navod-controls-elements {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.progress-text {
  color: #b0b4bf;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
}

.navod-wrapper {
  width: 300px;
  height: 100%;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.prgoress-bar {
  height: 4px;
  background-color: #dedfe2;
  border-radius: 10px;
}

.heading-3-left {
  text-align: left;
  margin-top: 20px;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.progress {
  width: 0%;
  height: 100%;
  background-color: #0097fd;
}

.item {
  height: 100%;
}

.wrapper-col-half {
  width: 50%;
  min-width: 50%;
  background-color: rgba(0, 0, 0, 0);
  flex: none;
  order: 0;
  margin: 0;
  padding: 0;
}

.wrapper-col-half.progress-wrapper {
  width: 50%;
  min-width: 50%;
  order: -1;
  padding-top: 12px;
}

.wrapper-col-half.navod-text-wrapper {
  width: 50%;
  min-width: 50%;
  display: flex;
  overflow: hidden;
}

.wrapper-col-half.navod {
  width: 40%;
  height: 100%;
  min-width: 40%;
  justify-content: flex-end;
  padding-top: 0;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.wrapper-col-half.mob {
  display: block;
}

.navod-text {
  max-width: 100%;
  min-width: 100%;
  opacity: 0;
  order: 1;
  display: none;
}

.navod-text.show-text {
  opacity: 1;
  height: 200px;
  opacity: 1;
  color: #1b1c22;
  height: 200px;
  opacity: 1;
  color: #1b1c22;
  display: block;
}

.navod-controls {
  padding: 30px 0;
}

.icon-navod {
  align-items: flex-end;
  display: flex;
}

.section-postup {
  padding-top: 76px;
  padding-bottom: 76px;
}

.section-main-benefit {
  padding-top: 64px;
  padding-bottom: 64px;
}

.grap-accordion-header {
  height: 0;
  background-color: #0d0d0d;
  background-image: url('https://www.tatrabanka.sk/files/digimar/mass/23/images/bezny-ucet-tatra-personal-1_1bezny-ucet-tatra-personal 1.webp');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 12px;
  margin: 0;
  transition: all .2s;
  position: relative;
  overflow: hidden;
}

.grap-accordion-header.section-prenos {
  background-image: url('https://www.tatrabanka.sk/files/digimar/mass/23/images/section-sporenie_1section-sporenie.webp');
  background-position: 100% 100%;
  background-size: auto 80%;
}

.icon-graf-accordion {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
}

.grap-accordion-body {
  background-color: #fff;
  border-radius: 12px;
  padding: 0 20px;
  position: relative;
}

.grap-accordion-body.white {
  background-color: #fff;
  padding-top: 60px;
}

.grap-accordion-body.navod-body {
  background-color: #f4f4f5;
  border-radius: 24px;
  padding-left: 64px;
  padding-right: 64px;
}

.image-prenos {
  min-height: 1px;
  background-color: #fff;
  border-radius: 12px;
  margin: 24px auto 4px;
  padding: 0 20px;
}

.prenos-device.mobile {
  display: none;
}

.prenos-device.desktop {
  width: 100%;
}

.button-small {
  color: #fff;
  text-align: center;
  background-color: #0097fd;
  border-radius: 3px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding: 10px 20px;
  text-decoration: none;
  display: flex;
}

.button-small.grey {
  background-color: #4f5668;
  border-radius: 4px;
  justify-content: center;
  margin-right: 0;
  display: inline-block;
}

.button-small.mobile, .button-small.mobil {
  display: none;
}

.buttons-prenos {
  flex: none;
  justify-content: center;
  align-items: center;
  margin: 20px 25px 10px;
  display: flex;
}

.buttons-prenos.mobile {
  width: auto;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 60px;
  display: block;
}

.graficky-accordion-tile-inner {
  padding: 20px;
}

.flex-box-prenos {
  margin-top: 38px;
  margin-bottom: 64px;
  display: flex;
}

.paragraph-32-700 {
  max-width: 100%;
  color: #0d0d0d;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
}

.wrapper-col-half-2 {
  width: 50%;
  min-width: 50%;
  background-color: rgba(0, 0, 0, 0);
  flex: none;
  margin: 0;
  padding: 0;
}

.wrapper-col-half-2.col-centr {
  flex-direction: column;
  align-items: center;
  margin-left: 20px;
  padding-right: 0;
  display: block;
}

.wrapper-col-half-2.col-centr.prenos {
  margin-left: 0;
}

.step-number.paragraph-18-400 {
  margin-right: 10.5px;
}

.step-number.paragraph-18-400.first-step-number {
  color: #656e85;
  margin-top: 0;
}

.grap-accordion {
  background-color: #fff;
  border-radius: 12px;
  padding-top: 0;
}

.grap-accordion.navod {
  background-color: #fff;
  margin-top: 30px;
  padding-top: 0;
}

.div-grey {
  max-height: 100%;
  max-width: 100%;
  border-radius: 12px;
  margin-left: 24px;
  margin-right: 24px;
  padding: 0 24px 53px;
}

.prenos-steps {
  width: auto;
  max-width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 0 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.steps_items_number {
  max-width: 100%;
  flex: none;
  align-self: flex-start;
  align-items: flex-start;
  margin-top: 16px;
  display: flex;
}

.section-prenos {
  background-color: #fff;
}

.small-button-text {
  line-height: 20px;
}

.small-button-text.capitalize {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
}

.main-button {
  color: #fff;
  background-color: #0097fd;
  background-image: linear-gradient(#0097fd, #007aff);
  border-radius: 3px;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 12px 20px;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.main-button.grey {
  background-color: #4f5668;
  background-image: none;
  margin-right: 0;
  display: none;
}

.button-text-3 {
  text-transform: uppercase;
  margin: 20px 0;
  padding: 0;
  font-size: 15px;
  line-height: 18px;
  display: inline;
}

.button-text-3.youtube {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}

.button-changing-store {
  display: none;
}

.main-button-icon-3 {
  color: #fff;
  background-color: #0097fd;
  background-image: linear-gradient(#0097fd, #007aff);
  border-radius: 3px;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 12px 60px 12px 20px;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.main-button-icon-3.otvorit_ucet {
  margin-right: 20px;
  padding-right: 20px;
}

.wrapper-flex {
  height: 100%;
  min-height: 600px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.youtube-img {
  padding-right: 10px;
}

.button-text-7 {
  color: #fff;
  margin: 20px 0;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: inline;
}

.section-cta-2 {
  background-color: #f4f4f5;
  padding-top: 128px;
  padding-bottom: 128px;
}

.main-button-icon-4 {
  color: #fff;
  background-color: rgba(0, 151, 253, 0);
  background-image: linear-gradient(#0097fd, #007aff);
  border: 1px solid #0097fd;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px 50px 10px 20px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.main-button-icon-4.cta {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-bottom: 0;
}

.main-button-icon-4.cta.kk-boost {
  background-image: none;
}

.steps_items_dot {
  align-items: flex-start;
  display: flex;
}

.steps_items_dot.gap {
  padding-top: 20px;
}

.blok-faq {
  padding-top: 80px;
  padding-bottom: 96px;
}

.link-2 {
  color: #0097fd;
  font-weight: 400;
  text-decoration: none;
}

.link-2.padding {
  padding-bottom: 10px;
}

.link-2.padding.first {
  margin-top: 25px;
}

.section-faq {
  background-color: #fff;
}

.blok-odkazy {
  padding-top: 40px;
  padding-bottom: 60px;
  display: flex;
}

.one-coulum {
  min-width: 270px;
  flex-direction: column;
  margin-right: 10px;
  display: flex;
}

.paragraph-4 {
  color: #0d0d0d;
}

.aplikacie-image {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.paragraph-5 {
  width: 25%;
}

.paragraph-5.white {
  color: #fff;
  font-weight: 300;
}

.header-footer {
  margin-bottom: 30px;
}

.header-footer.white {
  color: #fff;
  font-weight: 300;
}

.two-boxes {
  display: flex;
}

.box-app-list {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.box-aplikacie {
  width: 25%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.box-2boxes {
  width: 32%;
  text-align: left;
  margin-left: 10px;
  font-size: 18px;
  line-height: 26px;
}

.footer-links-desctop {
  max-width: 1200px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  display: flex;
}

.footer-links-mobile {
  display: none;
}

.social-logo {
  width: 20px;
  height: 16px;
  margin-right: 10px;
}

.one {
  padding-right: 15px;
}

.social-box {
  align-items: center;
  margin-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.section-footer, .section-copyright {
  background-color: #0d0d0d;
}

.div-copyright {
  max-width: 1200px;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 25px 10px;
  display: flex;
}

.member-logo {
  margin-bottom: 0;
}

.year {
  align-items: flex-end;
  display: flex;
}

.tatra {
  margin-bottom: 0;
  line-height: 16px;
}

.tatra.white {
  color: #fff;
}

.logo-tb-copy {
  width: 28px;
  height: 22px;
  margin-bottom: 0;
  margin-left: 10px;
}

.cta {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.paragraph-18-400.no-gap {
  color: #656e85;
  margin-top: 0;
}

.background-video {
  height: 90vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 81%, #000 95%), linear-gradient(to right, #000 5%, rgba(0, 0, 0, 0) 19%);
  margin-left: auto;
  margin-right: auto;
  top: 0;
}

.heading-hero {
  font-family: NimbussanBold, sans-serif;
  line-height: 28px;
}

.background-video-mobil {
  height: 90vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 81%, #000 95%), linear-gradient(to right, #000 5%, rgba(0, 0, 0, 0) 19%);
  margin-left: auto;
  margin-right: auto;
  display: none;
  top: 0;
}

.small-button {
  color: #fff;
  background-color: rgba(0, 151, 253, 0);
  background-image: linear-gradient(#0097fd, #007aff);
  border: 1px solid #0097fd;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 10px 50px 10px 20px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button-text-mobil {
  color: #fff;
  margin: 20px 0;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: inline;
}

.paragraph-18-24-300 {
  color: #656e85;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.paragraph-18-24-300.black {
  color: #1b1c22;
}

.grid-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 64px;
}

.ako {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.img-ako {
  margin-bottom: 30px;
}

.vyhoda {
  background-color: #f4f4f5;
  border: 1px solid rgba(133, 142, 163, .6);
  border-radius: 12px;
  padding: 24px;
}

.vyhody {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  align-content: stretch;
  align-items: stretch;
  justify-items: start;
}

.paragraph-18-400-3 {
  color: #0d0d0d;
  text-align: left;
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 26px;
}

.link-3, .link-4 {
  color: #0097fd;
  cursor: pointer;
  font-weight: 400;
  text-decoration: none;
}

.title-vyhody {
  color: #1b1c22;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: NimbussanBold, sans-serif;
  line-height: 32px;
}

.imagecolor {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.bottom2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.bottom1 {
  width: 100%;
  flex-direction: row;
  margin-bottom: 72px;
  display: flex;
}

.image-6 {
  height: 40px;
  margin-right: 24px;
}

.image-7 {
  height: 40px;
}

.imagecolor-mob {
  display: none;
}

.button-scroll {
  color: #fff;
  background-color: rgba(0, 151, 253, 0);
  background-image: linear-gradient(#0097fd, #007aff);
  border: 1px solid #0097fd;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 10px 50px 10px 20px;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.button-scroll.w--current {
  display: block;
}

.divider {
  width: 0;
  height: 16px;
}

.c-dropdown_wrapper.blue-border-button {
  border: 1px solid #0097fd;
  border-radius: 4px;
}

.modal-backdrop {
  color: rgba(13, 13, 13, .55);
  background-color: rgba(13, 13, 13, .55);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.modal-upper {
  width: 100%;
  margin-bottom: 25px;
  padding-left: 40px;
  padding-right: 40px;
  overflow: auto;
}

.modal-upper.kk-boost {
  flex-direction: column;
  display: flex;
}

.callme-form {
  padding: 20px 20px 0;
}

.button-app-text {
  color: #fff;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
}

.paragraph-16-400-modal {
  color: #656e85;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 24px;
}

.modal {
  width: 50%;
  max-height: 100%;
  max-width: 550px;
  background-color: #fff;
  padding: 40px;
  position: relative;
  overflow: auto;
}

.modal.benefits {
  max-height: 90vh;
  min-height: auto;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 14px;
  display: flex;
  overflow: hidden;
}

.html-embed-3 {
  margin: 0;
  padding-left: 10px;
  position: relative;
  top: 3px;
}

.button-app {
  background-image: linear-gradient(#0097fd, #007aff);
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.cus-modal-close {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
}

.cus-modal-close.black {
  color: #0d0d0d;
  font-size: 20px;
  line-height: 20px;
  text-decoration: none;
}

.button-dd {
  color: #656e85;
  border: 1px #0097fd;
  border-radius: 0;
  margin-bottom: 0;
  padding: 10px 20px;
  font-size: 16px;
}

.modal-wrapper {
  z-index: 9999;
  display: none;
  position: relative;
}

.modal-wrapper.hide, .c-dropdown_header.hidden {
  display: none;
}

.button-dd-wrapper {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.divider-3 {
  width: 0;
  height: 16px;
}

.heading-24-400 {
  color: #4f5668;
  text-align: left;
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.heading-24-400.black {
  color: #000;
}

.divider-4 {
  width: 0;
  height: 16px;
}

.modal-general-text {
  color: #1b1c22;
  margin-bottom: 10px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 24px;
}

.section-smart-banner {
  display: none;
}

.smartbanner-div {
  width: 100%;
  margin-bottom: 25px;
  padding-left: 40px;
  padding-right: 40px;
  overflow: auto;
}

.section-boost {
  padding-top: 64px;
  padding-bottom: 64px;
  display: block;
}

.heading-3 {
  color: #1b1c22;
  margin-bottom: 16px;
  font-family: NimbussanBold, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.heading-3._400wide {
  margin-top: 0;
  font-weight: 400;
}

.heading-3._400wide._23-28, .heading-3._28 {
  font-family: Nimbussansdot ligh, sans-serif;
  font-weight: 400;
}

.heading-3.non-bold {
  font-weight: 300;
}

.heading-3.non-bold._23-28, .heading-3.non-bold._23-28.desktop {
  font-family: Nimbussansdot ligh, sans-serif;
}

.heading-3.mob {
  display: none;
}

.heading-3._700 {
  font-family: NimbussanBold, sans-serif;
  font-weight: 700;
}

.term-card {
  width: 100%;
  border-radius: 8px;
  margin-top: 64px;
  display: flex;
  box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}

.content {
  width: 408px;
  height: 276px;
  padding: 32px;
}

.hero-headline-boost {
  width: 540px;
  background-color: rgba(8, 8, 10, .6);
  padding: 40px;
  display: none;
}

.image-kk {
  width: 100%;
  background-image: url('https://www.tatrabanka.sk/files/digimar/mass/23/images/kk-boost.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.modal-wrapper-2 {
  z-index: 999998;
  display: none;
  position: relative;
}

.divider-5 {
  width: 0;
  height: 16px;
}

.button-scroll-2 {
  color: #fff;
  background-color: rgba(0, 151, 253, 0);
  background-image: linear-gradient(#0097fd, #007aff);
  border: 1px solid #0097fd;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 10px 50px 10px 20px;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.section-kk-booster {
  padding-top: 64px;
  padding-bottom: 64px;
  display: none;
}

.main-benefit {
  padding-top: 64px;
  padding-bottom: 64px;
}

.main-boost {
  padding-top: 64px;
  padding-bottom: 64px;
  display: block;
}

.hero-headline-copy {
  width: 540px;
  background-color: rgba(8, 8, 10, .6);
  padding: 40px;
}

@media screen and (min-width: 1280px) {
  .blok-segment {
    margin-left: 60px;
  }

  .blok-right--nav {
    margin-right: 60px;
  }

  .dropdown-block {
    margin-left: auto;
    padding-left: 120px;
  }

  .nav-link {
    font-size: 18px;
  }

  .nav-button-stat-sa-klientom.black {
    display: block;
  }

  .dropdown-list.w--open {
    margin-left: auto;
    margin-right: auto;
  }

  .nav-logo-link {
    margin-right: 40px;
  }

  .div-nav {
    margin-left: 60px;
    margin-right: 60px;
  }

  .sticky-navbar {
    margin-left: 0;
  }

  .accordion-button {
    color: rgba(0, 0, 0, 0);
  }

  .acc-body-vrapper {
    border-radius: 12px;
  }

  .accordion-body {
    display: none;
  }

  .term-card {
    padding-left: 0;
  }

  .hero-headline-boost {
    display: none;
  }

  .section-kk-booster {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

@media screen and (min-width: 1440px) {
  .box {
    width: 16.6%;
  }

  .dropdown-block {
    justify-content: flex-start;
    padding-left: 160px;
  }

  .nav-logo-link {
    margin-right: 40px;
  }

  .sticky-navbar {
    margin-left: 0;
  }

  .accordion-button {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 12px;
  }

  .accordion-body {
    display: none;
  }

  .two-boxes {
    width: 100%;
  }

  .footer-links-desctop {
    justify-content: center;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 991px) {
  .dropdown-segment-menu-tablet {
    color: #fff;
  }

  .menu-buttons {
    display: none;
  }

  .section-header {
    position: static;
    top: 0;
  }

  .menu-primo-tablet {
    padding-top: 9px;
    padding-bottom: 0;
  }

  .text-block {
    color: #fff;
    padding-right: 15px;
  }

  .box {
    font-size: 17px;
    line-height: 26px;
  }

  .segment-menu-tablet {
    color: #fff;
    margin-top: 0;
    margin-left: 30px;
    text-decoration: none;
  }

  .segment-menu-tablet.grey {
    color: gray;
  }

  .topbar-menu-desctop {
    display: none;
  }

  .dropdown-toggle-2 {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .dropdown-list-5 {
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .dropdown-list-5.w--open {
    background-color: #191919;
    display: flex;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .dropdown-block {
    width: 100%;
    flex-direction: row;
    justify-content: center;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 13px;
    line-height: 20px;
  }

  .dropdown-toggle {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;
  }

  .topbar-menu-tablet {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .dropdown-menu {
    background-color: rgba(0, 0, 0, 0);
    margin-left: 0;
    margin-right: auto;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .dropdown-link {
    line-height: 18px;
  }

  .bold-text {
    font-weight: 700;
  }

  .dropdown-list.w--open {
    width: 80%;
  }

  .arrow.white.right {
    font-family: Nimbussansdot ligh, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
  }

  .button {
    text-transform: uppercase;
    margin-left: 30px;
    padding: 0 31px;
    font-size: 12px;
    line-height: 30px;
  }

  .link-footer.mobile {
    margin-bottom: 0;
    padding: 10px 20px;
  }

  .separator.tablet {
    margin-left: 0;
  }

  .second-menu {
    width: 200px;
  }

  .div-nav {
    margin-left: 20px;
    margin-right: 20px;
  }

  .button-text {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .button-text.white {
    color: #fff;
  }

  .button-text.white.kk-boost {
    text-align: center;
    font-weight: 700;
  }

  .wrapper {
    padding-top: 0;
    padding-left: 0;
  }

  .heading-2._400wide {
    max-width: 100%;
  }

  .heading-2._400wide._23-28 {
    font-size: 23px;
    font-weight: 300;
    line-height: 28px;
  }

  .heading-2._400wide._16 {
    font-size: 24px;
    line-height: 32px;
  }

  .heading-2._28, .heading-2.non-bold._23-28 {
    font-size: 23px;
    line-height: 28px;
  }

  .heading-2.non-bold._23-28.desktop {
    display: block;
  }

  .heading-2.mob {
    display: none;
  }

  .paragraph-24-400.gap-16.gap24 {
    margin-top: 24px;
  }

  .paragraph-24-400.gap-16.gap24._23-28 {
    font-size: 23px;
    font-weight: 300;
    line-height: 28px;
  }

  .wrapper-cta-desktop {
    flex-direction: column;
    margin-left: 10px;
    margin-right: 10px;
    display: none;
  }

  .cta-box {
    width: 100%;
    height: auto;
    max-width: 100%;
    background-color: #fff;
  }

  .cta-box.mob {
    height: 120px;
    background-color: #fff;
    display: flex;
  }

  .cta-box.mob.margin {
    margin-bottom: 20px;
  }

  .cta-text-box-2 {
    width: 100%;
  }

  .paragraph-22-28._18-24 {
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
  }

  .paragraph-22-28.light.grey.postup {
    padding-top: 24px;
    font-size: 18px;
    line-height: 26px;
  }

  .paragraph-22-28.light.grey.postup.mob {
    display: none;
  }

  .paragraph-22-28.mob {
    font-size: 18px;
    line-height: 24px;
  }

  .wrapper-col-12 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .paragraph-18-24-400.center.faq {
    color: #1b1c22;
  }

  .paragraph-18-24-400.desktop {
    display: block;
  }

  .paragraph-18-24-400.mob {
    font-size: 16px;
  }

  .section-cta {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .image-cta-mobil {
    display: block;
  }

  .main-button-icon-2.karta {
    width: 200px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }

  .main-button-icon-2.karta.smartbanner {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 15px;
  }

  .wrapper-cta-mobil {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .cta-box-2 {
    width: 100%;
    max-width: 100%;
  }

  .cta-text-box {
    width: 100%;
  }

  .cta-text-box.vertical {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .nav-flex {
    overflow: auto;
  }

  .navigacia {
    display: none;
  }

  .main-button-blue {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
    display: flex;
  }

  .sticky-navbar {
    margin-left: 20px;
  }

  .paragraph-32-36._23-28 {
    font-size: 23px;
    line-height: 28px;
  }

  .section-inovacie {
    margin-top: 0;
    padding-top: 48px;
    padding-bottom: 32px;
  }

  .paragraph-18-26._16-24 {
    color: #656e85;
    color: #656e85;
  }

  .paragraph-18-26.center.desktop {
    display: none;
  }

  .paragraph-18-26.center.mobil {
    display: block;
  }

  .accordin-button-text.grey {
    font-size: 19px;
    line-height: 24px;
  }

  .accordin-button-text.white._18-24-700 {
    height: 48px;
  }

  .blok-vyhody {
    padding-top: 24px;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .accordion-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .accordion-wrapper.small.center {
    width: 100%;
  }

  .accordion-wrapper.flex {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 32px;
  }

  .steps_items_ellipse {
    margin-left: 20px;
    margin-right: 20px;
  }

  .accordion-button {
    border-color: rgba(133, 142, 163, .3);
  }

  .accordion-button.inisible {
    color: rgba(0, 0, 0, 0);
    background-color: #f4f4f5;
    border-style: none;
  }

  .acc-body-vrapper {
    background-color: rgba(0, 0, 0, 0);
  }

  .paragraph-18-400.gap-0.tipe-left {
    color: #656e85;
  }

  .section-vyhody {
    padding-top: 32px;
  }

  .accordion-body {
    display: none;
  }

  .accordion-item.color, .accordion-item.color1, .accordion-item.color2, .accordion-item.color3 {
    width: 325px;
  }

  .program-4-boxes {
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
  }

  .zlava.green, .zlava.green.gap-right {
    margin-left: 15px;
  }

  .paragraph-20-28.white._17-24 {
    font-size: 17px;
    line-height: 24px;
  }

  ._2boxes {
    width: 100%;
    justify-content: space-between;
  }

  ._2boxes.gap-right-30 {
    width: 100%;
    justify-content: space-between;
    margin-right: 0;
  }

  .box-zlava {
    background-color: #f4f4f5;
    border-color: rgba(133, 142, 162, .6);
  }

  .box-zlava.gap45top {
    margin-left: 15px;
  }

  .box-zlava.gap45top.left {
    background-color: #f4f4f5;
    border-color: rgba(133, 142, 162, .6);
  }

  .box-zlava.gap45top.right {
    background-color: #f4f4f5;
    border-color: rgba(133, 142, 162, .6);
    margin-left: 0;
  }

  .section-novy-program {
    background-color: #fff;
  }

  .blok-program {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 32px;
  }

  .tabs-menu {
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
    overflow: auto;
  }

  .produkty-boy {
    margin-top: 24px;
  }

  .tabs-content {
    border-top-style: none;
    border-top-color: rgba(255, 255, 255, .3);
  }

  .blok-ponuka-produtov {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 32px;
  }

  .image-tab {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .tab-pane {
    background-color: #f4f4f5;
    border-radius: 8px;
    flex-direction: row;
    align-items: center;
    margin-right: 8px;
    padding: 12px 16px;
  }

  .tab-pane.w--current {
    border: 2px solid #0097fd;
    flex-direction: row;
  }

  .tab-pane.last {
    margin-right: 15px;
  }

  .div-image-tab {
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .tabs-ponuka-produktov {
    flex-direction: column;
    margin-top: 24px;
    display: flex;
  }

  .navod-controls-elements {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .navod-wrapper {
    width: auto;
    height: auto;
  }

  .heading-3-left {
    text-align: center;
    margin-top: 0;
    font-size: 22px;
    line-height: 28px;
  }

  .item {
    height: auto;
  }

  .wrapper-col-half {
    width: 50%;
    min-width: 100%;
    flex-direction: column;
    padding-top: 20px;
    padding-right: 0;
    display: flex;
  }

  .wrapper-col-half.progress-wrapper {
    width: 90%;
    min-width: 100%;
  }

  .wrapper-col-half.navod-text-wrapper {
    width: 100%;
    min-width: 100%;
  }

  .wrapper-col-half.navod {
    width: 60%;
    height: auto;
    min-width: 60%;
    position: relative;
  }

  .navod-text.show-text {
    height: auto;
    height: auto;
    height: 140px;
    flex-direction: column;
    justify-content: flex-start;
  }

  .progress-block {
    width: 80%;
    text-align: center;
    align-self: center;
  }

  .navod-controls {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .icon-navod {
    max-width: 15%;
    display: block;
  }

  .section-postup {
    background-color: #fff;
    padding-top: 32px;
    padding-bottom: 28px;
  }

  .section-main-benefit {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .grap-accordion-header {
    height: 325px;
    background-color: #324453;
    background-image: url('https://www.tatrabanka.sk/files/digimar/mass/23/images/placeholder_vyhody_1placeholder_vyhody.webp');
    transition-duration: .5s;
  }

  .grap-accordion-header.section-prenos {
    background-color: #fff;
    background-image: none;
  }

  .icon-graf-accordion {
    z-index: 777;
    display: block;
  }

  .grap-accordion-body {
    height: 0;
    background-color: #e5e5e5;
    overflow: hidden;
  }

  .grap-accordion-body.white {
    display: none;
  }

  .grap-accordion-body.navod-body {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .image-prenos {
    padding-top: 5px;
  }

  .prenos-device.mobile {
    display: block;
  }

  .prenos-device.desktop {
    display: none;
  }

  .button-small.grey {
    max-width: 100%;
    display: block;
  }

  .button-small.mobile {
    margin-bottom: 20px;
    margin-right: 0;
    display: block;
  }

  .button-small.desktom {
    display: none;
  }

  .buttons-prenos.mobile {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    margin-top: 40px;
  }

  .grap-accoridon-mobile-header {
    max-width: 85%;
    text-align: left;
    margin-right: auto;
    font-size: 24px;
    line-height: 32px;
  }

  .grap-accoridon-mobile-header.black {
    color: #000;
  }

  .graficky-accordion-tile-inner {
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0;
    display: flex;
  }

  .flex-box-prenos {
    flex-direction: column;
  }

  .paragraph-32-700 {
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
    line-height: 28px;
  }

  .wrapper-col-half-2 {
    width: 50%;
    min-width: 100%;
    flex-direction: column;
    padding-top: 20px;
    padding-right: 0;
    display: flex;
  }

  .wrapper-col-half-2.col-centr.prenos {
    margin-left: 0;
  }

  .grap-accordion {
    margin: 20px 0;
    padding-top: 0;
    box-shadow: 0 20px 16px -4px rgba(0, 0, 0, .18);
  }

  .grap-accordion.navod {
    background-color: #f4f4f5;
    margin-top: 0;
    margin-bottom: 0;
  }

  .grap-accordion.ucet {
    margin-top: 20px;
    margin-bottom: 32px;
  }

  .div-grey {
    margin-bottom: 20px;
    padding-bottom: 0;
  }

  .prenos-steps {
    padding-left: 0;
    padding-right: 0;
  }

  .section-prenos {
    background-color: #fff;
  }

  .main-button.grey {
    margin-left: auto;
    margin-right: auto;
  }

  .button-changing-store {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .image-logo-os {
    border: 1px solid #fff;
    border-radius: 6px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .image-logo-os.postup {
    max-width: 100%;
    margin: 0 auto;
    padding: 5px 10px;
  }

  .main-button-icon-3.otvorit_ucet {
    display: none;
  }

  .wrapper-flex {
    align-items: center;
  }

  .button-text-7 {
    color: #0097fd;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .button-text-7.white {
    color: #fff;
  }

  .section-cta-2 {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .steps_items_dot {
    margin-left: 20px;
    margin-right: 20px;
  }

  .blok-faq {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .section-faq {
    background-color: #fff;
  }

  .dropdown-footer {
    width: 100%;
  }

  .box-app-list {
    display: none;
  }

  .box-aplikacie.mobile {
    width: 100%;
    justify-content: flex-start;
    padding: 10px 20px;
  }

  .footer-links-desctop {
    display: none;
  }

  .footer-links-mobile {
    display: block;
  }

  .text-block-footer {
    color: #fff;
  }

  .dropdown-list-4 {
    position: relative;
  }

  .dropdown-list-4.w--open {
    color: #fff;
    background-color: #0d0d0d;
  }

  .dropdown-toggle-footer {
    width: 100%;
  }

  .social-box.mobile {
    margin-bottom: 0;
    padding: 10px 20px;
  }

  .icon-arrow-down {
    color: #0080ec;
    font-size: 20px;
  }

  .div-copyright {
    flex-direction: column;
    align-items: center;
  }

  .copy-logo {
    margin-bottom: 20px;
  }

  .small-button {
    margin-top: 0;
    padding: 4px 40px 4px 10px;
  }

  .button-text-mobil {
    color: #fff;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    text-decoration: none;
  }

  .grid-2 {
    grid-template: "Area"
                   "."
                   "."
                   "."
                   / 1fr;
    margin-top: 24px;
    margin-bottom: 34px;
  }

  .imagecolor {
    display: none;
  }

  .bottom2 {
    align-items: center;
  }

  .bottom1 {
    order: 1;
    justify-content: center;
    margin-top: 24px;
    margin-bottom: 32px;
  }

  .imagecolor-mob {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    display: block;
  }

  .button-scroll {
    width: 200px;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 20px;
    text-decoration: none;
    display: flex;
  }

  .divider {
    display: block;
  }

  .modal-upper {
    width: 100%;
    margin-bottom: 105px;
  }

  .modal {
    width: 100%;
    height: 100%;
    max-width: 100%;
    padding: 30px;
  }

  .modal.benefits {
    max-height: 100%;
    min-height: auto;
    border-radius: 0;
  }

  .modal.smartbaneer {
    color: #000;
    background-color: #fff;
  }

  .cus-modal-close {
    z-index: 3;
  }

  .modal-wrapper {
    display: none;
  }

  .divider-3 {
    display: block;
  }

  .heading-24-400 {
    font-size: 19px;
    line-height: 24px;
  }

  .divider-4, .section-smart-banner {
    display: block;
  }

  .section-smart-banner.kk-boost {
    display: none;
  }

  .smartbanner-div {
    width: 100%;
    margin-bottom: 105px;
  }

  .banner-3_wrapper {
    width: 100%;
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 0;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 46px;
    box-shadow: 0 0 2px -1px rgba(0, 0, 0, .29);
  }

  .banner-3_inner-wrapper {
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
  }

  .banner-3_close {
    max-height: 16px;
    margin: 10px;
    padding: 5px;
  }

  .banner-3_paragraph {
    color: #000;
    margin-bottom: 0;
    font-family: NimbussanBold, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
  }

  .link-block {
    text-decoration: none;
  }

  .section-boost {
    padding-top: 32px;
    padding-bottom: 32px;
    display: block;
  }

  .heading-3._400wide {
    max-width: 100%;
  }

  .heading-3._400wide._23-28 {
    font-size: 23px;
    font-weight: 300;
    line-height: 28px;
  }

  .heading-3._400wide._16 {
    font-size: 24px;
    line-height: 32px;
  }

  .heading-3._28, .heading-3.non-bold._23-28 {
    font-size: 23px;
    line-height: 28px;
  }

  .heading-3.non-bold._23-28.desktop {
    display: block;
  }

  .heading-3.mob {
    display: none;
  }

  .term-card {
    flex-direction: column;
  }

  .content {
    width: 100%;
    height: 196px;
    padding: 16px 16px 31px;
  }

  .image-kk {
    height: 158px;
    background-position: 50%;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 0;
    order: -1;
  }

  .modal-wrapper-2 {
    display: none;
  }

  .divider-5 {
    display: block;
  }

  .button-scroll-2 {
    width: 200px;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 20px;
    text-decoration: none;
    display: flex;
  }

  .section-kk-booster, .main-benefit, .main-boost {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

@media screen and (max-width: 767px) {
  .nav-menu {
    width: 275px;
    height: 100vh;
    background-color: #0d0d0d;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: scroll;
  }

  .segment-link {
    text-decoration: none;
  }

  .section-header {
    z-index: 9;
    position: -webkit-sticky;
    position: sticky;
  }

  .brand {
    order: 1;
    padding-left: 10px;
    padding-right: 10px;
  }

  .block-right-mobile {
    height: 100%;
    background-color: #1d1d1d;
  }

  .header {
    display: none;
  }

  .button-2 {
    text-transform: uppercase;
    background-color: #0080ec;
    border-radius: 8px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
    font-weight: 700;
    display: block;
  }

  .dropdown-main-text {
    font-size: 15px;
  }

  .div-menu-mobile {
    flex-direction: column;
    display: flex;
  }

  .icon-3 {
    color: #0080ec;
    font-size: 18px;
  }

  .navbar {
    z-index: 999999999;
    background-color: rgba(0, 0, 0, 0);
  }

  .container {
    height: 50px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .text-block-5 {
    color: #fff;
    font-size: 14px;
  }

  .menu-button {
    width: 45%;
    order: -1;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .menu-button.w--open {
    background-color: #0d0d0d;
  }

  .dropdown-toggle-3 {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
  }

  .dropdown-toggle-3.w--open {
    background-color: #0d0d0d;
  }

  .menu-mobile-block {
    z-index: 8888;
    height: 50px;
    display: block;
  }

  .dropdown-list-3 {
    height: 100vh;
    position: static;
  }

  .dropdown-list-3.w--open {
    height: 100%;
    color: #fff;
    background-color: #fff;
    padding-left: 20px;
  }

  .topbar-menu-tablet {
    display: none;
  }

  .right-menu-mob {
    padding: 10px 20px;
  }

  .nav-grid {
    text-align: center;
  }

  .dropdown-2 {
    background-color: #0d0d0d;
    border: 1px solid rgba(0, 0, 0, 0);
    margin-left: 0;
    margin-right: 0;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .dropdown-link {
    font-size: 14px;
  }

  .dropdown-main-text-2 {
    color: #0d0d0d;
    margin-bottom: 0;
    padding: 10px 20px 10px 0;
    font-size: 15px;
  }

  .segment-scroll {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    display: flex;
    overflow: auto;
  }

  .segment-text-blok {
    color: #9fa4b2;
    background-color: #282b34;
    border-radius: 4px;
    margin-bottom: 10px;
    margin-right: 8px;
    padding: 6px 12px;
    font-weight: 700;
    text-decoration: none;
  }

  .segment-text-blok.white {
    color: #fff;
    background-color: #282b34;
    border: 1px solid #0080ec;
  }

  .segment-text-blok.tin {
    font-weight: 300;
  }

  .right-menu-mob-text {
    color: #9fa4b2;
    text-align: left;
    margin-bottom: 0;
  }

  .icon-2 {
    color: #0097fd;
    font-size: 30px;
    line-height: 30px;
  }

  .hero-headline {
    width: 400px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  .main-button-icon {
    background-color: #0097fd;
  }

  .button-text {
    color: #fff;
  }

  .heading-2._400wide {
    font-size: 28px;
    line-height: 34px;
  }

  .heading-2._400wide._16 {
    font-size: 16px;
    line-height: 24px;
  }

  .heading-2._400wide._16._23-28 {
    font-size: 23px;
    line-height: 28px;
  }

  .paragraph-24-400.tint {
    font-size: 16px;
    line-height: 24px;
  }

  .cta-box {
    height: 120px;
  }

  .wrapper-col-12 {
    display: block;
  }

  .paragraph-18-24-400.tipe-left.gap10, .paragraph-18-24-400.desktop {
    font-size: 16px;
  }

  .main-button-icon-2 {
    background-color: #0097fd;
  }

  .nav-flex {
    width: auto;
  }

  .navigacia {
    display: none;
  }

  .main-button-blue {
    background-color: #0097fd;
  }

  .sticky-navbar {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    overflow: auto;
  }

  .blok-vyhody {
    padding-bottom: 40px;
  }

  .ellipse {
    border-radius: 50%;
  }

  .steps_items_ellipse.gapside {
    padding-left: 0;
  }

  .steps_items_ellipse.gapside.first {
    margin-top: 20px;
  }

  .steps_items_ellipse.gapside._16 {
    margin-bottom: 16px;
  }

  .paragraph-18-400 {
    text-align: center;
    font-size: 16px;
    line-height: 27px;
  }

  .paragraph-18-400.tipe-left {
    text-align: left;
  }

  .paragraph-18-400.gap-0.tipe-left {
    text-align: left;
    line-height: 19px;
  }

  .accordion-body {
    display: none;
  }

  .accordion-item {
    border-radius: 8px;
  }

  .program-4-boxes {
    margin-bottom: 16px;
  }

  .zlava.teal.gap-left {
    width: 100%;
    margin-right: 0;
  }

  .zlava.green.gap-right {
    width: 100%;
    margin-left: 7.5px;
  }

  .paragraph-20-28.white {
    font-size: 17px;
    line-height: 24px;
  }

  ._2boxes, ._2boxes.gap-right-30 {
    justify-content: space-around;
  }

  .box-zlava.gap45top.left {
    width: 50%;
    margin-top: 15px;
    margin-left: 7.5px;
  }

  .box-zlava.gap45top.right {
    width: 50%;
    margin-top: 15px;
    margin-right: 7.5px;
  }

  .tabs-menu {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .tab-pane {
    padding-left: 14px;
    padding-right: 14px;
  }

  .prgoress-bar {
    width: 100%;
  }

  .wrapper-col-half {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .progress-block {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .grap-accordion-header {
    background-image: url('https://www.tatrabanka.sk/files/digimar/mass/23/images/placeholder_vyhody_1placeholder_vyhody.webp');
    background-repeat: no-repeat;
    background-size: contain;
  }

  .grap-accordion-header.section-prenos {
    transition: all .5s;
  }

  .grap-accordion-body {
    background-color: #e5e5e5;
  }

  .image-prenos {
    border-radius: 12px;
  }

  .flex-box-prenos {
    margin-bottom: 20px;
  }

  .paragraph-32-700 {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    font-size: 22px;
    line-height: 28px;
  }

  .wrapper-col-half-2 {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .wrapper-col-half-2.col-centr.prenos {
    margin-left: auto;
  }

  .step-number.paragraph-18-400.first-step-number.prenest {
    color: #656e85;
  }

  .grap-accordion.ucet {
    box-shadow: none;
  }

  .div-grey {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 16px 0 0;
  }

  .prenos-steps {
    margin-top: -3px;
    margin-left: auto;
    margin-right: auto;
  }

  .main-button.grey {
    margin-left: auto;
    margin-right: auto;
  }

  .button-text-7 {
    color: #fff;
  }

  .main-button-icon-4 {
    background-color: #0097fd;
  }

  .blok-odkazy {
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .one-coulum.second {
    margin-top: 40px;
  }

  .footer-links-mobile, .section-footer {
    display: block;
  }

  .member-logo {
    margin-bottom: 0;
  }

  .year {
    align-items: flex-end;
  }

  .tatra, .logo-tb-copy {
    margin-bottom: 0;
  }

  .paragraph-18-400.no-gap {
    margin-top: 0;
  }

  .paragraph-18-400.no-gap.left {
    text-align: left;
  }

  .small-button {
    background-color: #0097fd;
  }

  .button-text-mobil {
    color: #fff;
  }

  .vyhody {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .paragraph-18-400-3 {
    text-align: center;
    font-size: 16px;
    line-height: 27px;
  }

  .paragraph-18-400-3.tipe-left {
    text-align: left;
  }

  .button-scroll {
    background-color: #0097fd;
  }

  .modal {
    padding: 20px;
  }

  .heading-3._400wide {
    font-size: 28px;
    line-height: 34px;
  }

  .heading-3._400wide._16 {
    font-size: 16px;
    line-height: 24px;
  }

  .heading-3._400wide._16._23-28 {
    font-size: 23px;
    line-height: 28px;
  }

  .hero-headline-boost {
    width: 400px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  .button-scroll-2 {
    background-color: #0097fd;
  }

  .hero-headline-copy {
    width: 400px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 479px) {
  .section-header {
    position: -webkit-sticky;
    position: sticky;
  }

  .nav-link {
    border-top: 1px solid #c4c4c4;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 100px;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .arrow.right {
    margin-right: 20px;
    transform: rotate(-90deg);
  }

  .arrow.white {
    transform: rotate(0);
  }

  .arrow.white.right {
    font-family: Nimbussansdot ligh, sans-serif;
    font-size: 14px;
    font-weight: 300;
    transform: rotate(-90deg);
  }

  .nav-logo-link {
    border-top: 1px solid #c4c4c4;
  }

  .hero-headline {
    width: auto;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 15px;
    margin-right: 15px;
    padding: 30px 23px;
    display: flex;
  }

  .heading {
    font-size: 34px;
    line-height: 40.8px;
  }

  .button-text {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .button-text.white {
    color: #fff;
  }

  .wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .bold-text-2 {
    font-size: 18px;
  }

  .heading-2._400wide._23-28 {
    font-family: Nimbussansdot ligh, sans-serif;
  }

  .heading-2.non-bold {
    font-size: 23px;
    line-height: 28px;
  }

  .heading-2.non-bold._23-28.desktop {
    display: block;
  }

  .heading-2._700 {
    font-size: 23px;
    line-height: 28px;
  }

  .wrapper-cta-desktop {
    margin-left: 0;
    margin-right: 0;
  }

  .cta-box {
    background-color: #fff;
  }

  .paragraph-22-28._18-24 {
    margin-bottom: 0;
  }

  .paragraph-22-28.light.grey.postup {
    padding-top: 20px;
  }

  .wrapper-col-12 {
    padding-left: 15px;
    padding-right: 15px;
    display: block;
  }

  .block-cta {
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .paragraph-18-24-400.non-gap._16-24 {
    font-weight: 400;
  }

  .paragraph-18-24-400.desktop {
    display: block;
  }

  .image-cta-mobil {
    width: 120px;
  }

  .paragraph-16-24 {
    font-size: 16px;
    line-height: 24px;
  }

  .main-button-icon-2.cta {
    padding-right: 48px;
  }

  .main-button-icon-2.karta.smartbanner {
    width: auto;
    min-width: 179px;
    padding: 8px 10px;
  }

  .wrapper-cta-mobil {
    margin-left: 0;
    margin-right: 0;
  }

  .cta-text-box.vertical {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 12px;
  }

  .section-inovacie {
    padding-top: 32px;
  }

  .paragraph-18-26 {
    font-size: 16px;
    line-height: 24px;
  }

  .paragraph-18-26.center {
    font-size: 18px;
    line-height: 26px;
  }

  .accordin-button-text {
    font-family: NimbussanBold, sans-serif;
    font-weight: 300;
    line-height: 24px;
  }

  .steps_items_ellipse {
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph-18-400.gap-0 {
    font-size: 14px;
    line-height: 27px;
  }

  .section-vyhody {
    padding-top: 12px;
  }

  .zlava.teal.gap-left {
    width: 100%;
    margin-right: 0;
  }

  .zlava.green.gap-right {
    width: 100%;
    margin-left: 0;
  }

  .karty {
    width: 100%;
  }

  .karty.right {
    margin-right: 7.5px;
  }

  .karty.left {
    margin-left: 7.5px;
  }

  .round.gap32 {
    margin-top: 16px;
  }

  .divider-2.gap16 {
    width: 80%;
  }

  .box-zlava.gap45top {
    margin-left: 7.5px;
  }

  .box-zlava.gap45top.left {
    width: 100%;
    margin-top: 15px;
  }

  .box-zlava.gap45top.right {
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
    margin-right: 7.5px;
  }

  .blok-program {
    padding-top: 12px;
  }

  .tabs-menu {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: -15px;
    display: flex;
    overflow: auto;
  }

  .produkty-boy {
    flex-direction: column;
  }

  .tab-pane {
    margin-bottom: 5px;
  }

  .tab-pane.w--current {
    background-color: #f4f4f5;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .tab-pane.last {
    margin-right: 15px;
  }

  .bublinka {
    width: 100%;
  }

  .bublinka.second {
    margin-top: 20px;
    margin-left: 0;
  }

  .navod-controls-elements {
    padding-left: 0;
    padding-right: 0;
  }

  .navod-wrapper {
    width: auto;
    height: auto;
  }

  .item {
    height: auto;
  }

  .wrapper-col-half.navod-text-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .wrapper-col-half.navod {
    width: 60%;
    height: auto;
    max-width: 60%;
    min-width: 0%;
  }

  .navod-controls {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .icon-navod {
    max-width: 19%;
  }

  .grap-accordion-header {
    background-position: 100% 100%;
    background-size: auto 100%;
  }

  .grap-accordion-header.section-prenos {
    background-image: none;
    padding-top: 0;
  }

  .grap-accoridon-mobile-header {
    max-width: 85%;
  }

  .grap-accoridon-mobile-header.black {
    color: #08080a;
  }

  .graficky-accordion-tile-inner {
    margin: 0;
  }

  .wrapper-col-half-2.col-centr {
    margin-left: auto;
  }

  .grap-accordion {
    margin-bottom: 40px;
    box-shadow: 0 20px 16px -4px rgba(0, 0, 0, .18);
  }

  .grap-accordion.navod {
    margin-bottom: 0;
  }

  .div-grey {
    margin-left: 0;
  }

  .prenos-steps {
    margin-left: 0;
    margin-right: 0;
  }

  .section-prenos {
    background-color: #fff;
    padding-top: 0;
  }

  .main-button {
    margin-left: auto;
    margin-right: auto;
  }

  .button-changing-store {
    text-align: center;
  }

  .button-text-7 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .button-text-7.white {
    color: #fff;
  }

  .steps_items_dot {
    margin-left: 0;
    margin-right: 0;
  }

  .link-2.padding {
    white-space: pre-wrap;
  }

  .section-faq {
    background-color: #fff;
  }

  .blok-odkazy {
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .one-coulum {
    min-width: 210px;
  }

  .box-aplikacie.mobile {
    width: 100%;
    justify-content: flex-start;
    padding: 10px 20px;
    display: flex;
  }

  .footer-links-mobile, .section-footer {
    display: block;
  }

  .background-video {
    display: none;
  }

  .background-video-mobil {
    background-image: none;
    display: block;
  }

  .small-button {
    margin-top: 0;
    padding: 4px 30px 4px 10px;
  }

  .button-text-mobil {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-family: NimbussanBold, sans-serif;
    font-size: 14px;
    line-height: 22px;
  }

  .paragraph-18-24-300 {
    margin-bottom: 0;
    font-family: Nimbussansdot ligh, sans-serif;
  }

  .grid-2 {
    margin-top: 24px;
  }

  .button-scroll {
    margin-top: 0;
    padding: 4px 30px 4px 10px;
  }

  .button-scroll.w--current {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
  }

  .modal-upper {
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: scroll;
  }

  .modal.benefits {
    flex: none;
    padding-top: 32px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .section-smart-banner.kk-boost {
    display: none;
  }

  .smartbanner-div {
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: scroll;
  }

  .banner-3_content {
    margin-right: 5px;
  }

  .section-boost {
    display: block;
  }

  .heading-3._400wide._23-28 {
    font-family: Nimbussansdot ligh, sans-serif;
  }

  .heading-3.non-bold {
    font-size: 23px;
    line-height: 28px;
  }

  .heading-3.non-bold._23-28.desktop {
    display: block;
  }

  .heading-3._700 {
    font-size: 23px;
    line-height: 28px;
  }

  .term-card {
    margin-top: 24px;
  }

  .content {
    height: 210px;
  }

  .hero-headline-boost {
    width: auto;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 15px;
    margin-right: 15px;
    padding: 30px 23px;
    display: none;
  }

  .modal-wrapper-2 {
    display: none;
  }

  .button-scroll-2 {
    margin-top: 0;
    padding: 4px 30px 4px 10px;
  }

  .button-scroll-2.w--current {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
  }

  .hero-headline-copy {
    width: auto;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 15px;
    margin-right: 15px;
    padding: 30px 23px;
    display: flex;
  }
}

#w-node-_0ada77aa-0e99-2a5d-8182-10ed6ad925aa-4256994f, #w-node-_2b7fb5bf-a9c4-0e23-6994-51719b1a7719-4256994f, #w-node-_9f37c83d-202c-b46a-6851-e10ab7a135fa-4256994f, #w-node-_7eba4891-7e23-97ad-91bf-39e7cea1aafa-4256994f, #w-node-_7eba4891-7e23-97ad-91bf-39e7cea1aafb-4256994f, #w-node-_7eba4891-7e23-97ad-91bf-39e7cea1aafc-4256994f, #w-node-_55f9a6eb-88d8-353e-8949-32509e6295d5-4256994f, #w-node-_55f9a6eb-88d8-353e-8949-32509e6295d6-4256994f, #w-node-_55f9a6eb-88d8-353e-8949-32509e6295d7-4256994f, #w-node-b01bf8dc-4e7a-8ef7-65be-2d741e044a5f-4256994f, #w-node-b01bf8dc-4e7a-8ef7-65be-2d741e044a60-4256994f, #w-node-_0a51717d-083f-aae9-a809-fbc50b8e8272-4256994f, #w-node-_0a51717d-083f-aae9-a809-fbc50b8e8273-4256994f, #w-node-_0a51717d-083f-aae9-a809-fbc50b8e8274-4256994f, #w-node-_0a51717d-083f-aae9-a809-fbc50b8e8279-4256994f, #w-node-_0a51717d-083f-aae9-a809-fbc50b8e827a-4256994f, #w-node-_0a51717d-083f-aae9-a809-fbc50b8e827b-4256994f, #w-node-_0a51717d-083f-aae9-a809-fbc50b8e8280-4256994f, #w-node-_0a51717d-083f-aae9-a809-fbc50b8e8281-4256994f, #w-node-_0a51717d-083f-aae9-a809-fbc50b8e8282-4256994f, #w-node-_0a51717d-083f-aae9-a809-fbc50b8e828a-4256994f, #w-node-_0a51717d-083f-aae9-a809-fbc50b8e828b-4256994f, #w-node-_902e2489-5574-63e7-2582-4d3ce63b6cf6-4256994f, #w-node-_538af55a-2197-57db-e519-1c6f6bd7a37f-4256994f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: "NimbussanBold";
  src: url("/files/digimar/mass/23/fonts/nimbussanbold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nimbussan";
  src: url("/files/digimar/mass/23/fonts/nimbussan.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nimbussansdot ligh";
  src: url("/files/digimar/mass/23/fonts/nimbussansdot-ligh.woff")
    format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}