@charset "UTF-8";
a:hover, a:visited, a:link, a:active {
  text-decoration: none;
  outline: none;
}

.verzia_pc {
  display: block;
}

.verzia_mobil {
  display: none;
}

.hide {
  visibility: hidden;
}

.d-none {
  display: none !important;
}

#o_nas .hore {
  height: 37.5vw;
  display: flex;
}
#o_nas .hore .left {
  flex: 1;
  padding-left: 6.354vw;
  margin-top: 4.479vw;
}
#o_nas .hore .left .nadpis {
  margin-bottom: 2.917vw;
  position: relative;
}
#o_nas .hore .left .nadpis span {
  display: block;
  transform: rotate(-1deg);
  font-size: 3.021vw;
  font-family: "Bebas Neue", sans-serif;
  line-height: 3.646vw;
  color: #314053;
}
#o_nas .hore .left .nadpis img {
  position: absolute;
  top: -0.1vw;
  z-index: -1;
  left: -0.8vw;
  width: 9.063vw;
}
#o_nas .hore .left .texty {
  padding-left: 4.167vw;
}
#o_nas .hore .left .texty span {
  display: block;
  font-size: 1.042vw;
  line-height: 1.563vw;
  color: #314053;
}
#o_nas .hore .left .texty span.bold {
  display: unset;
  font-weight: bold;
}
#o_nas .hore .left .texty span a {
  color: #314053;
  text-decoration: underline;
}
#o_nas .hore .left .texty .blue_text {
  font-size: 1.458vw;
  line-height: 1.927vw;
  font-family: "Roboto Medium", sans-serif;
  color: #00A0FF;
  margin-bottom: 1.771vw;
}
#o_nas .hore .right {
  margin-top: 2.552vw;
  width: 38.177vw;
  position: relative;
}
#o_nas .hore .right img {
  position: absolute;
  z-index: -2;
  height: 37.5vw;
  width: 100%;
}
#o_nas .dole {
  position: relative;
}
#o_nas .dole .nadpis {
  position: relative;
}
#o_nas .dole .nadpis span {
  display: block;
  transform: rotate(-1deg);
  font-size: 3.021vw;
  line-height: 3.646vw;
  font-family: "Bebas Neue", sans-serif;
  color: #314053;
}
#o_nas .dole .nadpis img {
  left: 4.604vw;
  bottom: -6.7vw;
  position: absolute;
  width: 20.573vw;
}
#o_nas .dole .badge {
  position: absolute;
  transform: rotate(10deg);
  right: 16.771vw;
  top: -8.854vw;
  width: 17.813vw;
}
@media screen and (max-width: 768px) {
  #o_nas .hore {
    height: auto;
    display: flex;
    flex-direction: column;
  }
  #o_nas .hore .left {
    padding-left: 5.556vw;
    margin-top: 8.889vw;
  }
  #o_nas .hore .left .nadpis {
    margin-bottom: 8.889vw;
    position: relative;
  }
  #o_nas .hore .left .nadpis span {
    display: block;
    transform: rotate(0deg);
    font-size: 6.667vw;
    line-height: 11.667vw;
  }
  #o_nas .hore .left .nadpis img {
    position: absolute;
    top: 3.6vw;
    z-index: -1;
    left: -1.899vw;
    width: 18.889vw;
    content: url("../img/o_nas_brush_mobil_hq.svg");
  }
  #o_nas .hore .left .texty {
    padding-left: 0;
  }
  #o_nas .hore .left .texty span {
    font-size: 3.889vw;
    line-height: 5.556vw;
  }
  #o_nas .hore .left .texty .blue_text {
    font-size: 5.556vw;
    line-height: 8.333vw;
    font-family: "Roboto Regular", sans-serif;
    font-weight: bold;
    margin-bottom: 9.167vw;
  }
  #o_nas .hore .right {
    margin-top: 11.389vw;
    width: 100%;
    height: 65.278vw;
    position: relative;
  }
  #o_nas .hore .right img {
    position: absolute;
    z-index: -2;
    height: auto;
    width: 100%;
    bottom: 0;
  }
  #o_nas .dole {
    position: relative;
    height: 68.056vw;
    padding-top: 15.833vw;
    padding-left: 5.694vw;
  }
  #o_nas .dole .nadpis {
    position: relative;
  }
  #o_nas .dole .nadpis span {
    display: block;
    transform: rotate(-2deg);
    font-size: 7.222vw;
    line-height: 10vw;
  }
  #o_nas .dole .nadpis img {
    position: absolute;
    width: 36.667vw;
  }
  #o_nas .dole .nadpis img.first {
    width: 35.556vw;
    left: unset;
    right: 21.444vw;
    bottom: -2vw;
  }
  #o_nas .dole .nadpis img.second {
    width: 29.722vw;
    left: 4.389vw;
    bottom: -2.4vw;
  }
  #o_nas .dole .badge {
    position: absolute;
    transform: rotate(10deg);
    right: -2.778vw;
    top: -25.694vw;
    width: 47.222vw;
  }
}

#sluzby {
  height: auto;
  background-image: url("../img/sluzby.png");
  background-size: auto 100%;
  background-position: right;
}
#sluzby .sluzby-container {
  padding: 8.785vh 0 2.96875VW 6.25vw;
  width: 70.73vw;
  background-color: rgba(0, 0, 0, 0.22);
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(30px) brightness(115%);
  /* fallback pre firefox */
}
@supports not ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))) {
  #sluzby .sluzby-container::before {
    content: "";
    width: 100vw;
    display: block;
    height: calc(100% + 10vh);
    position: absolute;
    filter: blur(30px) brightness(115%);
    margin-top: -18.785vh;
    margin-left: -6.25vw;
    background: black url(../img/sluzby.png);
    background-size: auto calc(100.9% - 10vh);
    background-position-y: 10vh;
  }
}
#sluzby .sluzby-container > h2 {
  color: white;
  padding-bottom: 6.65vh;
  position: relative;
}
#sluzby .sluzby-container > .brush {
  width: 7.25vw;
  position: absolute;
  margin-left: 0.573vw;
  margin-top: 1.2vw;
}
#sluzby .sluzby-container .sluzby-flexbox {
  flex-direction: column;
  max-height: 42.5vw;
  height: auto;
}
#sluzby .sluzby-container .sluzby-flexbox .flex-item {
  display: flex;
  align-items: center;
  width: 18.177vw;
  height: 5.1vw;
  padding-left: 2vw;
  padding-right: 1vw;
  z-index: 1;
  margin-right: 1.77vw;
  margin-bottom: 1.77vw;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.39);
}
#sluzby .sluzby-container .sluzby-flexbox .flex-item img:not(.chevron) {
  width: 2.86vw;
  height: 2.76vw;
  margin-right: 1.98vw;
  transition: 0.2s ease;
}
#sluzby .sluzby-container .sluzby-flexbox .flex-item p {
  font-size: 0.9375VW;
  color: white;
  line-height: 1.25VW;
  font-family: "Roboto Medium", sans-serif;
  transition: 0.2s ease;
}
#sluzby .sluzby-container .sluzby-flexbox .flex-item:hover {
  cursor: pointer;
  background-color: #2897D7;
  backdrop-filter: none;
}
#sluzby .sluzby-container .sluzby-flexbox .flex-item:focus {
  transform: scale(0.95);
  background-color: rgba(0, 160, 255, 0.57);
  backdrop-filter: blur(30px) brightness(65%);
  transition: transform 0.5s ease;
}
#sluzby .sluzby-container .sluzby-flexbox .flex-item:focus p {
  font-size: 0.8854vw;
  transition: 0.5s ease;
}
#sluzby .sluzby-container .sluzby-flexbox .flex-item:focus img {
  transform: scale(0.95);
  transition: 0.5s ease;
}
#sluzby .sluzby-container .sluzby-flexbox .grey-line {
  height: 10.416vw;
  margin: 2.057vw -2px;
  border: 1px solid #B6BABF;
}
#sluzby .sluzby-container .sluzby-img {
  background-image: url("../img/sluzby-img-1.png");
  background-size: contain;
  width: 31.5vw;
  height: 40.73vw;
  right: 0;
  position: absolute;
}

#showcase h2 {
  color: #314053;
  transform: rotate(-1deg);
  margin: 13.925vh 0 14.95vh 10.52vw;
}
#showcase > .brush {
  position: absolute;
  z-index: -1;
  width: 15.625vw;
  left: 35VW;
  margin-top: 3.4vw;
}
#showcase > div {
  width: 50%;
  background-color: #314053;
  padding: 6.77vw 5.78125VW 5.26vw 10.52vw;
  position: relative;
}
#showcase > div .link {
  color: white;
  font-family: "Roboto Medium", sans-serif;
  font-size: 1.4583vw;
  padding-bottom: 1.25VW;
  line-height: 1.75vw;
  position: relative;
}
#showcase > div .link .ico {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: auto 1VW;
  width: 1vw;
  height: calc(100% - 1.25VW);
  background-position: center center;
  background-image: url(../img/plus.svg);
  position: absolute;
  right: 0.3125VW;
  top: 0;
}
#showcase > div .link:hover, #showcase > div .link.active {
  cursor: pointer;
  color: #FF9B05;
}
#showcase > div .link:hover .ico, #showcase > div .link.active .ico {
  filter: brightness(0) saturate(100%) invert(69%) sepia(43%) saturate(4324%) hue-rotate(356deg) brightness(104%) contrast(101%);
}
#showcase > div .link.active .ico {
  background-image: url(../img/chevron-right.svg);
}
#showcase > div hr {
  margin-bottom: 1.3vw;
  border: 0.5px solid white;
}
#showcase > div .show-desc {
  display: none;
  position: absolute;
  top: 6.66vw;
  left: calc(100% + 6.3vw);
}
#showcase > div .show-desc.active {
  display: block;
}
#showcase > div .show-desc .blue {
  font-family: "Roboto Medium", sans-serif;
  font-size: 1.4583vw;
  color: #00A0FF;
  margin-bottom: 1.77vw;
}
#showcase > div .show-desc .grey {
  font-family: "Roboto Regular", sans-serif;
  font-size: 1.042vw;
  width: 33vw;
  color: #314053;
  line-height: 1.5625VW;
}
#showcase > div .show-desc .grey a, #showcase > div .show-desc .grey a:hover, #showcase > div .show-desc .grey a:focus {
  color: #314053;
  text-decoration: underline;
}

#preco-sluzby {
  overflow: hidden;
  max-height: 55.65vw;
  display: flex;
}
#preco-sluzby .img-container {
  width: 50%;
}
#preco-sluzby .img-container img {
  width: 100%;
}
#preco-sluzby .text-container {
  width: 50%;
  padding: 9.9vh 4.166vw 0 6.3vw;
}
#preco-sluzby .text-container h2 {
  color: #314053;
  transform: rotate(-4deg);
}
#preco-sluzby .text-container > .brush {
  width: 20.417vw;
  z-index: -1;
  position: absolute;
  margin-left: 2VW;
  margin-top: -1vw;
}
#preco-sluzby .text-container > div {
  padding-top: 6.75vh;
}
#preco-sluzby .text-container > div .flex-item {
  margin-bottom: 2.25vw;
}
#preco-sluzby .text-container > div .flex-item h3 {
  color: #00A0FF;
  font-size: 1.4583vw;
  margin-bottom: 1.588vh;
  font-weight: bold;
}
#preco-sluzby .text-container > div .flex-item p {
  color: #314053;
  font-size: 1.042vw;
  line-height: 1.4583vw;
}

#video {
  display: flex;
}
#video .left-side {
  position: relative;
  background-color: #00357A;
  width: 50%;
  padding-top: 9.813vh;
  padding-left: 5.4166vw;
  z-index: -1;
}
#video .left-side h2 {
  color: white;
  transform: rotate(-1deg);
}
#video .left-side > .brush {
  width: 21.71875vw;
  margin-top: -3vw;
  left: 17.927vw;
  z-index: -1;
  position: absolute;
}
#video .videoPoster {
  width: 50%;
  height: 28.2vw;
  overflow: hidden;
  appearance: none;
  border: 0;
  right: 0;
  position: absolute;
}
#video .videoPoster + .videoWrapper {
  visibility: hidden;
}
#video .videoPoster::before {
  content: "";
  height: 100%;
  display: block;
  background-image: url("../img/video-poster.png");
  background-size: cover;
  transition: transform 0.5s ease;
}
#video .videoPoster::after {
  content: "";
  width: 9.8vw;
  height: 9.8vw;
  display: inline-block;
  position: absolute;
  left: 20.1vw;
  top: 9.2vw;
  background-image: url("../img/yt-play.svg");
  background-size: cover;
  transition: transform 0.5s ease;
}
#video .videoPoster:hover {
  cursor: pointer;
}
#video .videoPoster:hover::after {
  filter: brightness(0) saturate(100%) invert(55%) sepia(99%) saturate(613%) hue-rotate(352deg) brightness(101%) contrast(108%);
}
#video .videoPoster.videoActive::before {
  transform: scale(1.1);
}
#video .videoPoster.videoActive::after {
  transform: scale(0.88);
  opacity: 0.5;
  filter: brightness(0) saturate(100%) invert(55%) sepia(99%) saturate(613%) hue-rotate(352deg) brightness(101%) contrast(108%);
}
#video .videoWrapper {
  position: relative;
  width: 50%;
  padding-bottom: 28.2vw; /* 16:9 */
  height: 0;
}
#video .videoWrapper #ytplayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  #sluzby {
    padding: 0;
    position: relative;
    background-position: -100vw 55.55vw;
    background-repeat: no-repeat;
  }
  #sluzby > img {
    width: 100%;
  }
  @supports not ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))) {
    #sluzby {
      background-image: none;
    }
    #sluzby .sluzby-container::before {
      margin-top: -19.722vw;
      margin-left: -10vw;
      background-position-y: 10vw;
      background-position-x: 10vw;
      width: 110vw;
    }
  }
  #sluzby .sluzby-container {
    width: 100%;
    padding: 9.722vw 0 5vw;
  }
  #sluzby .sluzby-container h2 {
    font-size: 6.66vw;
    padding: 0 0 8.33vw 11.11vw;
  }
  #sluzby .sluzby-container > .brush {
    content: url("../img/brush-strokes/sluzby_mobil_hq.svg");
    width: 18.333vw;
    margin-left: 12.22vw;
    margin-top: 3vw;
  }
  #sluzby .sluzby-container .sluzby-flexbox {
    padding: 0 4.166vw;
    flex-flow: column;
    max-height: unset;
  }
  #sluzby .sluzby-container .sluzby-flexbox .flex-item {
    border-radius: 0;
    width: 100%;
    height: 10VW;
    padding-left: 6.944vw;
    margin-bottom: 3.611vw;
  }
  #sluzby .sluzby-container .sluzby-flexbox .flex-item img:not(.chevron) {
    width: 5.83vw;
    height: auto;
    margin: 0 4.444vw 0 0;
  }
  #sluzby .sluzby-container .sluzby-flexbox .flex-item .chevron {
    height: 3.25vw;
    margin: auto 0;
  }
  #sluzby .sluzby-container .sluzby-flexbox .flex-item p {
    font-size: 4.444vw;
    width: 70vw;
    line-height: 10vw;
  }
  #sluzby .sluzby-container .sluzby-flexbox .flex-item:hover .chevron {
    filter: brightness(0) saturate(100%) invert(95%) sepia(100%) saturate(0%) hue-rotate(117deg) brightness(105%) contrast(105%);
  }
  #sluzby .sluzby-container .sluzby-flexbox .flex-item:focus {
    transform: none;
    background-color: #2897D7;
    transition: none;
  }
  #sluzby .sluzby-container .sluzby-flexbox .flex-item:focus p {
    font-size: 4.444vw;
    transition: none;
  }
  #sluzby .sluzby-container .sluzby-flexbox .flex-item:focus img {
    transform: none;
    transition: none;
  }
  #sluzby .sluzby-container .sluzby-flexbox .flex-item:focus .chevron {
    filter: brightness(0) saturate(100%) invert(95%) sepia(100%) saturate(0%) hue-rotate(117deg) brightness(105%) contrast(105%);
  }
  #sluzby .sluzby-container .sluzby-flexbox .flex-item.big {
    height: 15vw;
  }
  #sluzby .sluzby-container .sluzby-flexbox .flex-item.big p {
    line-height: 5vw;
  }
  #showcase h2 {
    width: 80vw;
    margin: 17.77vw 0 20vw 5.55vw;
    transform: rotate(-2deg);
  }
  #showcase > .brush {
    content: url("../img/brush-strokes/homepage-showcase_mobil_hq.svg");
    width: 26.667vw;
    margin-top: 16.75vw;
    left: 47.722vw;
  }
  #showcase > div {
    padding-bottom: 4.44vw;
    width: 100%;
    padding: 8.8vw 5.55vw 3.611vw 5.55vw;
  }
  #showcase > div .link {
    font-size: 4.444vw;
    padding-bottom: 4.166vw;
    line-height: 5.833vw;
  }
  #showcase > div .link .ico {
    background-size: auto 3.33vw;
    width: 3.33vw;
    height: 3.33vw;
    height: calc(100% - 4.166vw);
    top: 0;
    right: 0;
  }
  #showcase > div .link:hover {
    color: white;
  }
  #showcase > div .link:hover .ico {
    filter: none;
  }
  #showcase > div .link.active {
    color: #FF9B05;
  }
  #showcase > div .link.active .ico {
    transform: rotate(90deg);
    filter: brightness(0) saturate(100%) invert(69%) sepia(43%) saturate(4324%) hue-rotate(356deg) brightness(104%) contrast(101%);
  }
  #showcase > div hr {
    margin-bottom: 4.166vw;
  }
  #showcase > div .show-desc {
    position: static;
    display: block;
    max-height: 0;
    width: 100vw;
    margin-left: -5.55vw;
    background-color: white;
    overflow: hidden;
  }
  #showcase > div .show-desc .blue {
    font-size: 5.55vw;
    font-family: "Roboto Bold", sans-serif;
    font-weight: bold;
    margin: 8.333vw 5.55vw 3.888vw 5.55vw;
    margin-bottom: 3.888vw;
  }
  #showcase > div .show-desc .grey {
    font-size: 3.889vw;
    width: 84.444vw;
    line-height: 5.55vw;
    margin: 0 5.55vw 7.777vw;
  }
  #showcase > div .show-desc.active + hr {
    visibility: hidden;
  }
  #showcase > div .show-desc:last-child.active {
    margin-bottom: -3.611vw;
  }
  #preco-sluzby {
    max-height: unset;
    height: auto;
    flex-wrap: wrap;
  }
  #preco-sluzby .img-container {
    width: 100%;
  }
  #preco-sluzby .text-container {
    width: 100%;
    padding: 11.944vw 5.55vw 0;
    order: 1;
  }
  #preco-sluzby .text-container > .brush {
    content: url("../img/brush-strokes/preco-sluzby_mobil_hq.svg");
    width: 27.77vw;
    margin-top: -2.8vw;
    margin-left: 2.77vw;
  }
  #preco-sluzby .text-container h2 {
    font-size: 6.66vw;
    transform: rotate(-2deg);
  }
  #preco-sluzby .text-container > div {
    max-height: unset;
    padding: 10.27vw 0 2.77vw;
  }
  #preco-sluzby .text-container > div .flex-item {
    width: 100%;
    height: auto;
    margin-bottom: 8.33vw;
    margin-right: 0;
  }
  #preco-sluzby .text-container > div .flex-item:nth-child(3), #preco-sluzby .text-container > div .flex-item:nth-child(6) {
    order: 1;
  }
  #preco-sluzby .text-container > div .flex-item h3 {
    font-size: 5.55vw;
    width: auto;
    margin-bottom: 2.22vw;
  }
  #preco-sluzby .text-container > div .flex-item p {
    font-size: 3.889vw;
    line-height: 5.55vw;
    width: 95%;
  }
  #preco-sluzby .img-container img {
    display: block;
  }
  #video {
    display: block;
  }
  #video .left-side {
    width: 100%;
    height: 46.38vw;
    padding: 18vw 5.55vw 0;
  }
  #video .left-side h2 {
    transform: rotate(-4deg);
  }
  #video .left-side > .brush {
    width: 22.778vw;
    left: 52.333vw;
    margin-top: 3.2vw;
  }
  #video .videoWrapper {
    width: 100%;
    padding-bottom: 56vw;
  }
  #video .videoPoster {
    width: 100%;
    margin-top: -56vw;
    height: 56vw;
  }
  #video .videoPoster::after {
    width: 18.88vw;
    height: 18.88vw;
    left: 40.56vw;
    top: 18.56vw;
  }
}
/*náš príbeh*/
.nas_pribeh .verzia_pc {
  margin-bottom: 1.719vw;
  width: 100%;
}
.nas_pribeh .verzia_pc .nadpis_div {
  position: relative;
  margin-bottom: 1.406vw;
}
.nas_pribeh .verzia_pc .nadpis_div .nadpis {
  margin-left: 6.615vw;
  font-size: 3.021vw;
  font-family: Bebas Neue, sans-serif;
  color: #182954;
}
.nas_pribeh .verzia_pc .nadpis_div img {
  position: absolute;
  z-index: -1;
  left: 8.115vw;
  top: -0.4vw;
}
.nas_pribeh .verzia_pc .main_div {
  display: flex;
  flex-wrap: wrap;
  height: 78.802vw;
  width: 100%;
  align-content: start;
  margin-bottom: 4.01vw;
}
.nas_pribeh .verzia_pc .main_div .card {
  flex-basis: 20%;
  height: 37.292vw;
}
.nas_pribeh .verzia_pc .main_div .down {
  position: relative;
  top: 4.167vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_1, .nas_pribeh .verzia_pc .main_div #default_1 {
  height: 37.292vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_1 .text_main, .nas_pribeh .verzia_pc .main_div #default_1 .text_main {
  height: 17.292vw;
  width: 100%;
  background-color: #00357A;
  padding-top: 3.125vw;
  padding-left: 2.135vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_1 .text_main span, .nas_pribeh .verzia_pc .main_div #default_1 .text_main span {
  line-height: 1.563vw;
  color: white;
  font-size: 1.042vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_1 .obrazok_div, .nas_pribeh .verzia_pc .main_div #default_1 .obrazok_div {
  position: relative;
}
.nas_pribeh .verzia_pc .main_div .card #karta_1 .obrazok_div span, .nas_pribeh .verzia_pc .main_div #default_1 .obrazok_div span {
  padding-left: 2.135vw;
  position: absolute;
  top: -3.1vw;
  color: white;
  font-weight: 700;
  font-size: 5.208vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_1 .obrazok_div img, .nas_pribeh .verzia_pc .main_div #default_1 .obrazok_div img {
  width: 100%;
  height: 20vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_2, .nas_pribeh .verzia_pc .main_div #default_2 {
  height: 37.292vw;
  padding-top: 4.167vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_2 .cele_div, .nas_pribeh .verzia_pc .main_div #default_2 .cele_div {
  background-color: #FAFAFA;
  padding-left: 2.083vw;
  position: relative;
  height: 100%;
}
.nas_pribeh .verzia_pc .main_div .card #karta_2 .cele_div .rok, .nas_pribeh .verzia_pc .main_div #default_2 .cele_div .rok {
  position: absolute;
  top: -0.5vw;
  color: #00357A;
  font-size: 5.208vw;
  font-weight: 700;
}
.nas_pribeh .verzia_pc .main_div .card #karta_2 .cele_div div, .nas_pribeh .verzia_pc .main_div #default_2 .cele_div div {
  color: #00357A;
  font-size: 1.042vw;
  line-height: 1.563vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_2 .cele_div .text_1, .nas_pribeh .verzia_pc .main_div #default_2 .cele_div .text_1 {
  padding-top: 5.573vw;
  margin-bottom: 1.979vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_2 .cele_div .text_2, .nas_pribeh .verzia_pc .main_div #default_2 .cele_div .text_2 {
  margin-bottom: 2.813vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_2 .cele_div .text_2 .bold, .nas_pribeh .verzia_pc .main_div #default_2 .cele_div .text_2 .bold {
  font-family: "Roboto Bold", sans-serif;
  font-weight: bold;
}
.nas_pribeh .verzia_pc .main_div .card #karta_2 .cele_div img, .nas_pribeh .verzia_pc .main_div #default_2 .cele_div img {
  width: 12.682vw;
  height: 6.536vw;
  margin-left: 1.823vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_3, .nas_pribeh .verzia_pc .main_div #default_3 {
  height: 37.292vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_3 .obrazok_div, .nas_pribeh .verzia_pc .main_div #default_3 .obrazok_div {
  position: relative;
  height: 18.281vw;
  width: 100%;
}
.nas_pribeh .verzia_pc .main_div .card #karta_3 .obrazok_div img, .nas_pribeh .verzia_pc .main_div #default_3 .obrazok_div img {
  width: 100%;
  height: 100%;
}
.nas_pribeh .verzia_pc .main_div .card #karta_3 .obrazok_div span, .nas_pribeh .verzia_pc .main_div #default_3 .obrazok_div span {
  padding-left: 2.135vw;
  position: absolute;
  bottom: -3.65vw;
  left: 0;
  color: white;
  font-weight: 700;
  font-size: 5.208vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_3 .text_main, .nas_pribeh .verzia_pc .main_div #default_3 .text_main {
  width: 100%;
  height: 18.958vw;
  background-color: #00A0FF;
  padding-left: 2.083vw;
  font-size: 1.042vw;
  color: white;
  line-height: 1.563vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_3 .text_main .text_1, .nas_pribeh .verzia_pc .main_div #default_3 .text_main .text_1 {
  padding-top: 5.208vw;
  margin-bottom: 1.823vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_3 .text_main .text_2, .nas_pribeh .verzia_pc .main_div #default_3 .text_main .text_2 {
  font-weight: 700;
}
.nas_pribeh .verzia_pc .main_div .card #karta_4, .nas_pribeh .verzia_pc .main_div #default_4 {
  height: 37.292vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_4 .cele_div, .nas_pribeh .verzia_pc .main_div #default_4 .cele_div {
  position: relative;
  padding-left: 2.083vw;
  color: #00357A;
  line-height: 1.563vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_4 .cele_div img, .nas_pribeh .verzia_pc .main_div #default_4 .cele_div img {
  width: 12.188vw;
  height: 12.188vw;
  margin-left: 3.333vw;
  margin-top: 0.729vw;
  margin-bottom: 1.563vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_4 .cele_div .text_1, .nas_pribeh .verzia_pc .main_div #default_4 .cele_div .text_1 {
  font-size: 1.042vw;
  margin-bottom: 1.615vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_4 .cele_div .text_2, .nas_pribeh .verzia_pc .main_div #default_4 .cele_div .text_2 {
  font-weight: 700;
  font-size: 1.042vw;
  margin-bottom: 4.323vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_4 .cele_div .rok, .nas_pribeh .verzia_pc .main_div #default_4 .cele_div .rok {
  font-size: 5.208vw;
  font-weight: 700;
}
.nas_pribeh .verzia_pc .main_div .card #karta_5, .nas_pribeh .verzia_pc .main_div #default_5 {
  height: 37.292vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_5 .text_main, .nas_pribeh .verzia_pc .main_div #default_5 .text_main {
  width: 100%;
  height: 19.01vw;
  color: white;
  padding-left: 2.083vw;
  background-color: #00357A;
}
.nas_pribeh .verzia_pc .main_div .card #karta_5 .text_main .text_1, .nas_pribeh .verzia_pc .main_div #default_5 .text_main .text_1 {
  padding-top: 2.656vw;
  font-size: 5.208vw;
  font-weight: 700;
  margin-bottom: 1.458vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_5 .text_main .text_2, .nas_pribeh .verzia_pc .main_div #default_5 .text_main .text_2 {
  font-size: 1.042vw;
  line-height: 1.563vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_5 .obrazok_div, .nas_pribeh .verzia_pc .main_div #default_5 .obrazok_div {
  width: 100%;
}
.nas_pribeh .verzia_pc .main_div .card #karta_5 .obrazok_div img, .nas_pribeh .verzia_pc .main_div #default_5 .obrazok_div img {
  width: 100%;
  height: 18.281vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_6, .nas_pribeh .verzia_pc .main_div #default_6 {
  height: 37.292vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_6 .cele_div, .nas_pribeh .verzia_pc .main_div #default_6 .cele_div {
  padding-left: 2.083vw;
  color: #00357A;
  font-size: 1.042vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_6 .cele_div .rok, .nas_pribeh .verzia_pc .main_div #default_6 .cele_div .rok {
  font-size: 5.208vw;
  font-weight: 700;
  padding-top: 3.125vw;
  margin-bottom: 4.427vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_6 .cele_div .text_1, .nas_pribeh .verzia_pc .main_div #default_6 .cele_div .text_1 {
  line-height: 1.563vw;
  margin-bottom: 1.979vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_6 .cele_div .text_2, .nas_pribeh .verzia_pc .main_div #default_6 .cele_div .text_2 {
  line-height: 1.563vw;
  margin-bottom: 1.979vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_6 .cele_div .text_3, .nas_pribeh .verzia_pc .main_div #default_6 .cele_div .text_3 {
  line-height: 1.563vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_7, .nas_pribeh .verzia_pc .main_div #default_7 {
  height: 37.292vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_7 .obrazok_div, .nas_pribeh .verzia_pc .main_div #default_7 .obrazok_div {
  position: relative;
  height: 18.646vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_7 .obrazok_div img, .nas_pribeh .verzia_pc .main_div #default_7 .obrazok_div img {
  width: 100%;
  height: 100%;
}
.nas_pribeh .verzia_pc .main_div .card #karta_7 .obrazok_div span, .nas_pribeh .verzia_pc .main_div #default_7 .obrazok_div span {
  padding-left: 2.135vw;
  position: absolute;
  bottom: -3.65vw;
  left: 0;
  color: white;
  font-weight: 700;
  font-size: 5.208vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_7 .text_main, .nas_pribeh .verzia_pc .main_div #default_7 .text_main {
  padding-left: 2.083vw;
  height: calc(100% - 18.646vw);
  background-color: #00A0FF;
}
.nas_pribeh .verzia_pc .main_div .card #karta_7 .text_main .text_1, .nas_pribeh .verzia_pc .main_div #default_7 .text_main .text_1 {
  padding-top: 9.635vw;
  color: white;
  font-size: 1.042vw;
  line-height: 1.563vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_8, .nas_pribeh .verzia_pc .main_div #default_8 {
  height: 37.292vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_8 .cele_div, .nas_pribeh .verzia_pc .main_div #default_8 .cele_div {
  color: #00357A;
  padding-left: 2.083vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_8 .cele_div .rok, .nas_pribeh .verzia_pc .main_div #default_8 .cele_div .rok {
  font-size: 5.208vw;
  font-weight: 700;
  padding-top: 2.083vw;
  margin-bottom: 1.563vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_8 .cele_div .text_1, .nas_pribeh .verzia_pc .main_div #default_8 .cele_div .text_1 {
  line-height: 1.563vw;
  font-size: 1.042vw;
  margin-bottom: 1.979vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_8 .cele_div .text_2, .nas_pribeh .verzia_pc .main_div #default_8 .cele_div .text_2 {
  line-height: 1.563vw;
  font-size: 1.042vw;
  margin-bottom: 3.125vw;
  font-weight: 700;
}
.nas_pribeh .verzia_pc .main_div .card #karta_8 .cele_div img, .nas_pribeh .verzia_pc .main_div #default_8 .cele_div img {
  margin-left: 6.698vw;
  width: 8.229vw;
  height: 7.292vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_9, .nas_pribeh .verzia_pc .main_div #default_9 {
  height: 37.292vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_9 .cele_div, .nas_pribeh .verzia_pc .main_div #default_9 .cele_div {
  padding-left: 2.083vw;
  color: white;
  height: 100%;
  background-image: linear-gradient(to top, #00357A, #00A0FF);
}
.nas_pribeh .verzia_pc .main_div .card #karta_9 .cele_div img, .nas_pribeh .verzia_pc .main_div #default_9 .cele_div img {
  margin-left: -2.135vw;
  margin-top: 2.604vw;
  width: 11.458vw;
  height: 6.25vw;
  margin-bottom: 0.26vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_9 .cele_div .rok_1, .nas_pribeh .verzia_pc .main_div .card #karta_9 .cele_div .rok_2, .nas_pribeh .verzia_pc .main_div #default_9 .cele_div .rok_1, .nas_pribeh .verzia_pc .main_div #default_9 .cele_div .rok_2 {
  font-weight: 700;
  font-size: 5.208vw;
  margin-bottom: 0.938vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_9 .cele_div .text_1, .nas_pribeh .verzia_pc .main_div #default_9 .cele_div .text_1 {
  font-size: 1.042vw;
  margin-bottom: 1.979vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_9 .cele_div .text_2, .nas_pribeh .verzia_pc .main_div #default_9 .cele_div .text_2 {
  font-size: 1.042vw;
  font-weight: 700;
}
.nas_pribeh .verzia_pc .main_div .card #karta_10, .nas_pribeh .verzia_pc .main_div #default_10 {
  height: 37.292vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_10 .cele_div, .nas_pribeh .verzia_pc .main_div #default_10 .cele_div {
  color: #00357A;
  padding-left: 2.083vw;
  position: relative;
  height: 100%;
}
.nas_pribeh .verzia_pc .main_div .card #karta_10 .cele_div .rok, .nas_pribeh .verzia_pc .main_div #default_10 .cele_div .rok {
  font-size: 5.208vw;
  font-weight: 700;
  padding-top: 2.083vw;
  margin-bottom: 0.938vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_10 .cele_div .text_1, .nas_pribeh .verzia_pc .main_div #default_10 .cele_div .text_1 {
  line-height: 1.563vw;
  font-size: 1.042vw;
  margin-bottom: 1.458vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_10 .cele_div .text_2, .nas_pribeh .verzia_pc .main_div #default_10 .cele_div .text_2 {
  line-height: 1.563vw;
  font-size: 1.042vw;
  margin-bottom: 3.125vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_10 .cele_div img, .nas_pribeh .verzia_pc .main_div #default_10 .cele_div img {
  width: 16.667vw;
  height: 14.583vw;
  position: absolute;
  right: 0;
  bottom: 0;
}
.nas_pribeh .verzia_pc .main_div .card #karta_11, .nas_pribeh .verzia_pc .main_div #default_11 {
  height: 37.292vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_11 .cele_div, .nas_pribeh .verzia_pc .main_div #default_11 .cele_div {
  height: 100%;
  background-color: #00A0FF;
  color: white;
  padding-left: 2.708vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_11 .cele_div img, .nas_pribeh .verzia_pc .main_div #default_11 .cele_div img {
  margin-top: 5.208vw;
  margin-left: 2.708vw;
  margin-bottom: 5.885vw;
  width: 9.427vw;
  height: 9.427vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_11 .cele_div .text_1, .nas_pribeh .verzia_pc .main_div #default_11 .cele_div .text_1 {
  line-height: 1.563vw;
  font-size: 1.042vw;
  margin-bottom: 1.667vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_11 .cele_div .rok, .nas_pribeh .verzia_pc .main_div #default_11 .cele_div .rok {
  font-size: 5.208vw;
  font-weight: 700;
}
.nas_pribeh .verzia_pc .main_div .card #karta_12, .nas_pribeh .verzia_pc .main_div #default_12 {
  height: 37.292vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_12 .obrazok_div, .nas_pribeh .verzia_pc .main_div #default_12 .obrazok_div {
  width: 100%;
  height: 17.552vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_12 .obrazok_div img, .nas_pribeh .verzia_pc .main_div #default_12 .obrazok_div img {
  width: 100%;
  height: 100%;
}
.nas_pribeh .verzia_pc .main_div .card #karta_12 .text_main, .nas_pribeh .verzia_pc .main_div #default_12 .text_main {
  color: white;
  height: 19.635vw;
  padding-left: 2.083vw;
  background-image: linear-gradient(to bottom, #00357A, #00A0FF);
}
.nas_pribeh .verzia_pc .main_div .card #karta_12 .text_main .rok, .nas_pribeh .verzia_pc .main_div #default_12 .text_main .rok {
  padding-top: 2.083vw;
  font-size: 5.208vw;
  font-weight: 700;
  margin-bottom: 1.719vw;
}
.nas_pribeh .verzia_pc .main_div .card #karta_12 .text_main .text_1, .nas_pribeh .verzia_pc .main_div #default_12 .text_main .text_1 {
  line-height: 1.563vw;
  font-size: 1.042vw;
}
.nas_pribeh .verzia_pc .dole {
  display: flex;
  justify-content: flex-end;
  position: relative;
  height: 1.458vw;
}
.nas_pribeh .verzia_pc .dole .sipky {
  position: relative;
  right: 11.927vw;
}
.nas_pribeh .verzia_pc .dole .sipky .img_spat {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  height: 1.146vw;
  left: -2.151vw;
}
.nas_pribeh .verzia_pc .dole .sipky .img_spat .img_background {
  display: none;
  position: absolute;
  z-index: 0;
  left: -0.74vw;
  top: -0.469vw;
  border-radius: 1.823vw;
  background-color: #FF9B05;
  opacity: 0.1;
  width: 2.083vw;
  height: 2.083vw;
}
.nas_pribeh .verzia_pc .dole .sipky .img_spat img {
  position: absolute;
  z-index: 1;
  width: 0.521vw;
  height: 1.146vw;
}
.nas_pribeh .verzia_pc .dole .sipky .img_spat img.click {
  display: none;
}
.nas_pribeh .verzia_pc .dole .sipky .img_spat:hover img.default {
  display: none;
}
.nas_pribeh .verzia_pc .dole .sipky .img_spat:hover img.click {
  display: block;
}
.nas_pribeh .verzia_pc .dole .sipky .img_spat:active .img_background {
  display: block;
}
.nas_pribeh .verzia_pc .dole .sipky .img_spat:active img.default {
  display: none;
}
.nas_pribeh .verzia_pc .dole .sipky .img_spat:active img.click {
  display: block;
}
.nas_pribeh .verzia_pc .dole .sipky .dalsie {
  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
  -moz-user-select: none; /* mozilla browsers */
  -khtml-user-select: none; /* webkit (konqueror) browsers */
  -ms-user-select: none; /* IE10+ */
  height: 100%;
  cursor: pointer;
  display: inline-flex;
}
.nas_pribeh .verzia_pc .dole .sipky .dalsie span {
  font-family: "Roboto Medium", sans-serif;
  font-size: 1.042vw;
  color: #00A0FF;
  margin-right: 1.089vw;
}
.nas_pribeh .verzia_pc .dole .sipky .dalsie span.clicked {
  color: #FF9B05;
}
.nas_pribeh .verzia_pc .dole .sipky .dalsie img.default {
  position: relative;
  top: 0.156vw;
  width: 1.25vw;
  height: 1.146vw;
}
.nas_pribeh .verzia_pc .dole .sipky .dalsie img.click {
  position: absolute;
  right: -1.042vw;
  top: 0.156vw;
  display: none;
  width: 1.667vw;
  height: 1.146vw;
}
.nas_pribeh .verzia_pc .dole .sipky .dalsie:hover span {
  color: #FF9B05;
}
.nas_pribeh .verzia_pc .dole .sipky .dalsie:active span {
  color: #FF9B05;
}
.nas_pribeh .verzia_pc .dole .sipky .dalsie:active img.default {
  visibility: hidden;
}
.nas_pribeh .verzia_pc .dole .sipky .dalsie:active img.click {
  display: block;
}
.nas_pribeh .verzia_mobil .nadpis_div {
  height: 30.833vw;
  position: relative;
  padding-top: 7.5vw;
}
.nas_pribeh .verzia_mobil .nadpis_div span {
  position: relative;
  margin-left: 11.111vw;
  font-family: "Bebas Neue", sans-serif;
  font-size: 7.22vw;
  line-height: 11.667vw;
  color: #314053;
}
.nas_pribeh .verzia_mobil .nadpis_div img {
  content: url("../img/pribeh_brush_mobil_hq.svg");
  position: absolute;
  top: 11.5vw;
  left: 14vw;
  width: 30.556vw;
}
.nas_pribeh .verzia_mobil .roky {
  height: 97.222vw;
}
.nas_pribeh .verzia_mobil .roky .rok {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2001 img {
  width: 100%;
  height: 33.333vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2001 .text {
  position: relative;
  height: 100%;
  background-color: #00357A;
  padding-left: 4.444vw;
  padding-top: 5.833vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2001 .text span {
  color: #FFFFFF;
  font-size: 4.166vw;
  line-height: 6.111vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2001 .text .rok_span {
  position: absolute;
  bottom: -6.667vw;
  left: 11.111vw;
  font-weight: bold;
  font-size: 13.889vw;
  line-height: 18.333vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2002 {
  background-color: #FAFAFA;
  position: relative;
  color: #00357A;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2002 img {
  position: absolute;
  top: 6.111vw;
  right: 6.944vw;
  width: 42.222vw;
  height: 23.056vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2002 p {
  margin-top: auto;
  font-size: 13.889vw;
  font-weight: bold;
  line-height: 18.333vw;
  margin-bottom: 4.167vw;
  margin-left: 11.111vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2002 span {
  margin-left: 4.444vw;
  line-height: 6.111vw;
  font-size: 4.167vw;
  margin-bottom: 5vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2002 span.bold {
  margin-left: 0;
  font-weight: bold;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2004 img {
  width: 100%;
  height: 33.333vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2004 .text {
  position: relative;
  height: 100%;
  background-color: #00A0FF;
  padding-left: 4.444vw;
  padding-top: 5.833vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2004 .text span {
  color: #FFFFFF;
  font-size: 4.166vw;
  line-height: 6.111vw;
  display: block;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2004 .text span.bold {
  font-weight: bold;
  margin-top: 5.556vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2004 .text .rok_span {
  position: absolute;
  bottom: -6.667vw;
  left: 11.111vw;
  font-weight: bold;
  font-size: 13.889vw;
  line-height: 18.333vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2006 {
  background-color: #FAFAFA;
  position: relative;
  color: #00357A;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2006 img {
  position: absolute;
  top: 2.778vw;
  right: 4.444vw;
  width: 26.944vw;
  height: 26.944vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2006 p {
  margin-top: auto;
  font-size: 13.889vw;
  font-weight: bold;
  line-height: 18.333vw;
  margin-bottom: 4.167vw;
  margin-left: 11.111vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2006 span {
  margin-left: 4.444vw;
  line-height: 6.111vw;
  font-size: 4.167vw;
  margin-bottom: 5vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2006 span.bold {
  font-weight: bold;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2007 img {
  width: 100%;
  height: 33.333vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2007 .text {
  position: relative;
  height: 100%;
  background-color: #00357A;
  padding-left: 4.444vw;
  padding-top: 5.833vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2007 .text span {
  color: #FFFFFF;
  font-size: 4.166vw;
  line-height: 6.111vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2007 .text .rok_span {
  position: absolute;
  bottom: -6.667vw;
  left: 11.111vw;
  font-weight: bold;
  font-size: 13.889vw;
  line-height: 18.333vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2008 {
  background-color: #FAFAFA;
  position: relative;
  color: #00357A;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2008 p {
  margin-top: auto;
  font-size: 13.889vw;
  font-weight: bold;
  line-height: 18.333vw;
  margin-bottom: 4.167vw;
  margin-left: 11.111vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2008 span {
  margin-left: 4.444vw;
  line-height: 6.111vw;
  font-size: 4.167vw;
  margin-bottom: 5vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2008 span.bold {
  font-weight: bold;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2009 img {
  width: 100%;
  height: 33.333vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2009 .text {
  position: relative;
  height: 100%;
  background-color: #00A0FF;
  padding-left: 4.444vw;
  padding-top: 5.833vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2009 .text span {
  color: #FFFFFF;
  font-size: 4.166vw;
  line-height: 6.111vw;
  display: block;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2009 .text span.bold {
  font-weight: bold;
  margin-top: 5.556vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2009 .text .rok_span {
  position: absolute;
  bottom: -6.667vw;
  left: 11.111vw;
  font-weight: bold;
  font-size: 13.889vw;
  line-height: 18.333vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2010 {
  background-color: #FAFAFA;
  position: relative;
  color: #00357A;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2010 img {
  position: absolute;
  top: 5.556vw;
  right: 4.444vw;
  width: 27.778vw;
  height: 24.722vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2010 p {
  margin-top: auto;
  font-size: 13.889vw;
  font-weight: bold;
  line-height: 18.333vw;
  margin-bottom: 4.167vw;
  margin-left: 11.111vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2010 span {
  margin-left: 4.444vw;
  line-height: 6.111vw;
  font-size: 4.167vw;
  margin-bottom: 5vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2010 span.bold {
  font-weight: bold;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2011 {
  background-image: linear-gradient(to bottom, #00A0FF, #00357A);
  padding-left: 4.167vw;
  padding-top: 39.167vw;
  position: relative;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2011 img {
  position: absolute;
  top: 5.833vw;
  left: 5.278vw;
  width: 34.444vw;
  height: 18.889vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2011 span {
  color: #FFFFFF;
  font-size: 4.166vw;
  line-height: 6.111vw;
  display: block;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2011 .rok_span {
  position: absolute;
  bottom: -6.667vw;
  left: 11.111vw;
  font-weight: bold;
  font-size: 13.889vw;
  line-height: 18.333vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2013 {
  background-image: linear-gradient(to bottom, #00A0FF, #00357A);
  padding-left: 4.167vw;
  padding-top: 39.167vw;
  position: relative;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2013 img {
  position: absolute;
  top: 5.833vw;
  left: 5.278vw;
  width: 34.444vw;
  height: 18.889vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2013 span {
  color: #FFFFFF;
  font-size: 4.166vw;
  line-height: 6.111vw;
  display: block;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2013 .rok_span {
  position: absolute;
  bottom: -6.667vw;
  left: 11.111vw;
  font-weight: bold;
  font-size: 13.889vw;
  line-height: 18.333vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2015 {
  background-color: #FAFAFA;
  position: relative;
  color: #00357A;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2015 img {
  position: absolute;
  top: 0.556vw;
  right: 0;
  width: 48.333vw;
  height: 33.333vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2015 p {
  margin-top: auto;
  font-size: 13.889vw;
  font-weight: bold;
  line-height: 18.333vw;
  margin-bottom: 4.167vw;
  margin-left: 11.111vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2015 span {
  margin-left: 4.444vw;
  line-height: 6.111vw;
  font-size: 4.167vw;
  margin-bottom: 5vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2016 {
  background-color: #00A0FF;
  padding-left: 4.167vw;
  padding-top: 39.167vw;
  position: relative;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2016 img {
  position: absolute;
  top: 5.833vw;
  left: 8.333vw;
  width: 27.222vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2016 span {
  color: #FFFFFF;
  font-size: 4.166vw;
  line-height: 6.111vw;
  display: block;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2016 .rok_span {
  position: absolute;
  bottom: -6.667vw;
  left: 11.111vw;
  font-weight: bold;
  font-size: 13.889vw;
  line-height: 18.333vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2017 img {
  width: 100%;
  height: 33.333vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2017 .text {
  position: relative;
  height: 100%;
  background-color: #00A0FF;
  padding-left: 4.444vw;
  padding-top: 5.833vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2017 .text span {
  color: #FFFFFF;
  font-size: 4.166vw;
  line-height: 6.111vw;
  display: block;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2017 .text span.bold {
  font-weight: bold;
  margin-top: 5.556vw;
}
.nas_pribeh .verzia_mobil .roky .rok.rok_2017 .text .rok_span {
  position: absolute;
  bottom: -6.667vw;
  left: 11.111vw;
  font-weight: bold;
  font-size: 13.889vw;
  line-height: 18.333vw;
}
.nas_pribeh .verzia_mobil .vyber_roky {
  position: relative;
  height: 27.222vw;
  margin: 0 4.444vw;
  margin-top: 3.333vw;
  border-radius: 2.222vw;
  background-color: #F5F5F5;
  padding: 0 9.722vw;
  padding-top: 4.444vw;
}
.nas_pribeh .verzia_mobil .vyber_roky .vyber .row {
  display: flex;
  justify-content: space-between;
}
.nas_pribeh .verzia_mobil .vyber_roky .vyber .row span {
  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
  -moz-user-select: none; /* mozilla browsers */
  -khtml-user-select: none; /* webkit (konqueror) browsers */
  -ms-user-select: none; /* IE10+ */
  height: 5.278vw;
  color: #314053;
  font-weight: bold;
  font-size: 3.889vw;
  display: inline-block;
}
.nas_pribeh .verzia_mobil .vyber_roky .vyber .row span::before {
  display: block;
  width: auto;
  content: attr(title);
  font-weight: bold;
  font-size: 4.444vw;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.nas_pribeh .verzia_mobil .vyber_roky .vyber .row span:active, .nas_pribeh .verzia_mobil .vyber_roky .vyber .row span.active {
  margin-top: -2px;
  font-size: 4.444vw;
  color: #FF9B05;
}
.nas_pribeh .verzia_mobil .vyber_roky .vyber .row:first-child {
  margin-bottom: 5.556vw;
}
.nas_pribeh .verzia_mobil .vyber_roky .druhe {
  display: none;
}
.nas_pribeh .verzia_mobil .dole {
  margin: 0 8.333vw;
  margin-top: 3.333vw;
  margin-bottom: 11.389vw;
  height: 11.111vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nas_pribeh .verzia_mobil .dole .order {
  font-weight: bold;
  font-size: 3.33vw;
  line-height: 4.444vw;
  color: #314053;
  opacity: 0.5;
}
.nas_pribeh .verzia_mobil .dole .arrow {
  width: 11.111vw;
  height: 11.111vw;
  border-radius: 1.944vw;
  border: #00A0FF 1px solid;
  position: relative;
}
.nas_pribeh .verzia_mobil .dole .arrow img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.222vw;
}
.nas_pribeh .verzia_mobil .dole .arrow.left {
  visibility: hidden;
}
.nas_pribeh .verzia_mobil .dole .arrow:active {
  background-color: #FFF0D9;
  border: rgba(255, 155, 5, 0.5) 1px solid;
}
.nas_pribeh .verzia_mobil .dole .arrow:active.left img {
  content: url("../img/arrow_left_mobil_hover.png");
}
.nas_pribeh .verzia_mobil .dole .arrow:active.right img {
  content: url("../img/arrow_right_mobil_hover.png");
}

/*# sourceMappingURL=homepage.css.map */