@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap);
/*********************************************/
/*********************************************/
/*********************************************/
.col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 1600px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1540px !important;
  }
}
@media (min-width: 1600px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xxl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xxl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xxl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xxl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 13;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.666667%;
  }
}
html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden !important;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-optical-sizing: auto;
  font-style: normal;
}

a {
  color: inherit;
}
a:hover {
  color: inherit;
}

.hidden {
  display: none;
}

.btn {
  padding: 10px 25px;
  border-radius: 20px;
  font-weight: bold;
  font-size: 14px;
  transition: 0.6s;
  border: 1px solid #00415e;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
.btn.btn-green {
  color: #00415e;
  background: #c6eb01;
  border: 1px solid #00415e;
}
.btn.btn-green:hover {
  color: #c6eb01;
  background: #00415e;
}
.btn.btn-blue {
  color: white;
  background: #00415e;
}
.btn.btn-light-green {
  color: #00415e;
  background: #c6eb01;
  border: 1px solid #00415e;
}
.btn.btn-light-green:hover {
  color: #c6eb01 !important;
  background: #00415e;
  border: 1px solid #c6eb01;
}
.btn.btn-bigger {
  padding: 10px 40px;
  font-size: 18px;
}
.btn:hover.btn-blue {
  background: #00415e;
}

.slick-arrow {
  width: 50px;
  height: 50px;
  border: 1px solid #00415e;
  border-radius: 20px;
  color: #009f3b;
  font-size: 26px;
  font-weight: bold;
  line-height: 2px;
  margin-right: 5px;
  background: #c6eb01;
  color: #00415e;
}
.slick-arrow:hover {
  background: #00415e;
  color: #c6eb01;
}

.slider-nav {
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.slider-nav .pl {
  margin-bottom: 2rem;
  height: calc(100% - 4rem);
}
.slider-nav .pl .col-12 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media (min-width: 992px) {
  .slider-nav .pl .col-12 {
    display: block;
  }
}
.slider-nav .pl .col-12 .slider-text-arrows {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .slider-nav .pl .col-12 .slider-text-arrows {
    margin-bottom: 2rem;
  }
}
.slider-nav .pl .col-12 .btn {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .slider-nav .pl .col-12 .btn {
    margin-bottom: 0;
  }
}

.white-bg {
  background: white;
}

header {
  background: #00415e;
  position: fixed;
  width: 100vw;
  z-index: 1000;
}
@media screen and (min-width: 75.0em) {
  header {
    position: relative;
  }
}
header .first-cont::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 110px;
  content: "";
  background: #00415F;
  background: linear-gradient(90deg, rgb(0, 65, 95) 0%, rgb(0, 65, 95) 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
  display: none;
}
@media screen and (min-width: 75.0em) {
  header .first-cont::before {
    display: block;
  }
}
header .first-cont .logo {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
}
header .first-cont .logo a img {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 20px;
}
@media screen and (min-width: 75.0em) {
  header .first-cont .logo a img {
    margin-top: 0;
    margin-bottom: 0;
  }
}
header .first-cont .top-nav {
  background: white;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
  height: 110px;
}
@media screen and (min-width: 100.0em) {
  header .first-cont .top-nav .links {
    height: 100%;
  }
}
header .first-cont .top-nav .links ul {
  list-style: none;
  display: flex;
  margin-bottom: 0;
  height: 100%;
}
header .first-cont .top-nav .links ul li {
  display: flex;
}
header .first-cont .top-nav .links ul li a {
  padding-left: 40px;
  padding-right: 0;
  font-size: 18px;
  text-decoration: none;
  margin-bottom: 0;
  position: relative;
  white-space: nowrap;
  text-align: center;
  display: block;
  height: 100%;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-optical-sizing: auto;
  font-style: normal;
}
@media screen and (min-width: 75.0em) {
  header .first-cont .top-nav .links ul li a {
    white-space: inherit;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 100.0em) {
  header .first-cont .top-nav .links ul li a {
    white-space: nowrap;
    padding-left: 30px;
    padding-right: 10px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
  }
}
header .first-cont .top-nav .links ul li a:after {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  width: 100%;
  height: 4px;
  background: white;
}
@media screen and (min-width: 75.0em) {
  header .first-cont .top-nav .links ul li a:after {
    width: 100%;
    right: 0;
  }
}
@media screen and (min-width: 100.0em) {
  header .first-cont .top-nav .links ul li a:after {
    width: calc(100% - 40px);
    right: 10px;
  }
}
header .first-cont .top-nav .links ul li a:hover, header .first-cont .top-nav .links ul li a.active {
  text-decoration: none;
}
header .first-cont .top-nav .links ul li a:hover:after, header .first-cont .top-nav .links ul li a.active:after {
  background: #c6eb01;
}
@media screen and (min-width: 75.0em) {
  header .first-cont .top-nav .links ul.sk li a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }
}
header .first-cont .top-nav .lang {
  margin-left: 30px;
  font-size: 18px;
}
header .first-cont .top-nav .lang a {
  font-size: 18px;
}
header .first-cont .top-nav .lang span {
  display: inline-block;
}
@media screen and (min-width: 75.0em) {
  header .first-cont .top-nav .lang span {
    display: none;
  }
}
@media screen and (min-width: 100.0em) {
  header .first-cont .top-nav .lang span {
    display: inline-block;
  }
}
header .first-cont .top-nav .tel {
  display: block;
  margin-left: 40px;
}
header .first-cont .top-nav .tel a {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 44px;
  height: 44px;
  background: #c6eb01;
  border-radius: 50%;
}
header .first-cont .top-nav .tel a svg {
  width: 20px;
  height: 20px;
}
header .first-cont .top-nav .tel a svg .cls-1 {
  fill: #00415e;
}
header .first-cont .top-nav .tel a:hover {
  background: #00415e;
}
header .first-cont .top-nav .tel a:hover svg .cls-1 {
  fill: #c6eb01;
}
header .mobile-toggler {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}
header .bottom-nav .links {
  min-height: 55px;
}
header .bottom-nav .links > ul {
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  height: 100%;
}
header .bottom-nav .links > ul li {
  list-style: none;
  position: relative;
  height: 100%;
}
header .bottom-nav .links > ul li > a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  font-weight: bold;
  font-size: 20px;
  color: white;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;
  padding-top: 12px;
  padding-bottom: 12px;
  white-space: nowrap;
  background: #00415e;
  position: relative;
  z-index: 22;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-optical-sizing: auto;
  font-style: normal;
}
header .bottom-nav .links > ul li > a:hover {
  text-decoration: none;
  background: #43607d;
}
header .bottom-nav .links > ul li > a img {
  display: inline-block;
  width: 24px;
  height: 21px;
  margin-right: 8px;
}
header .bottom-nav .links > ul li:hover .sub {
  display: block !important;
}
header .bottom-nav .links > ul li .sub {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 20;
  padding-left: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: 2px 15px 20px rgba(0, 65, 94, 0.1);
  margin-top: 0;
  /*&.open {
      display: block;
  }*/
}
header .bottom-nav .links > ul li .sub:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #00415e;
}
header .bottom-nav .links > ul li .sub li {
  margin-bottom: 0;
}
header .bottom-nav .links > ul li .sub li a {
  color: #00415e;
  padding-left: 120px;
  padding-right: 120px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  display: block;
  background: none;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
header .bottom-nav .links > ul li .sub li a:hover {
  color: #c6eb01;
  text-decoration: none;
  background-color: white;
  background-color: #00415e;
}
header .bottom-nav .links .dropdown {
  position: absolute;
  z-index: 100;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  background: #00415e;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-end;
}
header .bottom-nav .links .dropdown ul li {
  list-style: none;
}
header .bottom-nav .links .dropdown ul li a {
  text-transform: uppercase;
  color: white;
}

#slider {
  background: url("/images/brand_2025/hero_image.png");
  background-size: cover;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 75.0em) {
  #slider {
    overflow: auto;
  }
}
#slider h1 {
  color: white;
  font-size: 35px;
  text-transform: uppercase;
  z-index: 10;
  position: relative;
  margin-bottom: 70px;
  margin-top: 130px;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}
#slider h1 span {
  color: #c6eb01;
}
@media screen and (min-width: 36.0em) {
  #slider h1 {
    padding-left: 0;
    padding-right: 0;
    font-size: 45px;
  }
}
@media screen and (min-width: 62.0em) {
  #slider h1 {
    text-align: left;
  }
}
@media screen and (min-width: 75.0em) {
  #slider h1 {
    font-size: 70px;
  }
}
#slider p {
  color: white;
  font-size: 1.25rem;
  z-index: 10;
  position: relative;
  text-align: center;
  margin-bottom: 180px;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 36.0em) {
  #slider p {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 62.0em) {
  #slider p {
    text-align: left;
    margin-bottom: 250px;
  }
}
#slider .section-image {
  position: absolute;
  right: 20%;
  bottom: 0;
  z-index: 2;
}
#slider .section-image img {
  max-width: 100%;
}
#slider .btn {
  padding: 10px 40px;
  font-size: 18px;
}
#slider:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: black;
  opacity: 0.4;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#slider .container {
  position: relative;
  padding: 5rem 0 3rem 0;
}
@media screen and (min-width: 48.0em) {
  #slider .container {
    padding: 9rem 0 7rem 0;
  }
}
@media screen and (min-width: 75.0em) {
  #slider .container {
    padding: 0 15px;
  }
}
#slider .container::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 10;
  width: 23px;
  height: 35px;
  background: url("/images/brand_2025/scroll.png") center center no-repeat;
  bottom: 30px;
  left: calc(50% - 18px);
}
@media screen and (min-width: 62.0em) {
  #slider .container::after {
    left: 15px;
    bottom: 50px;
  }
}

.header-spacing {
  height: 5vh;
}

section {
  position: relative;
  overflow: hidden;
}
section.section {
  padding: 11rem 0;
}
section.section.pb-0 {
  padding-bottom: 0;
}
section.section .section-b2b {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
section.section-grey {
  background: #e5ecef;
  /*&.section-grey2 {
      background: $grey2;
  }*/
}
section.section-green {
  background: #00415e;
  color: white;
}
section.green-top:before {
  content: "";
  display: block;
  background: #009f3b;
  width: 53.25%;
  left: -5%;
  top: 0;
  height: 50px;
  position: absolute;
  transform: skew(-45deg);
}
section.green-top.full:before {
  height: 100%;
}
section.green-bottom:after {
  content: "";
  display: block;
  background: #8dc641;
  width: 53.5%;
  right: -5%;
  bottom: 0;
  height: 50px;
  position: absolute;
  transform: skew(-45deg);
}
section.green-bottom.full:after {
  height: 100%;
}
section.green-bottom-custom:after {
  content: "";
  display: block;
  background: #009f3b;
  width: 53%;
  left: -5%;
  bottom: -10%;
  height: 50px;
  position: absolute;
  transform: skew(-45deg);
}
section.grey-top:before {
  content: "";
  display: block;
  background: #d6d6d6;
  width: 53%;
  left: -5%;
  top: 0;
  height: 50px;
  position: absolute;
  z-index: 3;
  transform: skew(-45deg);
}
section.grey-top-custom:before {
  content: "";
  display: block;
  background: #d6d6d6;
  width: 50%;
  left: -5%;
  top: 0;
  height: 50px;
  position: absolute;
  z-index: 3;
  transform: skew(-45deg);
}
section.grey-bottom:before {
  content: "";
  display: block;
  background: #d6d6d6;
  width: 53%;
  right: -5%;
  bottom: 0;
  height: 50px;
  position: absolute;
  transform: skew(-45deg);
}
section.green-left-rectangle {
  /*
          &:after {
              content: "";
              display: block;
              background: $dark-green;
              width: 60.6%;
              right: -5%;
              bottom: 0;
              height: 50px;
              position: absolute;
              transform: skew(40deg);
          }*/
}
section.green-left-rectangle:before {
  content: "";
  display: block;
  background: #c6eb01;
  height: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 43.5%;
  opacity: 0.6;
  clip-path: polygon(0 0, 63% 0, 100% 100%, 0% 100%);
}
section .section-image img {
  max-width: 100%;
}
section .section-image.image-domacnost {
  transform: translateX(66px);
}
section.b2b .section-image img {
  max-height: 250px;
}
section .desktop-map {
  margin-bottom: 30px;
}
section .desktop-map img {
  width: 100%;
}
section .mobile-map {
  display: none;
}
section .section-text h2 {
  color: #00415e;
  text-transform: uppercase;
  font-size: 67px;
  margin-bottom: 30px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
section .section-text h2 span {
  color: #c6eb01;
}
section .section-text h3 {
  font-size: 36px;
  margin-bottom: 20px;
  max-width: 80%;
  color: #00415e;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
section .section-text h4 {
  font-size: 28px;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
section .section-text h4.max-width {
  max-width: 60%;
}
section .section-text p {
  margin-bottom: 30px;
  font-size: 16px;
}
section .section-text ul {
  padding-left: 15px;
}
section .section-instalacia ol {
  padding: 0;
  list-style-type: none;
}
section .section-instalacia ol li {
  margin-bottom: 20px;
  padding-left: 15px;
  border-bottom: 3px solid #c6eb01;
}
section .section-instalacia ol li:last-child {
  border-bottom: none;
}
section .section-instalacia ol li h4 {
  margin-bottom: 20px;
  color: #00415e;
}
section .section-instalacia ul {
  padding: 0;
  list-style-type: none;
}
section .section-instalacia ul li {
  border-bottom: 3px solid #c6eb01;
  margin-bottom: 30px;
  padding-left: 15px;
}
section .section-instalacia ul li:last-child {
  border-bottom: none;
}
section .section-instalacia ul li::marker {
  font-size: 40px !important;
  /*position: absolute;
  font-weight: 700;*/
}
section .section-instalacia ul li h4 {
  margin-bottom: 20px;
  color: #00415e;
}
section .text-center .section-text h3 {
  max-width: 100%;
}

.threeway {
  padding: 6rem 0 calc(6rem - 50px) 0 !important;
}
@media screen and (min-width: 62.0em) {
  .threeway {
    padding: 6rem 0 !important;
  }
}
.threeway .signpost {
  margin-bottom: 0;
}
.threeway h2 {
  margin-bottom: 0 !important;
  font-weight: 800 !important;
  text-align: center;
}
@media screen and (min-width: 75.0em) {
  .threeway h2 {
    text-align: left;
  }
}
.threeway a {
  text-align: center;
  margin-bottom: 50px !important;
  display: block;
}
@media screen and (min-width: 62.0em) {
  .threeway a {
    margin-bottom: 0 !important;
  }
}
.threeway a img {
  width: 100%;
  max-width: 250px;
}
.threeway a h3 {
  font-size: 30px;
  text-align: center;
}
@media screen and (min-width: 62.0em) {
  .threeway a h3 {
    font-size: 40px;
  }
}

.vodic-tabulka .vodic-tabulky {
  padding: 3rem 0;
}
.vodic-tabulka ul {
  list-style-type: none;
  padding: 0;
}
.vodic-tabulka ul li:nth-child(2) {
  margin: 5px 0;
}
.vodic-tabulka .info li {
  background: #d6d6d6;
  border-bottom: 1px solid #6b6b6b;
  min-height: 50px;
  padding: 5px 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.vodic-tabulka .info li span {
  font-size: 12px;
  display: block;
  width: 100%;
}
.vodic-tabulka .info li.free {
  background: none;
  height: 70px;
  border: none;
}
.vodic-tabulka .info li:nth-child(2) {
  font-size: 15px;
  line-height: 16px;
  font-weight: 600;
  border: none;
}
.vodic-tabulka .info li:nth-child(3) {
  font-size: 15px;
  line-height: 16px;
  font-weight: 600;
}
.vodic-tabulka .info li:nth-child(8) {
  height: 30px;
}
.vodic-tabulka .standard {
  text-align: center;
}
.vodic-tabulka .standard li {
  background: #8dc641;
  padding: 5px 20px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-bottom: 1px solid #6b6b6b;
}
.vodic-tabulka .standard li:nth-child(1) {
  font-size: 22px;
  line-height: 26px;
  font-weight: 600;
  height: 70px;
  padding: 5px 20px;
}
.vodic-tabulka .standard li:nth-child(2) {
  background: #7db336;
}
.vodic-tabulka .standard li:nth-child(8) {
  height: 30px;
  font-size: 14px;
  margin-top: 5px;
}
.vodic-tabulka .plus {
  text-align: center;
  z-index: 3;
  position: relative;
}
.vodic-tabulka .plus li {
  background: #E2D429;
  padding: 5px 20px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-bottom: 1px solid #6b6b6b;
  position: relative;
  margin-bottom: 3px;
  transform: scale(1.05);
}
.vodic-tabulka .plus li:nth-child(1) {
  font-size: 22px;
  line-height: 26px;
  font-weight: 600;
  height: 70px;
  padding: 5px 20px;
  transform: translateY(-15px);
}
.vodic-tabulka .plus li:nth-child(2) {
  background: #d0c31c;
  transform: translateY(-5px) scale(1.05);
}
.vodic-tabulka .plus li:nth-child(7) {
  height: 55px;
}
.vodic-tabulka .plus li:nth-child(8) {
  transform: translateY(5px) scale(1.05);
  height: 30px;
  font-size: 14px;
}
.vodic-tabulka .plus li:nth-child(n+9) {
  transform: translateY(4px) scale(1.05);
}
.vodic-tabulka .max {
  text-align: center;
}
.vodic-tabulka .max li {
  background: #009f3b;
  padding: 5px 20px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-bottom: 1px solid #6b6b6b;
}
.vodic-tabulka .max li:nth-child(1) {
  font-size: 22px;
  line-height: 26px;
  font-weight: 600;
  height: 70px;
  padding: 5px 20px;
}
.vodic-tabulka .max li:nth-child(2) {
  background: #008030;
}
.vodic-tabulka .max li:nth-child(8) {
  height: 30px;
  font-size: 14px;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .vodic-tabulka li {
    font-size: 16px !important;
  }
}

.index-quicklink {
  overflow: hidden;
}
.index-quicklink:before {
  content: "";
  display: block;
  background: #d6d6d6;
  left: -10%;
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  transform: skew(-45deg);
}
.index-quicklink ul {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.index-quicklink ul:before {
  content: "";
  display: block;
  background: #d6d6d6;
  left: 0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 110%;
  transform: skew(-45deg);
  z-index: -1;
}
.index-quicklink ul li {
  flex: 1;
  text-align: center;
  padding: 5px 0;
  font-size: 20px;
  position: relative;
}
.index-quicklink ul li a {
  width: 100%;
  display: block;
  border-left: 2px solid black;
  padding: 10px;
}
.index-quicklink ul li a:hover {
  text-decoration: none;
}
.index-quicklink ul li:first-child a {
  border-left: 0;
}
.index-quicklink ul li:hover, .index-quicklink ul li.active {
  background: #8dc641;
}
.index-quicklink ul li:hover > .dropdown, .index-quicklink ul li.active > .dropdown {
  display: inline-block;
}
.index-quicklink ul li.dropdown-open > .dropdown {
  display: inline-block;
}
.index-quicklink ul li .dropdown {
  display: none;
  position: absolute;
  background: white;
  text-transform: uppercase;
  padding: 0;
  top: 100%;
  width: 100%;
  left: 0%;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 10px;
}
.index-quicklink ul li .dropdown:before {
  display: none;
}
.index-quicklink ul li .dropdown li {
  color: black;
  width: 100%;
  margin: 0px;
  padding: 0px 10px;
}
.index-quicklink ul li .dropdown li:hover {
  background: none;
}
.index-quicklink ul li .dropdown li a {
  width: 100%;
  display: block;
  font-size: 16px;
  border-left: 0;
  border-right: 0;
  padding: 11px 0;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-optical-sizing: auto;
  font-style: normal;
}

#section-motto {
  padding: 12rem;
}
#section-motto p {
  font-size: 26px;
  text-align: center;
  padding: 0 5rem;
}

.space-for-sponsoring {
  position: relative;
  background: #e5ecef;
  padding: 2.5rem 0;
}
.space-for-sponsoring:before {
  content: "";
  display: block;
  background: #00415e;
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 60%;
  left: -5%;
  transform: skew(40deg);
}
.space-for-sponsoring h5 {
  position: relative;
  z-index: 3;
  color: #c6eb01;
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  .space-for-sponsoring h5 {
    margin-bottom: 2rem;
  }
}

.domacnost-motto {
  position: relative;
  background: #e5ecef;
  padding: 2.5rem 0;
}
.domacnost-motto:before {
  content: "";
  display: block;
  background: #00415e;
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 87.3%;
  left: -5%;
  transform: skew(-45deg);
}
.domacnost-motto h5 {
  position: relative;
  z-index: 3;
  color: #c6eb01;
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}

.motto-small {
  text-align: center;
  padding: 5rem 0 5rem !important;
  border-top: 1px solid #00415e;
}
.motto-small.pl {
  border-top: 2px solid #c6eb01;
  border-bottom: 2px solid #c6eb01;
  background: #00415e;
}
.motto-small.pl p {
  font-size: 26px;
  line-height: 38px;
  color: #c6eb01;
}
.motto-small h4 {
  color: #00415e;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}
.motto-small p {
  font-size: 20px;
  margin: 0 auto;
  max-width: 70%;
}

.section-partners {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
@media screen and (min-width: 62.0em) {
  .section-partners {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}
.section-partners h3 {
  font-size: 30px !important;
  color: #00415e;
  font-weight: 800 !important;
  line-height: 38px !important;
  width: 100%;
  max-width: 100% !important;
  text-align: center;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}
@media screen and (min-width: 62.0em) {
  .section-partners h3 {
    font-size: 40px !important;
    line-height: 48px !important;
  }
}
.section-partners h3 span {
  color: #c6eb01;
}
.section-partners h3 br {
  display: none;
}
@media screen and (min-width: 62.0em) {
  .section-partners h3 br {
    display: block;
  }
}
.section-partners .partner-logo img {
  max-width: 100%;
}

.section-contact-form {
  transform: translateY(30%);
  position: relative;
  z-index: 5;
}

.our-people {
  background: #e5ecef;
}
.our-people h2 {
  font-size: 70px !important;
  line-height: 80px !important;
  color: #00415e;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 60px;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}
.our-people .about-us-person {
  margin-bottom: 3rem;
  text-align: center;
  margin-bottom: 50px;
}
.our-people .about-us-person h3 {
  font-size: 28px;
  margin-bottom: -4px;
}
.our-people .about-us-person p {
  font-size: 16px;
  font-weight: normal;
}
.our-people .about-us-person .image-holder {
  position: relative;
}
.our-people .about-us-person .image-holder:before {
  content: "";
  z-index: 10;
  background: url("/images/brand_2025/white_triangle.png") center center no-repeat;
  display: block;
  width: 90px;
  height: 90px;
  position: absolute;
  top: 0;
  left: 5%;
}
.our-people .about-us-person .image-holder.pl:before {
  background: url("/images/brand_2025/grey_triangle.png") center center no-repeat;
}
.our-people .about-us-person .image-holder.pl img {
  max-width: 90%;
  width: initial;
}
.our-people .about-us-person .image-holder img {
  margin-bottom: 1rem;
  z-index: 1;
  position: relative;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  height: 250px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .our-people .about-us-person .image-holder img {
    height: inherit;
  }
}
.our-people .about-us-person.contact {
  text-align: left;
}
.our-people .about-us-person.contact h3 {
  font-size: 22px;
  font-weight: 800;
  color: #00415e;
  text-align: center;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}
.our-people .about-us-person.contact p {
  font-size: 16px;
  margin-top: 20px;
  color: #00415e;
  text-align: center;
}
.our-people .about-us-person.contact p a {
  font-size: 16px;
}
.our-people .about-us-person.contact .image-holder {
  margin-bottom: 2rem;
  text-align: center;
}
.our-people .about-us-person.contact .image-holder:before {
  display: none;
}
.our-people .about-us-person.contact .image-holder img {
  border-radius: 50%;
  width: 180px;
  height: 180px;
  margin: 0;
}

.contact-form {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (min-width: 48.0em) {
  .contact-form {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.contact-form .section-text {
  padding-right: 3rem;
}
.contact-form .section-text h2 {
  color: white;
}
.contact-form form .input-group {
  margin-bottom: 20px;
}
.contact-form form label {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 0px;
  font-weight: 600;
  opacity: 0.5;
  color: #00415e;
}
.contact-form form input {
  border-radius: 10px !important;
  border: 1px solid #00415e;
  outline: none;
}
.contact-form form input:focus {
  box-shadow: none;
  border: 1px solid #00415e;
}
.contact-form form input.textarea {
  height: 150px;
}
.contact-form form select {
  border-radius: 10px !important;
  border: 1px solid #00415e;
  padding-right: 15px;
}
.contact-form form select:focus {
  box-shadow: none;
  border: 1px solid #00415e;
}
.contact-form form textarea {
  border-radius: 10px !important;
  border: 1px solid #00415e;
}
.contact-form form textarea:focus {
  box-shadow: none;
  border: 1px solid #00415e;
}
.contact-form form p {
  color: #00415e;
}
.contact-form form p a {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
.contact-form form p a:hover {
  text-decoration: none;
}
.contact-form form button {
  border: 1px solid #00415e;
  border-radius: 20px;
  padding: 12px 50px;
  color: #00415e !important;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}

.section-slovakia {
  background: #00415e;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  position: relative;
}
.section-slovakia.section-slovakia-withform {
  border-bottom: 2px solid #c6eb01;
}
.section-slovakia .container-fluid {
  position: relative;
}
.section-slovakia .container-fluid .map-data-col {
  padding-right: 15px;
}
@media screen and (min-width: 75.0em) {
  .section-slovakia .container-fluid .map-data-col {
    padding-right: 60px;
  }
}
.section-slovakia .container-fluid .map-data-col h2 {
  font-size: 40px !important;
  font-weight: 800 !important;
  color: white;
  margin-top: 50px;
  margin-bottom: 40px;
  text-align: center;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}
@media screen and (min-width: 36.0em) {
  .section-slovakia .container-fluid .map-data-col h2 {
    font-size: 60px !important;
  }
}
@media screen and (min-width: 75.0em) {
  .section-slovakia .container-fluid .map-data-col h2 {
    margin-top: 100px;
    margin-bottom: 90px;
    text-align: left;
  }
}
.section-slovakia .container-fluid .map-data-col h2 span {
  color: #c6eb01;
}
.section-slovakia .container-fluid .map-data-col p {
  padding-bottom: 50px;
  color: white;
  font-size: 18px !important;
  line-height: 28px !important;
  text-align: center;
}
@media screen and (min-width: 75.0em) {
  .section-slovakia .container-fluid .map-data-col p {
    padding-bottom: 100px;
    text-align: left;
  }
}
.section-slovakia .map-col {
  display: block;
  position: relative;
  left: -15px;
  width: calc(100vw + 30px);
  height: 400px;
}
@media screen and (min-width: 75.0em) {
  .section-slovakia .map-col {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
  }
}
.section-slovakia .map-col a {
  display: block;
}
.section-slovakia .map-col a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
@media screen and (min-width: 75.0em) {
  .section-slovakia .map-col a img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: right center;
       object-position: right center;
  }
}

.section-slovakia-withform .background {
  padding-top: 10rem;
}
@media screen and (max-width: 1199px) {
  .section-slovakia-withform .background {
    padding-top: 0;
  }
}

.section-reviews {
  padding: 0 0 !important;
}
.section-reviews .section-reviews-operator #slider-reviews-dots {
  position: relative;
  z-index: 100;
}
.section-reviews .section-reviews-operator #slider-reviews-dots .slick-dots {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.section-reviews .section-reviews-operator #slider-reviews-dots .slick-dots li {
  list-style: none;
  font-size: 0;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
  cursor: pointer;
}
.section-reviews .section-reviews-operator #slider-reviews-dots .slick-dots li:after {
  content: "";
  width: 15px;
  height: 7px;
  display: block;
  background: #c6eb01;
}
.section-reviews .section-reviews-operator #slider-reviews-dots .slick-dots li.slick-active:after {
  width: 35px;
  background: #00415e;
}
.section-reviews .section-reviews-operator #slider-reviews-dots .slick-dots li button {
  display: none;
}
.section-reviews h2 {
  font-size: 40px !important;
  font-weight: 800 !important;
  margin-top: 50px !important;
  margin-bottom: 50px !important;
  text-align: center;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}
@media screen and (min-width: 48.0em) {
  .section-reviews h2 {
    font-size: 60px !important;
    line-height: 76px !important;
  }
  .section-reviews h2 span {
    display: block;
  }
}
@media screen and (min-width: 75.0em) {
  .section-reviews h2 {
    font-size: 60px !important;
    text-align: left;
    font-size: 70px;
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }
}
.section-reviews .slider-reviews {
  position: relative;
  background: white;
  z-index: 1;
  margin-bottom: 30px;
}
@media screen and (min-width: 75.0em) {
  .section-reviews .slider-reviews {
    margin-bottom: 0;
    height: 100%;
  }
}
.section-reviews .slider-reviews:after {
  z-index: 2;
  position: absolute;
  content: url("/images/brand_2025/emoji-grey.svg");
  width: 670px;
  height: 450px;
  top: 20%;
  left: -150px;
  opacity: 1;
  transform: rotate(45deg);
}
@media screen and (min-width: 36.0em) {
  .section-reviews .slider-reviews:after {
    width: 135%;
    height: 200%;
    top: -20%;
    left: -40%;
  }
}
.section-reviews .slider-reviews .slick-list {
  position: relative;
  z-index: 10;
}
.section-reviews .slider-reviews .item {
  width: 100%;
  padding: 40px 20px;
  position: relative;
  z-index: 10;
  font-size: 16px !important;
  line-height: 22px !important;
  color: #00415e;
  text-align: center;
}
@media screen and (min-width: 36.0em) {
  .section-reviews .slider-reviews .item {
    padding: 100px 50px;
    font-size: 18px !important;
    line-height: 26px !important;
    text-align: left;
  }
}
.section-reviews .slider-reviews .item .logo {
  width: 100%;
  margin-bottom: 20px;
}
.section-reviews .slider-reviews .item .logo img {
  max-width: 100%;
  max-width: 150px;
}
.section-reviews .slider-reviews .item p {
  margin-bottom: 0;
  font-size: 16px !important;
  line-height: 22px !important;
  color: #00415e;
}
@media screen and (min-width: 36.0em) {
  .section-reviews .slider-reviews .item p {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
.section-reviews .slider-reviews .item .person {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 70px;
}
@media screen and (min-width: 36.0em) {
  .section-reviews .slider-reviews .item .person {
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
  }
}
.section-reviews .slider-reviews .item .person .avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 0;
  margin-bottom: 20px;
  overflow: hidden;
  border: 1px solid #00415e;
}
@media screen and (min-width: 36.0em) {
  .section-reviews .slider-reviews .item .person .avatar {
    margin-right: 40px;
    margin-bottom: 0;
    width: 64px;
    height: 64px;
  }
}
.section-reviews .slider-reviews .item .person .avatar img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.section-reviews .slider-reviews .item .person .author_data {
  text-align: center;
}
@media screen and (min-width: 36.0em) {
  .section-reviews .slider-reviews .item .person .author_data {
    text-align: left;
  }
}
.section-reviews .slider-reviews .item .person .author_data strong {
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}

.bg-domacnost-instalacia {
  /*background: url("../img/instalacia.png");
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: auto 50%;*/
}
@media screen and (max-width: 991px) {
  .bg-domacnost-instalacia {
    background: none;
  }
}

.background:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.background .container {
  position: relative;
  z-index: 10;
}
.background.bg-product:before {
  background: url(/images/Product_bg.png?e9a7c14a4497d9491d69e279ff5f3e74);
  background-size: cover;
  background-repeat: no-repeat;
}
.background.bg-product:after {
  content: "";
  display: block;
  position: absolute;
  width: 80%;
  height: 100%;
  top: 0;
  left: 10%;
  background: #d6d6d6;
  clip-path: polygon(0 0, 100% 0, 43% 100%, 0% 100%);
}
.background.bg-domacnost:before {
  background: url(/images/domacnost-bg.png?ce589db697c5580af7a4729983827769);
  opacity: 0.4;
  background-size: cover;
  background-repeat: no-repeat;
}
.background.bg-b2b:before {
  background: url("/images/b2b-header2a.jpeg");
  opacity: 0.4;
  background-size: cover;
  background-repeat: no-repeat;
}
.background.bg-product-white:before {
  background: url(/images/Product_bg.png?e9a7c14a4497d9491d69e279ff5f3e74);
  background-size: cover;
  background-repeat: no-repeat;
}
.background.bg-product-white:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: white;
  clip-path: polygon(0 0, 100% 0, 45% 100%, 0% 100%);
}
.background.bg-product-grey:before {
  background: url(/images/Product_bg.png?e9a7c14a4497d9491d69e279ff5f3e74);
  background-size: cover;
  background-repeat: no-repeat;
}
.background.bg-product-grey:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e5ecef;
  clip-path: polygon(0 0, 100% 0, 45% 100%, 0% 100%);
}
.background.bg-b2b_stanice:before {
  background: url(/images/stanice-bg.png?0b2a1b8668305333a16cc1da136d5eb1);
  opacity: 0.2;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-news {
  padding: 6rem 0 !important;
  background: #e5ecef;
}
.section-news h2 {
  font-weight: 800 !important;
  color: #00415e;
  font-size: 40px !important;
  line-height: 48px !important;
  text-align: center;
  margin-bottom: 0 !important;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}
@media screen and (min-width: 48.0em) {
  .section-news h2 {
    font-size: 70px !important;
    line-height: 80px !important;
  }
}
.section-news h2 span {
  color: #c6eb01;
}
.section-news #slider-news-dots .slick-dots {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.section-news #slider-news-dots .slick-dots li {
  list-style: none;
  font-size: 0;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
  cursor: pointer;
}
.section-news #slider-news-dots .slick-dots li:after {
  content: "";
  width: 15px;
  height: 7px;
  display: block;
  background: #c6eb01;
}
.section-news #slider-news-dots .slick-dots li.slick-active:after {
  width: 35px;
  background: #00415e;
}
.section-news #slider-news-dots .slick-dots li button {
  display: none;
}
.section-news .wrap {
  padding: 30px 0;
  height: 100%;
}
@media screen and (min-width: 48.0em) {
  .section-news .wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 75.0em) {
  .section-news .wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.section-news .wrap .item {
  position: relative;
  display: block;
  height: 100%;
  background: white;
  border-radius: 20px;
}
.section-news .wrap .item:hover {
  text-decoration: none;
}
.section-news .wrap .item .image {
  width: 100%;
  height: 230px;
  position: relative;
}
@media screen and (min-width: 48.0em) {
  .section-news .wrap .item .image {
    height: 330px;
  }
}
.section-news .wrap .item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 3;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.section-news .wrap .item .image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background: rgba(0, 65, 94, 0.75);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.section-news .wrap .item .category {
  position: relative;
  overflow: hidden;
  padding: 8px 50px;
  color: #00415e;
  background: #c6eb01;
  font-size: 20px;
  line-height: 26px;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}
@media screen and (min-width: 75.0em) {
  .section-news .wrap .item .category {
    padding: 8px 30px;
  }
}
@media screen and (min-width: 100.0em) {
  .section-news .wrap .item .category {
    padding: 8px 50px;
  }
}
.section-news .wrap .item .text {
  padding: 30px 20px;
  font-size: 16px;
}
@media screen and (min-width: 75.0em) {
  .section-news .wrap .item .text {
    padding: 40px 30px;
  }
}
@media screen and (min-width: 100.0em) {
  .section-news .wrap .item .text {
    padding: 50px;
  }
}
.section-news .wrap .item .text .title {
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 30px;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}

.section-product {
  padding: 5rem 0 0;
}
.section-product .slider-text h3 {
  font-size: 52px;
  margin-bottom: 2rem;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
.section-product .slider-text ul {
  margin-bottom: 2rem;
  padding-left: 17px;
}
.section-product .slider-text h4 {
  font-size: 26px;
  margin-bottom: 1.5rem;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
.section-product .item.pl {
  height: inherit;
  text-align: center;
}
@media (min-width: 992px) {
  .section-product .item.pl {
    text-align: left;
  }
}
.section-product .item.pl img {
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
  text-align: center;
  margin: 0 auto;
  max-height: 450px;
}
@media (min-width: 768px) {
  .section-product .item.pl img {
    height: 400px;
  }
}
@media (min-width: 992px) {
  .section-product .item.pl img {
    display: none;
    margin: 0;
  }
}

.slider-offposition {
  position: absolute;
  width: 50vw;
  right: 0;
}

.vodic-mapa-bg:after {
  content: "";
  display: block;
  background: url("/images/brand_2025/vodic-mapa.svg");
  position: absolute;
  right: 0;
  width: 25%;
  height: 110%;
  top: -18%;
  background-size: cover;
  background-repeat: no-repeat;
}
.vodic-mapa-bg.pl .section-image {
  text-align: center;
}

.roaming-map-bg {
  padding: 12rem 0 !important;
  background: #e5ecef;
}
.roaming-map-bg:before {
  content: "";
  display: block;
  background: url("/images/brand_2025/vodic-mapa.svg");
  position: absolute;
  right: 0;
  width: 25%;
  height: 110%;
  top: -200px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .roaming-map-bg:before {
    opacity: 0.5;
  }
}

.section-care {
  padding-bottom: 8rem !important;
}

.section-care-table {
  padding-bottom: 0 !important;
  padding-top: 8rem !important;
}
.section-care-table .card {
  border: none;
  height: 100%;
}
.section-care-table .card-title {
  border: 2px solid #00415e;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0;
  padding: 7px 20px;
  background: #00415e;
}
.section-care-table .card-title h4 {
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
  color: #c6eb01;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}
.section-care-table .card-body {
  border: 2px solid #00415e;
  border-top: 0;
  padding: 30px !important;
}
.section-care-table .card-body ul {
  padding-left: 16px;
}
.section-care-table .card-body ul li {
  margin-bottom: 7px;
}
.section-care-table .card-body .image {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.section-care-table .card-body .image img {
  max-width: 100%;
  margin-bottom: 2rem;
}
.section-care-table .greenway-package {
  background: #00415e !important;
  margin-top: 80px;
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.section-care-table .greenway-package h2 {
  color: #c6eb01;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}
.section-care-table .greenway-package p {
  color: #ffffff;
  padding-left: 30px;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-optical-sizing: auto;
  font-style: normal;
}
.section-care-table .greenway-package .section-text.p {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-start;
}

.newsletter-form-gutter > div {
  padding: 0;
}

.section-newsletter .form-group {
  margin-right: 1rem;
}
.section-newsletter input.form-control {
  border-radius: 0;
  border: none;
  height: 65%;
  margin-bottom: 1.5rem;
}
.section-newsletter button {
  width: 100%;
  background: #8dc641;
  box-shadow: none;
  border: none;
  height: 65%;
  margin-right: 1rem;
}
.section-newsletter input[type=checkbox] {
  float: left;
  margin-right: 10px;
}
.section-newsletter label {
  transform: translateY(-4px);
  display: block;
  font-size: 13px;
}

.footer {
  border-top: 4px solid #c6eb01;
}
.footer .container-fluid {
  background: #e5ecef;
  padding-top: 3rem;
  padding-bottom: 2rem;
}
.footer .links p b {
  color: #00415e;
  font-size: 22px !important;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
.footer .links ul {
  padding: 0 !important;
  list-style: none;
  margin-bottom: 40px;
}
@media screen and (min-width: 75.0em) {
  .footer .links ul {
    margin-bottom: 0;
  }
}
.footer .links ul li {
  margin-bottom: 12px;
}
.footer .links ul li a {
  color: #00415e;
  font-size: 16px !important;
  line-height: 22px !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-optical-sizing: auto;
  font-style: normal;
}
.footer .links ul li a:before {
  content: "";
  background: url("/images/brand_2025/emoji-black-stripped.png") center center no-repeat;
  background-size: 18px 14px;
  width: 18px;
  height: 14px;
  display: block;
  margin-right: 8px;
  margin-top: 6px;
  flex-shrink: 0;
}
.footer .social {
  margin-bottom: 0;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media screen and (min-width: 62.0em) {
  .footer .social {
    margin-bottom: 30px;
    justify-content: flex-start;
  }
}
.footer .social ul {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 0;
}
.footer .social ul li {
  display: inline-block;
}
.footer .social ul li a {
  font-size: 27px;
  padding: 30px 15px;
  color: black;
  display: block;
}
.footer .footer-flags {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 30px;
}
@media screen and (min-width: 36.0em) {
  .footer .footer-flags {
    flex-direction: row;
  }
}
@media screen and (min-width: 75.0em) {
  .footer .footer-flags {
    justify-content: flex-end;
  }
}
.footer .footer-flags .pl {
  margin-right: 20px;
  margin-bottom: 40px;
}
@media screen and (min-width: 36.0em) {
  .footer .footer-flags .pl {
    margin-bottom: 0;
  }
}
.footer .footer-flags .pl img {
  width: 40px;
  height: 30px;
  margin-right: 1rem;
}
.footer .footer-flags .hr {
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 576px) {
  .footer .footer-flags .hr {
    margin-bottom: 0;
  }
}
.footer .footer-flags .hr img {
  width: 40px;
  height: 30px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 1rem;
}
.footer .item {
  margin: 20px 30px;
}
.footer .item img {
  max-width: 100%;
}
.footer .copyright {
  margin-top: 20px;
  border-top: 1px solid #00415e;
  background: #ffffff;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  color: #00415e;
}

.mobile-hidden {
  display: block;
}

.desktop-hidden {
  display: none;
}

/*
@media screen and (max-width: 1900px) {
    header:before {
        width: 26%;
        left: -5%;
    }

}*/
@media screen and (max-width: 1199px) {
  .desktop-hidden {
    display: block;
  }
  .mobile-hidden {
    display: none;
  }
  #section-motto {
    padding: 5rem 0;
  }
  #section-motto p {
    font-size: 20px;
    padding: 0;
  }
  .slider-offposition {
    position: relative;
    width: auto;
  }
  .index-quicklink {
    background: #d6d6d6;
  }
  .index-quicklink:before {
    display: none;
  }
  .index-quicklink ul {
    flex-direction: column;
  }
  .index-quicklink ul:before {
    display: none;
  }
  .index-quicklink ul li {
    border-right: 0 !important;
    border-left: 0;
    border-bottom: 1px solid #8dc641;
    text-align: left;
    position: relative;
  }
  .index-quicklink ul li:nth-last-child(1) {
    border-bottom: 0;
  }
  .index-quicklink ul li:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 40%;
    background: url(/images/arrow-right.svg?0b6f33d10ecaf85357a96afadc7f9ecb);
    width: 40px;
    height: 15px;
    background-repeat: no-repeat;
  }
  .index-quicklink ul li a {
    border: 0;
  }
  .section-newsletter .col-md-12 {
    margin-top: 2rem;
  }
  .section-newsletter button {
    height: 100%;
    padding: 5px 0;
  }
  .vodic-mapa-bg:after {
    right: 0%;
    width: 60%;
    height: 50%;
    top: 30%;
    opacity: 0.5;
    z-index: -2;
  }
  .section-care .section-text:nth-child(1) {
    margin-top: 3rem;
  }
  section.section {
    padding: 6rem 0;
  }
  section.green-bottom::after {
    width: 51%;
    right: -6%;
  }
  section.green-top::before {
    width: 50%;
    left: -8%;
  }
  section.grey-top:before {
    left: -11%;
  }
  section.green-top-mobile:before {
    content: "";
    display: block;
    background: #009f3b;
    width: 50%;
    left: -8%;
    top: 0;
    height: 50px;
    position: absolute;
    transform: skew(-45deg);
  }
  section.green-bottom-mobile:after {
    content: "";
    display: block;
    background: #8dc641;
    width: 51%;
    right: -6%;
    bottom: 0;
    height: 50px;
    position: absolute;
    transform: skew(-45deg);
  }
  section .section-text h2 {
    font-size: 32px;
    margin-bottom: 30px;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    font-optical-sizing: auto;
    font-style: normal;
  }
  section .section-text h3 {
    font-size: 26px;
    margin-bottom: 20px;
    max-width: 80%;
    margin-top: 10px;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    font-optical-sizing: auto;
    font-style: normal;
  }
  section .section-text h4 {
    font-size: 28px;
    margin-bottom: 20px;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    font-optical-sizing: auto;
    font-style: normal;
  }
  section .section-text h4.max-width {
    max-width: 60%;
  }
  section .section-text p {
    margin-bottom: 30px;
    font-size: 14px;
  }
  section .section-text ul {
    padding-left: 15px;
  }
  section .section-text ul li {
    font-size: 14px;
  }
  section .section-image.section-image-header img {
    max-width: 200px;
  }
  section .number-of-charging img {
    max-width: 100%;
  }
}
@media screen and (max-width: 1199px) and (max-width: 991px) {
  section .number-of-charging img {
    height: 66px;
    width: auto;
    display: block;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1199px) {
  section .desktop-map {
    display: none;
  }
  section .mobile-map {
    padding-top: 2rem;
    display: block;
  }
  #slider-text-arrows, .slider-text-arrows {
    margin-bottom: 20px;
  }
  #slider-text-arrows button, .slider-text-arrows button {
    margin-bottom: 20px;
  }
  .slider-home-arrows {
    margin-bottom: 20px;
  }
  .slider-home-arrows button {
    margin-bottom: 20px;
  }
  .section-contact-form {
    transform: translateY(0);
  }
  .section-contact-form .contact-form {
    padding: 2rem 2rem;
  }
  .section-contact-form .contact-form .section-text {
    padding-right: 0;
  }
  .section-contact-form .contact-form .section-text h2 {
    max-width: 70%;
  }
  .space-for-sponsoring {
    background: transparent;
    position: relative;
    margin-bottom: 80px;
    overflow: visible;
  }
  .space-for-sponsoring:before {
    width: 200%;
    left: -35%;
    z-index: 0;
  }
  .space-for-sponsoring:after {
    content: "";
    display: block;
    background: #d6d6d6;
    position: absolute;
    z-index: 2;
    top: 100%;
    height: 80%;
    width: 200%;
    left: 25%;
    transform: skew(40deg);
  }
  .space-for-sponsoring a.btn {
    position: absolute;
    bottom: -99px;
    right: -11px;
    z-index: 3;
  }
  .motto-small p {
    max-width: 100%;
    font-size: 18px;
  }
  section .section-text:nth-child(1) {
    margin-bottom: 2rem;
  }
  .section-care .section-image {
    margin-bottom: 50px;
  }
  section.green-left-rectangle:before {
    right: 0;
    top: 200px;
    left: initial;
    height: 200px;
    transform: scaleX(-1);
    clip-path: polygon(0 0, 45% 0, 100% 100%, 0% 100%);
    width: 64.5%;
  }
  section.green-left-rectangle:after {
    top: 400px;
    left: -30%;
    right: initial;
    transform: scaleX(-1) skew(40deg);
  }
  .section-domacnost {
    padding-top: 3rem !important;
  }
  .section-b2b {
    padding-top: 3rem !important;
  }
  section .section-image.image-domacnost {
    transform: translateX(40px) translateY(25%) scale(1.2);
  }
  .bg-domacnost .section-text:nth-last-child(1) {
    margin: 50px 0 30px;
  }
  .bg-b2b .section-text:nth-last-child(1) {
    margin: 50px 0 30px;
  }
  .domacnost-motto:before {
    transform: skew(40deg);
    left: -20%;
    width: 115%;
  }
  .background.bg-product-white:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0%;
    background: white;
    clip-path: none;
  }
  .section-reviews {
    height: auto;
  }
  .section-reviews .slider-reviews .wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .section-care-table {
    padding-top: 0 !important;
  }
  .section-care-table .card {
    margin-bottom: 40px;
    height: initial;
  }
  .section-care-table .card-title {
    border-right: 0;
    justify-content: flex-start;
  }
  .section-care-table .card-title.active:after {
    transform: rotate(180deg);
  }
  .roaming-map-bg {
    padding-top: 5rem !important;
  }
  .roaming-map-bg:before {
    width: 80%;
  }
}
@media screen and (min-width: 991px) {
  /*.scroll-snap-type {
      scroll-snap-type: y proximity;

      .panelsnap {
          scroll-snap-align: start;
      }
  }*/
}
.page-header-image {
  background: black;
  padding: 10rem 0 6rem 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/images/page-default-header.jpeg");
}

.page-headline-1 {
  color: #c6eb01;
  text-align: center;
  font-size: 50px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}

.page-blog-category {
  padding: 14rem 0 10rem 0;
  color: #000000;
}
.page-blog-category#blog-headline-1 {
  /*.col {
              background: black url('/images/blog_mask_image.png') center center no-repeat;
              padding-left: 0;
              padding-right: 0;
          }
  */
}
.page-blog-category#blog-headline-2 {
  /* .col {
       background: black url('/images/media_mask_image.png') center center no-repeat;
       padding-left: 0;
       padding-right: 0;
   }*/
}
.page-blog-category .page-headline-1 {
  font-size: 6.25rem;
  margin-bottom: 0;
  padding-bottom: 1rem;
  color: #00415e;
}

.page-datetime {
  color: #00415e;
  border: 1px solid #00415e;
  margin: 1rem auto 0 auto;
  font-size: 1rem;
  background: #c6eb01;
  padding: 8px 20px;
  display: inline-block;
  border-radius: 20px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}

.blog-categories {
  background: #f7fafc;
  padding: 1rem 0;
}
.blog-categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.blog-categories ul li {
  display: inline-block;
  margin: 0 1rem;
}
.blog-categories ul li a {
  color: #009f3b;
  font-size: 36px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}

.blog-back {
  background: #c6eb01;
  padding: 1rem 0;
}
.blog-back a {
  color: #00415e;
  font-size: 36px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
.blog-back a:before {
  content: "";
  background: url("/images/brand_2025/blue_arrow.png") center center no-repeat;
  background-size: 100% 100%;
  position: relative;
  display: inline-block;
  margin-bottom: -4px;
  margin-right: 8px;
  width: 35px;
  height: 35px;
  transform: rotate(-180deg);
}

.blog-grid {
  padding: 5rem 0;
  background: #e5ecef;
  /*.item {
      box-shadow: 0px 4px 10px #dedede;
      position: relative;
      display: block;
      margin-bottom: 4rem;
      height: calc(100% - 4rem);

      .image {
          width: 100%;
          height: 150px;

          &.main {
              height: 250px;
          }

          img {
              object-fit: cover;
              width: 100%;
              height: 100%;
          }
      }

      .category {
          position: relative;
          overflow: hidden;
          padding: 0.2rem 2rem;
          color: white;
          font-weight: bold;

          &:before {
              content: "";
              display: block;
              background: $light-green;
              width: calc(50% + 5%);
              left: -6%;
              top: 0;
              height: 40px;
              position: absolute;
              z-index: -1;
              transform: skew(-45deg);
          }
      }

      .date {
          position: relative;
          overflow: hidden;
          padding: 5px 2rem 5px calc(2rem + 26px);
          color: white;
          font-weight: bold;
          background: url('/images/ico_calendar.png') 2rem center no-repeat;
          background-size: 20px 20px;

          &:before {
              content: "";
              display: block;
              background: $light-green;
              width: calc(50% + 5%);
              left: -6%;
              top: 0;
              height: 40px;
              position: absolute;
              z-index: -1;
              transform: skew(-45deg);
          }
      }

      .text {
          padding: 0.5rem 2rem;

          .title {
              font-weight: 600;
              font-size: 18px;
              margin-bottom: 10px;
          }
      }

      &:hover, &:focus {
          text-decoration: none;
      }
  }*/
}
.blog-grid.hr-blog {
  padding-bottom: 0;
}
.blog-grid .item {
  position: relative;
  display: block;
  height: 100%;
  background: white;
  border-radius: 20px;
  margin-bottom: 30px;
  height: calc(100% - 30px);
}
.blog-grid .item:hover {
  text-decoration: none;
}
.blog-grid .item .image {
  width: 100%;
  height: 230px;
  position: relative;
}
@media screen and (min-width: 48.0em) {
  .blog-grid .item .image {
    height: 330px;
  }
}
.blog-grid .item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 3;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.blog-grid .item .image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background: rgba(0, 65, 94, 0.75);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.blog-grid .item .date {
  position: relative;
  overflow: hidden;
  padding: 8px 50px;
  color: #00415e;
  background: #c6eb01;
  font-size: 20px;
  line-height: 26px;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}
@media screen and (min-width: 75.0em) {
  .blog-grid .item .date {
    padding: 8px 30px;
  }
}
@media screen and (min-width: 100.0em) {
  .blog-grid .item .date {
    padding: 8px 50px;
  }
}
.blog-grid .item .text {
  padding: 30px 20px;
  font-size: 16px;
}
@media screen and (min-width: 75.0em) {
  .blog-grid .item .text {
    padding: 40px 30px;
  }
}
@media screen and (min-width: 100.0em) {
  .blog-grid .item .text {
    padding: 50px;
  }
}
.blog-grid .item .text .title {
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 30px;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}

.blog-content {
  padding: 5rem 0;
}

.blog-wysiwyg {
  max-width: 800px;
  margin: 0 auto;
}

.blog-related-articles {
  margin-top: 4rem;
}
.blog-related-articles h3 {
  margin-bottom: 2rem;
}

.page-wysiwyg {
  padding: 5rem 0;
}

.page-wysiwyg img, .blog-wysiwyg img {
  margin: 0 auto;
  max-width: 100%;
  margin-bottom: 1rem;
  display: block;
}
.page-wysiwyg p, .blog-wysiwyg p {
  margin-bottom: 1rem;
}
.page-wysiwyg a, .blog-wysiwyg a {
  color: #c6eb01 !important;
}
.page-wysiwyg .iframe-wrap, .blog-wysiwyg .iframe-wrap {
  position: relative;
  padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
  height: 0;
  overflow: hidden;
  margin-bottom: 1rem;
}
.page-wysiwyg .iframe-wrap iframe, .blog-wysiwyg .iframe-wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-wysiwyg table tr th, .page-wysiwyg table tr td, .blog-wysiwyg table tr th, .blog-wysiwyg table tr td {
  border: 1px solid black;
  padding: 10px;
}
.page-wysiwyg table tr th p, .page-wysiwyg table tr td p, .blog-wysiwyg table tr th p, .blog-wysiwyg table tr td p {
  margin-bottom: 0;
}

[data-f-id=pbf] {
  display: none;
}

#search-wrapper {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.75);
  z-index: 101;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}
#search-wrapper .search-wrapper-input {
  width: 100%;
  padding: 1rem;
  margin-bottom: 1rem;
  border: 0;
}
#search-wrapper #search-wrapper-close {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 40px;
  cursor: pointer;
}

.search-wrapper-open {
  cursor: pointer;
}

#mobile-menu {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  height: calc(100vh - 100px);
  overflow-y: scroll;
  background: rgba(0, 0, 0, 0.75);
  display: none;
  z-index: 100;
}
@media screen and (min-width: 48.0em) {
  #mobile-menu {
    height: calc(100vh - 117px);
  }
}
@media screen and (min-width: 75.0em) {
  #mobile-menu {
    display: none !important;
  }
}
#mobile-menu .mobile-menu-top {
  text-align: center;
  background: #e5ecef;
  padding: 0;
  margin: 0;
  list-style: none;
}
#mobile-menu .mobile-menu-top li div a {
  color: #00415e;
}
#mobile-menu .mobile-menu-top li div svg {
  fill: #00415e;
}
#mobile-menu .mobile-menu-top li a {
  font-size: 16px;
  padding: 10px 0;
  display: block;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}
#mobile-menu .mobile-menu-top li .dropdown {
  background: white;
  padding: 0;
  margin: 0;
  list-style: none;
  display: none;
}
#mobile-menu .mobile-menu-top li .dropdown li a {
  text-transform: none;
  color: #00415e;
  padding: 10px 0;
  display: block;
  font-weight: normal;
}
#mobile-menu .mobile-menu-bottom {
  border-top: 2px solid #00415e;
  padding: 10px 0;
  margin: 0;
  list-style: none;
  background: #ffffff;
  text-align: center;
}
#mobile-menu .mobile-menu-bottom li {
  padding: 10px 0;
}
#mobile-menu .mobile-menu-bottom li a {
  font-size: 16px;
  color: #00415e;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}
#mobile-menu .mobile-menu-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #00415e;
}
#mobile-menu .mobile-menu-footer .mobile-menu-search {
  flex: 1;
}
#mobile-menu .mobile-menu-footer .mobile-menu-lang {
  flex: 1;
  color: white;
  padding: 0 10px;
}
#mobile-menu .mobile-menu-footer .mobile-menu-lang a {
  color: white;
}
#mobile-menu .mobile-menu-footer .mobile-menu-phone {
  background: #c6eb01;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  padding: 5px;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
#mobile-menu .mobile-menu-footer .mobile-menu-phone a {
  display: block;
}
#mobile-menu .mobile-menu-footer .mobile-menu-phone a svg {
  display: block;
  fill: #00415e;
  width: 24px;
  height: 24px;
}

.contact-us-header {
  padding: 11rem 0;
}
@media screen and (max-width: 1199px) {
  .contact-us-header {
    padding: 9rem 0 5rem 0;
  }
}
.contact-us-header.pl {
  padding: 0 0 0;
}
.contact-us-header h1 {
  font-size: 67px;
  color: #00415e;
  font-weight: 800 !important;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}
.contact-us-header .contact-header-text {
  font-size: 16px;
  color: #00415e;
  margin-bottom: 0.5rem;
}
.contact-us-header .contact-header-link {
  font-size: 26px;
  font-weight: bold;
  color: #00415e;
}

.contact-h1 {
  font-size: 60px;
  color: #00415e;
  position: relative;
  padding-bottom: 60px;
  margin-bottom: 0;
  margin-top: 20px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
.contact-h1:after {
  content: "";
  display: block;
  width: 70px;
  height: 4px;
  background: #c6eb01;
  position: absolute;
  bottom: 40px;
  left: 0;
}
.contact-h1.pl {
  font-size: 40px;
}
@media screen and (min-width: 36.0em) {
  .contact-h1.pl {
    font-size: 60px;
  }
}

.contact-content .mobile {
  display: block;
}
@media screen and (min-width: 768px) {
  .contact-content .mobile {
    display: none;
  }
}
.contact-content .desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .contact-content .desktop {
    display: block;
  }
}
.contact-content p {
  font-size: 20px;
}
.contact-content .contact-button {
  display: flex;
  padding: 30px;
  color: #ffffff;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  flex-direction: column;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  border-radius: 25px;
}
@media screen and (max-width: 575px) {
  .contact-content .contact-button {
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  .contact-content .contact-button {
    margin-bottom: 40px;
  }
}
.contact-content .contact-button:hover {
  text-decoration: none;
}
.contact-content .contact-button.phone {
  background-color: #00415e;
}
.contact-content .contact-button.phone:before {
  content: "";
  display: block;
  width: 113px;
  height: 95px;
  background: url("/images/brand_2025/ico_contact_1.png") center center no-repeat;
  background-size: 100% 100%;
  margin-bottom: 30px;
}
.contact-content .contact-button.phone:hover {
  background-color: #43607d;
  color: #c6eb01;
}
.contact-content .contact-button.phone:hover:before {
  background: url("/images/brand_2025/ico_contact_1_hr.png") center center no-repeat;
  background-size: 100% 100%;
}
.contact-content .contact-button.mail {
  background-color: #00415e;
}
.contact-content .contact-button.mail:before {
  content: "";
  display: block;
  width: 113px;
  height: 95px;
  background: url("/images/brand_2025/ico_contact_2.png") center center no-repeat;
  background-size: 100% 100%;
  margin-bottom: 30px;
}
.contact-content .contact-button.mail:hover {
  color: #c6eb01;
  background: #43607d;
}
.contact-content .contact-button.mail:hover:before {
  background: #43607d url("/images/brand_2025/ico_contact_2_hr.png") center center no-repeat;
  background-size: 100% 100%;
}
.contact-content .contact-button.app {
  background-color: #e5ecef;
  color: #000000;
  font-size: 24px;
  font-weight: 400;
}
.contact-content .contact-button.app span {
  font-weight: bold;
  color: #00415e;
  display: block;
}
.contact-content .contact-button.app:before {
  content: "";
  display: block;
  width: 113px;
  height: 95px;
  background: url("/images/brand_2025/ico_contact_3.png") center center no-repeat;
  background-size: 100% 100%;
  margin-bottom: 30px;
}
.contact-content .contact-button.app:hover {
  background-color: #7f9db5;
}
.contact-content .contact-button.app:hover:before {
  background: url("/images/brand_2025/ico_contact_3g.png") center center no-repeat;
}
.contact-content .contact-button.app:hover span {
  color: #c6eb01;
}

.contact-sales .about-us-person .image-holder img {
  height: auto;
  height: inherit;
}
@media screen and (min-width: 768px) {
  .contact-sales .about-us-person .image-holder img {
    height: 300px;
  }
}
@media screen and (min-width: 992px) {
  .contact-sales .about-us-person .image-holder img {
    height: 350px;
  }
}
@media screen and (min-width: 1200px) {
  .contact-sales .about-us-person .image-holder img {
    height: 300px;
  }
}
.contact-sales .about-us-person h3 {
  color: #00415e;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}
.contact-sales .about-us-person p a span {
  display: none;
}
@media screen and (min-width: 1200px) {
  .contact-sales .about-us-person p a span {
    display: block;
  }
}
@media screen and (min-width: 1300px) {
  .contact-sales .about-us-person p a span {
    display: none;
  }
}

.about-us-header {
  padding: 0 0 0 0;
}

.about-us-h1 {
  font-size: 83px;
  color: black;
  position: relative;
  padding-bottom: 60px;
  margin-bottom: 0;
  margin-top: 20px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
.about-us-h1:after {
  content: "";
  display: block;
  width: 70px;
  height: 4px;
  background: #8dc641;
  position: absolute;
  bottom: 40px;
  left: 0;
}

section.about-us-header-text {
  padding-bottom: 7rem;
}
section.image {
  padding-top: 0;
  padding-bottom: 0;
}
section .full-size-img {
  overflow: hidden;
  height: 350px;
}
@media screen and (min-width: 768px) {
  section .full-size-img {
    height: 500px;
  }
}
@media screen and (min-width: 1200px) {
  section .full-size-img {
    height: 750px;
  }
}
section .full-size-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 62% 77%;
     object-position: 62% 77%;
}
@media screen and (min-width: 576px) {
  section .full-size-img img {
    -o-object-position: center 77%;
       object-position: center 77%;
  }
}
section#international-roaming {
  padding-bottom: 6rem;
}
section#international-roaming .croatia .section-image img {
  height: calc(100% - 30px);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
section#international-roaming .section-text p {
  font-size: 18px;
}
section#international-roaming .roaming-stations {
  border-top: 1px solid #00415e;
  padding-top: 6rem;
  margin-top: 3rem;
}

.about-us-header-text .about-header-text {
  font-size: 18px;
  color: black;
  margin-bottom: 10px;
}
.about-us-header-text .about-tri-box {
  margin-top: 30px;
  margin-bottom: 30px;
}
.about-us-header-text .about-tri-box.about-tri-box-hr .inner {
  padding: 40px 20px 20px 20px;
}
.about-us-header-text .about-tri-box.about-tri-box-hr .inner h3 {
  padding-left: 0;
}
.about-us-header-text .about-tri-box.about-tri-box-hr .inner ul {
  list-style: none !important;
  padding-inline-start: 0;
}
.about-us-header-text .about-tri-box .inner {
  padding: 40px 20px 20px 0;
  margin: 0 10px;
  background: #e5ecef;
  overflow: hidden;
  position: relative;
  height: 100%;
}
.about-us-header-text .about-tri-box .inner:before {
  content: "";
  display: block;
  background: #00415e;
  width: 100%;
  top: 0;
  left: 0;
  height: 50px;
  position: absolute;
}
.about-us-header-text .about-tri-box .inner.other:before {
  background: #00415e;
}
.about-us-header-text .about-tri-box .inner h3 {
  position: absolute;
  top: 10px;
  height: 30px;
  color: #c6eb01;
  display: flex;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  padding-left: 20px;
  font-size: 26px;
}
.about-us-header-text .about-tri-box .inner h3 img {
  margin-right: 8px;
  height: 38px;
  width: 38px;
}
.about-us-header-text .about-tri-box .inner ul {
  margin-top: 40px;
}
.about-us-header-text .about-tri-box .inner ul li {
  margin-bottom: 18px;
  font-size: 18px;
}

.about-us-content {
  padding: 2rem 0 0 0;
  font-size: 18px;
}

.about-us-quotes .quote {
  font-size: 20px;
  font-weight: normal;
  padding-left: 200px;
  position: relative;
  margin-bottom: 30px;
  padding-top: 0;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .about-us-quotes .quote {
    padding-left: 0;
    padding-top: 160px;
    text-align: center;
  }
}
@media screen and (max-width: 540px) {
  .about-us-quotes .quote {
    padding-top: 130px;
  }
}
.about-us-quotes .quote:before {
  width: 130px;
  height: 130px;
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 65px);
}
@media screen and (max-width: 768px) {
  .about-us-quotes .quote:before {
    left: calc(50% - 65px);
    top: 0;
    width: 130px;
    height: 130px;
  }
}
@media screen and (max-width: 540px) {
  .about-us-quotes .quote:before {
    left: calc(50% - 50px);
    top: 0;
    width: 100px;
    height: 100px;
  }
}
.about-us-quotes .quote.dark:before {
  background: url("/images/ico_quote_dark.png") no-repeat;
  background-size: 100% 100%;
}
.about-us-quotes .quote.light:before {
  background: url("/images/ico_quote_light.png") no-repeat;
  background-size: 100% 100%;
}
.about-us-quotes .quote span {
  font-style: italic;
  display: block;
  margin-top: 30px;
}

.contact-us-bg {
  background: url("/images/contact_bg.jpg") bottom center no-repeat;
  background-size: cover;
}

.thankyou-bg {
  /*background: url("/images/contact_bg.jpg") bottom center no-repeat;
  background-size: cover;*/
}

.thankyou-header {
  padding: 13rem 0 8rem;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .thankyou-header {
    padding: 6rem 0 3rem 0;
  }
}
.thankyou-header h1 {
  font-size: 67px;
  color: black;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
.thankyou-header .contact-header-text {
  font-size: 16px;
  color: black;
  margin-bottom: 0.5rem;
}
.thankyou-header .contact-header-link {
  font-size: 26px;
  font-weight: bold;
}
.thankyou-header .social ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.thankyou-header .social ul li {
  list-style: none;
  padding: 14px;
}
.thankyou-header .social ul li a {
  font-size: 27px;
}

#contact-map {
  width: 100%;
  height: 400px;
}
#contact-map a {
  display: block;
}
#contact-map a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.contact-info {
  padding: 5rem 0;
  background: #00415e;
  color: white;
}
.contact-info h2 {
  font-size: 26px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
.contact-info p {
  font-size: 16px;
}

@media screen and (min-width: 1200px) {
  .container {
    max-width: 1280px;
  }
}
.signposts {
  padding: 130px 0;
}

.signpost {
  text-align: center;
  display: block;
  transition: all 0.6s;
  cursor: pointer;
  margin-bottom: 2rem;
}
.signpost:hover {
  text-decoration: none;
  transform: scale(1.05);
}
.signpost h3 {
  text-align: center;
  color: #00415e;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 40px;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}

.signposts.pl .signpost h3 {
  min-height: 80px;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.singpost-headline {
  font-size: 3rem;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}

.pricing-headline {
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 2rem;
  margin-top: 4rem;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}

.form-control {
  border-radius: 0;
  border: 0;
}

.success-message-wrap {
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
}

.success-message {
  background: #009f3b;
  color: white;
  padding: 3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 600px;
  max-width: 95%;
  font-size: 24px;
  text-align: center;
  z-index: 999999;
  transform: translate(-50%, -50%);
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}

#form-message-close {
  position: absolute;
  top: 18px;
  right: 18px;
  font-size: 24px;
}

.gw-care-price {
  font-weight: 700;
  font-size: 30px;
}

img {
  max-width: 100%;
}

.slick-slide {
  height: auto !important;
}

.text-underline {
  text-decoration: underline;
}

.templateWidth {
  padding: 0 !important;
}

#sales-form-iframe {
  height: 710px;
  width: 99%;
  border: none;
}
@media screen and (max-width: 1199px) {
  #sales-form-iframe {
    height: 710px !important;
  }
}
@media screen and (max-width: 530px) {
  #sales-form-iframe {
    height: 800px !important;
  }
}

#sales-form-iframe-pl {
  height: 835px;
  width: 99%;
  border: none;
}
@media screen and (max-width: 1199px) {
  #sales-form-iframe-pl {
    height: 835px !important;
  }
}
@media screen and (max-width: 530px) {
  #sales-form-iframe-pl {
    height: 835px !important;
  }
}

.number-in-circle {
  width: 100%;
  height: 140px;
  line-height: 140px;
  background-image: url("/images/circle.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  text-align: center;
  margin-bottom: 2rem;
}
.number-in-circle span {
  color: white;
  font-size: 4rem;
  font-weight: bold;
}
@media screen and (max-width: 991px) {
  .number-in-circle {
    height: 100px;
    line-height: 100px;
  }
  .number-in-circle span {
    font-size: 2.5rem;
  }
}

.pricing-table {
  margin-top: 2rem;
}

.pricing-table--heading {
  color: white;
  background: #009f3b;
  font-size: 24px;
  text-align: center;
  padding: 15px;
  font-weight: bold;
  transition: all 0.6s;
}
.pricing-table--heading span {
  font-size: 32px;
}

.pricing-table--heading-hover {
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing-table--heading-hover span {
  font-size: 45px;
}
.pricing-table--heading-hover small {
  margin: 0 0.5rem;
}

.pricing-table--heading-uppercase {
  text-transform: uppercase;
}

.pricing-table--perex {
  padding: 15px;
  background: #dee7f5;
  color: #2d6aa7;
  text-align: center;
  min-height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.6s;
}

.pricing-table--button {
  background: #2d6aa7;
  border: 0;
  border-radius: 5px;
  padding: 5px 15px;
  color: white;
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
}
.pricing-table--button:hover {
  color: white;
  text-decoration: none;
}

.pricing-table--middle {
  text-align: center;
  color: #009f3b;
  padding: 15px;
  transition: all 0.6s;
}

.pricing-table--middle-price {
  font-size: 40px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 0;
}

.pricing-table--middle-small-price {
  font-size: 28px;
}

.pricing-table--middle-currency {
  font-size: 28px;
  font-weight: bold;
}

.pricing-table--green-text {
  padding: 10px;
  color: white;
  background: #009f3b;
}

.pricing-table--green-banner {
  text-align: center;
  font-size: 18px;
  padding: 15px;
  background: #dbecdd;
  color: #009f3b;
  font-weight: bold;
  min-height: 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.6s;
}

.pricing-table--blue-banner {
  text-align: center;
  font-size: 18px;
  padding: 15px;
  background: #2d6aa7;
  color: white;
  font-weight: bold;
  transition: all 0.6s;
}

@media screen and (min-width: 1200px) {
  .pricing-table--border {
    border-right: 1px solid #009f3b;
    border-left: 1px solid #009f3b;
  }
}

.pricing-table--image {
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.pricing-table--image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.6s;
}

.pricing-table--column {
  box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 4rem;
  display: block;
}
.pricing-table--column:hover {
  text-decoration: none;
}
.pricing-table--column:hover .pricing-table--image img {
  transform: scale(1.05);
}
.pricing-table--column:hover .pricing-table--heading {
  background: #007c34;
}
.pricing-table--column:hover .pricing-table--perex {
  background: #c7d7ed;
}
.pricing-table--column:hover .pricing-table--blue-banner {
  background: #007c34;
}
.pricing-table--column:hover .pricing-table--green-banner, .pricing-table--column:hover .pricing-table--heading-hover {
  color: white;
  background: #2d6aa7;
}
.pricing-table--column:hover .pricing-table--middle {
  color: #007c34;
  background: #d3e8d4;
}

.pl-pricelist-header {
  padding: 15px;
  color: #00415e;
  text-align: center;
}

.pl-pricelist-body {
  padding: 10px;
  text-align: center;
  color: black;
}

.pl-pricelist-body-light {
  background: #e6e7e8;
}

.pl-pricelist-body-medium {
  background: #dedfe1;
}

.pl-pricelist-body-dark {
  background: #d6d8d9;
  margin-bottom: 2rem;
}

.pl-pricelist-body-type {
  margin-bottom: 0px;
}

.pl-pricelist-body-price {
  font-size: 24px;
  margin-bottom: 0;
  font-weight: 300;
}

.pl-pricelist-header-dark {
  background: #c6eb01;
}

.pl-pricelist-header-medium {
  background: #ddf367;
}

.pl-pricelist-header-light {
  background: #eef9b3;
}

.pl-pricelist-header-name {
  font-size: 24px;
  margin-bottom: 10px;
}

.pl-pricelist-pricing {
  font-size: 18px;
  font-weight: bold;
  color: black;
  margin-bottom: 10px;
}

.pl-pricelist-timing {
  color: black;
}

.pricelist-extra p {
  margin-bottom: 0;
  padding-top: 5px;
}

.pl-pricelist-hr {
  border-color: black;
  margin: 20px 0;
}

.pl-pricelist-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}

.pl-pricelist-icon-text {
  font-size: 24px;
  font-weight: 300;
  margin-left: 10px;
}

.tab-switcher {
  padding: 20px 10px;
  background: white;
  cursor: pointer;
  text-align: center;
  height: 100%;
}
.tab-switcher.active {
  background: #009f3b;
  color: white;
}

.roaming-selector, .roaming-selector-item {
  padding: 1rem;
  background: #8dc641;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  text-align: center;
  display: flex;
  align-content: center;
  justify-content: center;
  margin-top: 1rem;
  cursor: pointer;
}
.roaming-selector svg, .roaming-selector-item svg {
  margin-left: 0.5rem;
}

.roaming-selector-item {
  background: lightgrey;
  color: black;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  margin-top: 0;
}

.roaming-button {
  padding: 1rem;
  background: #009f3b;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  text-align: center;
  display: flex;
  align-content: center;
  justify-content: center;
  margin-bottom: 1rem;
  cursor: pointer;
}

.roaming-pricing-table-green-td {
  padding: 0.5rem;
  color: white;
  background: #8dc641;
  height: 100%;
  text-align: center;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.roaming-pricing-table-header {
  text-align: center;
  padding: 0.25rem;
  border: 1px solid #8dc641;
  height: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.roaming-pricing-table-price {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  padding: 0.25rem;
  border: 1px solid #8dc641;
  height: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.roaming-pricing-table {
  margin: 2rem 0;
}

.bg-light-green {
  background: #c6eb01;
  width: calc(100% + 1rem);
  color: #00415e;
}

.show-more-toggler {
  display: inline;
  cursor: pointer;
  text-decoration: underline;
  color: #8dc641 !important;
}

.show-more-content {
  display: none;
}

/* OFFERS */
.ponuky-header {
  padding: 11rem 0 0 0;
}
.ponuky-header.ponuky-enyaq {
  /*background: url('/images/ponuky-enyaq.jpg') top center no-repeat;
  background-size: cover;
  min-height: 500px;*/
  padding: 0;
}
.ponuky-header.ponuky-locality {
  background: url("/images/ponuky-lokality.jpg") top center no-repeat;
  background-size: cover;
  min-height: 500px;
}
.ponuky-header h1 {
  font-size: 60px;
  color: white;
  margin-top: 250px;
  text-shadow: 1px 1px 30px rgba(0, 0, 0, 0.5);
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
.ponuky-header h3 {
  font-size: 50px;
  color: white;
  margin-bottom: 70px;
  text-shadow: 1px 1px 30px rgba(0, 0, 0, 0.5);
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-optical-sizing: auto;
  font-style: normal;
}

/* OFFERS ENYAQ */
#ponuky-enyaq-top {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
#ponuky-enyaq-top h3 {
  width: 100%;
  max-width: 100%;
}

#ponuka-enyaq-rozcestnik {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

#ponuky-enyaq-firma {
  padding-top: 7rem;
  padding-bottom: 7rem;
}
#ponuky-enyaq-firma .signpost {
  box-shadow: none;
}
#ponuky-enyaq-firma .signpost:hover {
  transform: none;
}
#ponuky-enyaq-firma .table {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: flex-start;
}
#ponuky-enyaq-firma .table .table-cell-holder.holder-4 {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #ponuky-enyaq-firma .table .table-cell-holder.holder-4 {
    width: 33.3%;
  }
}
#ponuky-enyaq-firma .table .table-cell-holder.holder-2 {
  width: 50%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #ponuky-enyaq-firma .table .table-cell-holder.holder-2 {
    width: 16.675%;
  }
}
#ponuky-enyaq-firma .table .table-cell-holder .table-cell {
  padding: 22px 12px;
}
#ponuky-enyaq-firma .table .table-cell-holder .table-cell.top {
  background: #009f3b;
  color: #ffffff;
  border-left: 1px solid #009f3b;
  border-right: 1px solid #009f3b;
}
#ponuky-enyaq-firma .table .table-cell-holder .table-cell.bottom {
  background: #8dc641;
  color: #212529;
  border-left: 1px solid #009f3b;
  border-right: 1px solid #009f3b;
}
#ponuky-enyaq-firma .text-extra {
  max-height: 400px;
  overflow-y: hidden;
  transition: max-height 1.1s;
}
#ponuky-enyaq-firma .text-extra.text-hidden {
  max-height: 0;
  transition: max-height 1.1s;
}

#ponuky-enyaq-domacnost {
  padding-top: 7rem;
  padding-bottom: 7rem;
}
#ponuky-enyaq-domacnost .signpost {
  box-shadow: none;
}
#ponuky-enyaq-domacnost .signpost:hover {
  transform: none;
}
#ponuky-enyaq-domacnost a {
  text-decoration: underline;
}
#ponuky-enyaq-domacnost a:hover {
  text-decoration: none;
}
#ponuky-enyaq-domacnost .button-holder-skoda {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
}
@media (min-width: 768px) {
  #ponuky-enyaq-domacnost .button-holder-skoda {
    flex-direction: row;
  }
}
#ponuky-enyaq-domacnost .button-holder-skoda a {
  text-decoration: none;
}

.btn.btn-green.btn-green-border {
  background: #ffffff;
  color: #212529;
  border: 2px solid #009f3b;
}

/* OFFERS - LOKALITY */
#ponuky-locality-top {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
#ponuky-locality-top h3 {
  width: 100%;
  max-width: 100%;
}

#ponuka-locality-rozcestnik {
  padding-top: 3rem;
  padding-bottom: 5rem;
}
#ponuka-locality-rozcestnik h2 {
  font-size: 3.5rem;
}

#ponuky-locality-prenajom {
  padding-top: 5rem;
  padding-bottom: 3rem;
}
#ponuky-locality-prenajom .signpost {
  box-shadow: none;
  margin-top: 0;
}
#ponuky-locality-prenajom .signpost:hover {
  transform: none;
}
#ponuky-locality-prenajom a {
  text-decoration: underline;
}
#ponuky-locality-prenajom a:hover {
  text-decoration: none;
}
#ponuky-locality-prenajom .button-row {
  text-align: center;
}
#ponuky-locality-prenajom .button-row .btn {
  background: #009f3c;
  color: #fff;
  text-decoration: none;
  transition: none;
}
#ponuky-locality-prenajom .button-row .btn:hover {
  transition: all 0.3s;
}

#ponuky-locality-predaj {
  padding-top: 5rem;
  padding-bottom: 3rem;
}
#ponuky-locality-predaj .signpost {
  box-shadow: none;
  margin-top: 0;
}
#ponuky-locality-predaj .signpost:hover {
  transform: none;
}
#ponuky-locality-predaj a {
  text-decoration: underline;
}
#ponuky-locality-predaj a:hover {
  text-decoration: none;
}
#ponuky-locality-predaj .button-row {
  text-align: center;
}
#ponuky-locality-predaj .button-row .btn {
  background: #009f3c;
  color: #fff;
  text-decoration: none;
  transition: none;
}
#ponuky-locality-predaj .button-row .btn:hover {
  transition: all 0.3s;
}

#ponuky-locality-predaj ul, #ponuky-locality-prenajom ul {
  padding-left: 20px;
}
#ponuky-locality-predaj ul li ul, #ponuky-locality-prenajom ul li ul {
  list-style: disc;
}

#locality-contact {
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
}
#locality-contact .about-us-person img {
  margin-bottom: 15px;
  border-radius: 50%;
}
#locality-contact .about-us-person h3 {
  margin-bottom: 5px;
}

section.privacy-policy {
  padding: 6rem 0 6rem;
}
section.privacy-policy.first {
  padding: 11rem 0 2rem;
}
section.privacy-policy p strong.green {
  display: block;
  color: #8dc641;
  text-transform: uppercase;
}
section.privacy-policy p a {
  text-decoration: underline;
}
section.privacy-policy p a#open_banner {
  text-decoration: underline;
}
section.privacy-policy p.under-text {
  margin-top: 30px;
  padding-top: 10px;
  position: relative;
  font-size: 12px;
}
section.privacy-policy p.under-text:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 1;
  background: black;
}
section.privacy-policy p.under-text span {
  display: flex;
}
section.privacy-policy p.under-text span strong {
  width: 20px;
  flex-shrink: 0;
  font-weight: 300;
}
section.privacy-policy h4.green {
  color: #8dc641 !important;
  text-transform: uppercase;
}
section.privacy-policy ul {
  padding-left: 35px;
}
section.privacy-policy ul.ul-text {
  margin-top: 0.7rem;
}
section.privacy-policy ul.ul-text li {
  list-style-type: lower-alpha;
}
section.privacy-policy ul.no-mgt {
  margin-top: 0 !important;
}
section.privacy-policy ul li {
  list-style: upper-alpha;
  margin-bottom: 0.7rem;
  padding-left: 15px;
}
section.privacy-policy ul li ul {
  margin-top: 5px;
}
section.privacy-policy ul li ul li {
  list-style: lower-alpha;
}

.blog_to_other_category {
  margin-bottom: 30px;
  height: calc(100% - 30px);
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  border-radius: 20px;
}
.blog_to_other_category:hover {
  text-decoration: none;
}
.blog_to_other_category:hover p {
  padding-left: 76px;
  transition: all 0.4s;
}
.blog_to_other_category.to_blog {
  background: url("/images/brand_2025/to_blog.png") center center no-repeat;
  background-size: cover;
}
.blog_to_other_category.to_media {
  background: url("/images/brand_2025/to_media.png") center center no-repeat;
  background-size: cover;
}
.blog_to_other_category p {
  color: #ffffff;
  font-size: 3.125rem;
  font-weight: bold;
  background: url("/images/white_arrow.png") left center no-repeat;
  background-size: 60px 60px;
  padding-left: 70px;
  transition: all 0.4s;
}
@media screen and (max-width: 992px) {
  .blog_to_other_category p {
    margin-top: 1rem;
  }
}

.blog-media-top {
  background: #00415e;
  padding: 45px;
}
@media screen and (max-width: 768px) {
  .blog-media-top {
    padding: 25px;
  }
}
.blog-media-top h3 {
  font-size: 3.125rem;
  font-weight: bold;
  padding-bottom: 40px;
  margin-bottom: 40px;
  position: relative;
  color: #c6eb01;
}
.blog-media-top h3:after {
  background: #8dc641;
  content: "";
  height: 4px;
  width: 70px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.blog-media-top p {
  color: #ffffff;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .blog-media-top p {
    font-size: 1.625rem;
  }
}
.blog-media-top p a {
  color: #ffffff;
  font-weight: bold;
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .blog-media-top p a {
    font-size: 1.25rem;
  }
}
.blog-media-top p.name {
  font-weight: bold;
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .blog-media-top p.name {
    font-size: 1.25rem;
  }
}
.blog-media-top p.mail a {
  background: url("/images/ico_mail.png") left center no-repeat;
  background-size: 32px 24px;
  padding-left: 38px;
  transition: all 0.2s;
}
.blog-media-top p.mail a:hover {
  text-decoration: none;
  padding-left: 44px;
  transition: all 0.2s;
}
.blog-media-top p.position {
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .blog-media-top p.position {
    font-size: 1.25rem;
  }
}
.blog-media-top p.phone a {
  background: url("/images/ico_phone.png") left center no-repeat;
  background-size: 28px 28px;
  padding-left: 38px;
  transition: all 0.2s;
}
.blog-media-top p.phone a:hover {
  text-decoration: none;
  padding-left: 44px;
  transition: all 0.2s;
}
.blog-media-top .blog-person-photo {
  display: flex;
  position: relative;
  height: 100%;
}
.blog-media-top .blog-person-photo img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.blog-media-top .blog-person-photo:before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 91px;
  height: 91px;
  background: url("/images/brand_2025/blue_triangle.png") top left no-repeat;
  background-size: 91px 91px;
}

.blog-media-top-delim hr {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.kariera-banner {
  position: relative;
  min-height: 300px;
}
@media screen and (min-width: 576px) {
  .kariera-banner {
    min-height: auto;
  }
}
.kariera-banner img {
  margin-top: 80px;
  display: inline-block;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  height: 300px;
}
@media (min-width: 576px) {
  .kariera-banner img {
    -o-object-fit: contain;
       object-fit: contain;
    height: initial;
  }
}
@media (min-width: 1200px) {
  .kariera-banner img {
    margin-top: 0;
  }
}
.kariera-banner h2 {
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  color: white;
  text-transform: uppercase;
  font-size: 40px;
  text-shadow: 9px 15px 10px black;
}
@media (min-width: 576px) {
  .kariera-banner h2 {
    font-size: 60px;
  }
}
@media (min-width: 992px) {
  .kariera-banner h2 {
    font-size: 80px;
  }
}
@media (min-width: 1600px) {
  .kariera-banner h2 {
    font-size: 100px;
  }
}

.kariera-icons {
  padding: 6rem 0;
  background: #e5ecef;
}
.kariera-icons h2 {
  text-align: center;
  margin-bottom: 50px !important;
}
.kariera-icons .ico {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
}
.kariera-icons .ico svg {
  width: 100px;
  height: 100px;
  margin-bottom: 18px;
  fill: #c6eb01;
}
.kariera-icons .ico p {
  text-align: center;
  font-size: 18px;
}
.kariera-icons .ico p span {
  display: block;
  font-size: 50px !important;
  font-weight: bold;
  color: #00415e;
}

.kariera-positions {
  padding: 6rem 0;
  border-top: 1px solid #00415e;
  border-bottom: 1px solid #00415e;
}
.kariera-positions .section-text {
  text-align: center;
}
.kariera-positions .section-text h3 {
  text-align: center;
  margin-bottom: 36px !important;
  max-width: 100% !important;
  display: inline-block;
  margin: 0px auto;
  color: #00415e;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
.kariera-positions .section-text h3:after {
  height: 1px;
  content: "";
  background: #c6eb01;
  width: 100%;
  display: inline-block;
  margin-top: 8px;
}
.kariera-positions .section-text p {
  color: #00415e;
}
.kariera-positions .section-text p a {
  font-weight: bold;
  color: #c6eb01;
}

.hr-team {
  padding: 10rem 0 6rem !important;
  background: #e5ecef;
}
.hr-team .section-text {
  text-align: center;
}
.hr-team .section-text h3 {
  text-align: center;
  margin-bottom: 36px !important;
  max-width: 100% !important;
  display: inline-block;
  margin: 0px auto 4rem !important;
  color: #00415e;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
.hr-team .section-text h3:after {
  height: 1px;
  content: "";
  background: #c6eb01;
  width: 100%;
  display: inline-block;
  margin-top: 8px;
}
.hr-team .hr-person {
  text-align: center;
  margin-bottom: 4rem;
}
.hr-team .hr-person h3 {
  color: #00415e;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
.hr-team .hr-person .image-holder {
  overflow: hidden;
  margin-bottom: 2rem;
}
.hr-team .hr-person .image-holder img {
  border-radius: 50%;
  width: 250px;
  height: 250px;
}
.hr-team .hr-person p a {
  display: block;
}
.hr-team .hr-person p a.linkedin {
  font-size: 36px;
  margin-top: 7px;
  color: #00415e;
}
.hr-team .hr-person p a.linkedin:hover {
  color: #7f9db5;
}

.kariera-steps {
  padding: 10rem 0 !important;
}
.kariera-steps .section-text {
  text-align: center;
}
.kariera-steps .section-text h3 {
  text-align: center;
  margin-bottom: 36px !important;
  max-width: 100% !important;
  display: inline-block;
  margin: 0px auto 4rem !important;
  color: #00415e;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
.kariera-steps .section-text h3:after {
  height: 1px;
  content: "";
  background: #c6eb01;
  width: 100%;
  display: inline-block;
  margin-top: 8px;
}
.kariera-steps .step {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  justify-content: space-between;
  margin-bottom: 40px;
  align-items: center;
}
@media (min-width: 992px) {
  .kariera-steps .step {
    margin-bottom: 0;
    align-items: flex-end;
  }
}
.kariera-steps .step svg {
  display: none;
  width: 60px;
  height: 60px;
  margin-top: 25px;
  margin-bottom: 25px;
  order: 1;
  fill: #00415e;
}
@media (min-width: 576px) {
  .kariera-steps .step svg {
    display: block;
  }
}
.kariera-steps .step p {
  order: 2;
  width: 100%;
  margin-bottom: 0;
  position: relative;
  min-height: 60px;
  margin-top: 80px;
}
@media (min-width: 576px) {
  .kariera-steps .step p {
    margin-top: 0;
  }
}
.kariera-steps .step p:after {
  content: "0";
  position: absolute;
  font-size: 34px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background: #00415e;
  color: #c6eb01;
  left: 0;
  top: -80px;
}
@media (min-width: 576px) {
  .kariera-steps .step p:after {
    top: 0;
  }
}
@media (min-width: 992px) {
  .kariera-steps .step p:after {
    left: inherit;
    right: 0;
  }
}
@media (min-width: 992px) {
  .kariera-steps .step.left svg {
    margin-left: 30px;
  }
}
.kariera-steps .step.left p {
  text-align: left;
  padding-left: 30px;
}
@media (min-width: 576px) {
  .kariera-steps .step.left p {
    padding-left: 80px;
  }
}
@media (min-width: 992px) {
  .kariera-steps .step.left p {
    text-align: right;
    padding-left: 0;
    padding-right: 80px;
  }
}
.kariera-steps .step.right {
  align-items: flex-center;
}
@media (min-width: 992px) {
  .kariera-steps .step.right {
    align-items: flex-start;
  }
}
.kariera-steps .step.right p {
  text-align: left;
  padding-left: 30px;
}
@media (min-width: 576px) {
  .kariera-steps .step.right p {
    padding-left: 80px;
  }
}
.kariera-steps .step.right p:after {
  right: auto;
  left: 0;
}
.kariera-steps .step.step-1 p:after {
  content: "1";
}
.kariera-steps .step.step-2 p:after {
  content: "2";
}
.kariera-steps .step.step-3 p:after {
  content: "3";
}
.kariera-steps .step.step-4 p:after {
  content: "4";
}
.kariera-steps .step.step-5 p:after {
  content: "5";
}
.kariera-steps .step.step-6 p:after {
  content: "6";
}
.kariera-steps .stepPL {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
}
.kariera-steps .stepPL img {
  width: 25%;
  margin-right: 5%;
  max-height: 240px;
  flex-shrink: 0;
}
.kariera-steps .stepPL > div strong {
  margin-bottom: 10px;
  display: block;
  color: #00415e;
  font-size: 20px;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}
.kariera-steps .stepPL > div p {
  margin-bottom: 0;
}

.kariera-video {
  padding: 3rem 0 0 0;
}
.kariera-video .text {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 992px) {
  .kariera-video .text {
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
  }
}
.kariera-video .text p {
  font-size: 22px;
  color: #012A53;
  text-align: center;
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  .kariera-video .text p {
    text-align: left;
    margin-bottom: 0;
    font-size: 28px;
  }
}
.kariera-video .video {
  max-height: 280px;
}
.kariera-video .video .video-holder {
  position: relative;
  padding-bottom: 56.25%;
  max-height: 280px;
}
.kariera-video .video .video-holder iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 280px;
}

.kariera-about {
  padding-bottom: 4rem !important;
  padding-top: 8rem !important;
  background: #e5ecef;
}
.kariera-about .section-text {
  text-align: center;
}
.kariera-about .section-text h3 {
  text-align: center;
  margin-bottom: 36px !important;
  max-width: 100% !important;
  display: inline-block;
  margin: 0px auto 4rem !important;
  color: #00415e;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
.kariera-about .section-text h3:after {
  height: 1px;
  content: "";
  background: #c6eb01;
  width: 100%;
  display: inline-block;
  margin-top: 8px;
}
.kariera-about .section-text h4 {
  text-align: center;
  margin-bottom: 36px !important;
  max-width: 100% !important;
  display: inline-block;
  margin: 0 auto 0 !important;
  color: #00415e;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
@media screen and (min-width: 992px) {
  .kariera-about .section-text h4 {
    margin: 0 auto 4rem !important;
  }
}
.kariera-about .text-holder {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-start;
}
.kariera-about .text-holder ul li {
  font-size: 20px;
  line-height: 36px;
  margin-bottom: 8px;
}
.kariera-about .hr {
  height: 1px;
  background: #c6eb01;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
}
.kariera-about .hr.pl {
  margin-top: 0;
  height: 2px;
}
.kariera-about.long-img {
  height: 400px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  margin-top: 4rem;
}
.kariera-about .about-values {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
@media screen and (min-width: 992px) {
  .kariera-about .about-values {
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 25px;
  }
}
.kariera-about .about-values img {
  width: 100px;
  display: inline-block;
  margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
  .kariera-about .about-values img {
    margin-right: 40px;
    margin-bottom: 0;
  }
}
.kariera-about .about-values p {
  font-size: 16px;
  line-height: 28px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .kariera-about .about-values p {
    text-align: left;
  }
}
.kariera-about .about-values p span {
  display: block;
  margin-bottom: 8px;
  font-size: 26px;
}

.kariera-grid {
  padding: 3rem 0;
}
.kariera-grid.hr-blog {
  padding-bottom: 0;
}
.kariera-grid .item {
  box-shadow: 0px 4px 10px #dedede;
  position: relative;
  display: block;
  margin-bottom: 4rem;
  background: #e5ecef;
}
.kariera-grid .item .image {
  width: 100%;
  height: 150px;
}
.kariera-grid .item .image.main {
  height: 250px;
}
.kariera-grid .item .image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.kariera-grid .item .date {
  position: relative;
  overflow: hidden;
  padding: 5px 2rem 5px calc(2rem + 26px);
  color: #c6eb01;
  font-weight: bold;
  margin-bottom: 22px;
  background: #00415e;
}
.kariera-grid .item .date:before {
  content: "";
  display: block;
  background: #c6eb01;
  width: 100%;
  left: 0;
  top: 0;
  height: 40px;
  position: absolute;
  z-index: -1;
}
.kariera-grid .item .text {
  padding: 0.5rem 2rem;
}
.kariera-grid .item .text .title {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #00415e;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}
@media screen and (min-width: 992px) {
  .kariera-grid .item .text .title {
    min-height: 120px;
  }
}
.kariera-grid .item .text .salary {
  font-weight: 600;
  font-size: 26px;
  margin-bottom: 20px;
  color: #00415e;
}
.kariera-grid .item:hover, .kariera-grid .item:focus {
  text-decoration: none;
}
.kariera-grid .item .buttons {
  padding: 0.5rem 2rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (min-width: 574px) {
  .kariera-grid .item .buttons {
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
  }
}
.kariera-grid .item .buttons .btn {
  width: 98%;
  display: inline-block;
  font-size: 20px;
  padding: 15px 30px;
  margin-bottom: 1rem;
  background: #c6eb01;
  border: 1px solid #00415e;
  border-radius: 20px;
  color: #00415e;
}
@media screen and (min-width: 574px) {
  .kariera-grid .item .buttons .btn {
    width: 47%;
    font-size: 16px;
    padding: 7px 30px;
    margin-bottom: 2rem;
  }
}
.kariera-contact {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.kariera-contact .contact-form .section-text {
  padding-right: 0 !important;
}
.kariera-contact .contact-form .section-text h2 {
  width: 100%;
  max-width: 100%;
  text-transform: none;
  font-size: 54px;
  color: #00415e;
}

.section-quote {
  background: #e5ecef;
}
.section-quote .section-text h2 {
  font-size: 45px;
}
.section-quote .section-text h2 p {
  font-size: 45px;
}
.section-quote .section-text h2 p span {
  font-weight: normal;
  font-size: 30px;
  text-transform: initial;
  line-height: 40px;
}
.section-quote .section-text h2 p span strong {
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}
.section-quote .section-text h2 span {
  font-weight: normal;
  font-size: 30px;
  text-transform: initial;
  line-height: 40px;
  color: #00415e;
}

.hr-promo-holder .hr-promo-banner img {
  max-height: 300px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.pricing-carousel {
  margin-bottom: 30px;
  position: relative;
}
.pricing-carousel > button {
  position: absolute;
  top: 0;
  background: white;
  z-index: 5;
  margin-right: 0;
}
.pricing-carousel > button.slick-prev {
  left: 0;
}
.pricing-carousel > button.slick-next {
  right: 0;
}
.pricing-carousel > button.slick-disabled {
  opacity: 0.85;
  border-color: gray;
  color: gray;
}
.pricing-carousel > button:hover {
  background: white;
}
.pricing-carousel .slick-list {
  padding-top: 60px;
}
@media (min-width: 1200px) {
  .pricing-carousel .slick-list {
    padding-top: 0;
  }
}
.pricing-carousel .item {
  padding-right: 5px;
  z-index: 1;
}
@media (min-width: 768px) {
  .pricing-carousel .item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.pricing-carousel .item.color-standard .pricing-box {
  border-color: #7292b2;
}
.pricing-carousel .item.color-standard .pricing-box h3 {
  background-color: #7292b2;
}
.pricing-carousel .item.color-standard .pricing-box .pricing-data {
  border-color: #7292b2;
}
.pricing-carousel .item.color-standard .pricing-box .pricing-data p {
  color: #7292b2;
}
.pricing-carousel .item.color-standard .pricing-box .pricing-data span {
  color: #7292b2;
}
.pricing-carousel .item.color-standard .pricing-box .pricing-data .pricing-button-holder a {
  background-color: #7292b2;
}
.pricing-carousel .item.color-standard .pricing-box .pricing-data .pricing-button-holder a:hover {
  background-color: #55799c;
}
.pricing-carousel .item.color-plus .pricing-box {
  border-color: #457398;
}
.pricing-carousel .item.color-plus .pricing-box h3 {
  background-color: #457398;
}
.pricing-carousel .item.color-plus .pricing-box .pricing-data {
  border-color: #457398;
}
.pricing-carousel .item.color-plus .pricing-box .pricing-data p {
  color: #457398;
}
.pricing-carousel .item.color-plus .pricing-box .pricing-data span {
  color: #457398;
}
.pricing-carousel .item.color-plus .pricing-box .pricing-data .pricing-button-holder a {
  background-color: #457398;
}
.pricing-carousel .item.color-plus .pricing-box .pricing-data .pricing-button-holder a:hover {
  background-color: #355875;
}
.pricing-carousel .item.color-max .pricing-box {
  border-color: #063f5f;
}
.pricing-carousel .item.color-max .pricing-box h3 {
  background-color: #063f5f;
}
.pricing-carousel .item.color-max .pricing-box .pricing-data {
  border-color: #063f5f;
}
.pricing-carousel .item.color-max .pricing-box .pricing-data p {
  color: #063f5f;
}
.pricing-carousel .item.color-max .pricing-box .pricing-data span {
  color: #063f5f;
}
.pricing-carousel .item.color-max .pricing-box .pricing-data .pricing-button-holder a {
  background-color: #063f5f;
}
.pricing-carousel .item.color-max .pricing-box .pricing-data .pricing-button-holder a:hover {
  background-color: #031f2f;
}
.pricing-carousel .item.color-premium .pricing-box h3 {
  background-color: #bf1a5c;
}
.pricing-carousel .item.color-premium .pricing-box .corner-badge {
  background-color: #892250;
}
.pricing-carousel .item.color-premium .pricing-box .pricing-data {
  border-color: #bf1a5c;
}
.pricing-carousel .item.color-premium .pricing-box .pricing-data p {
  color: #bf1a5c;
}
.pricing-carousel .item.color-premium .pricing-box .pricing-data span {
  color: #bf1a5c;
}
.pricing-carousel .item.color-premium .pricing-box .pricing-data .pricing-button-holder a {
  background-color: #bf1a5c;
}
.pricing-carousel .item.color-premium .pricing-box .pricing-data .pricing-button-holder a:hover {
  background-color: #921446;
}
.pricing-carousel .item .pricing-box {
  position: relative;
  overflow: hidden;
}
.pricing-carousel .item .pricing-box h3 {
  padding: 20px 20px 20px 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  background: black;
  color: #c6eb01 !important;
  margin-bottom: 0;
  font-size: 24px;
}
.pricing-carousel .item .pricing-box h3 span {
  text-align: right;
  font-size: 30px;
}
.pricing-carousel .item .pricing-box h3 span small {
  display: block;
  font-size: 20px;
}
.pricing-carousel .item .pricing-box .corner-badge {
  position: absolute;
  rotate: -45deg;
  top: -8px;
  left: -34px;
  color: white;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
.pricing-carousel .item .pricing-box .pricing-data {
  border: 4px solid black;
  border-bottom: 0;
  padding: 20px;
  padding-top: 30px;
}
.pricing-carousel .item .pricing-box .pricing-data .free {
  min-height: auto;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 28px;
}
.pricing-carousel .item .pricing-box .pricing-data .free span {
  font-size: 46px;
  line-height: 46px;
  font-weight: bold;
}
.pricing-carousel .item .pricing-box .pricing-data .pricing-plan p {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.pricing-carousel .item .pricing-box .pricing-data .pricing-plan p strong {
  text-align: center;
  font-size: 36px;
  width: 40%;
}
@media (min-width: 768px) {
  .pricing-carousel .item .pricing-box .pricing-data .pricing-plan p strong {
    width: 40%;
  }
}
.pricing-carousel .item .pricing-box .pricing-data .pricing-plan p strong span {
  display: block;
  font-size: 16px;
}
.pricing-carousel .item .pricing-box .pricing-data .pricing-plan p > span {
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  width: 60%;
}
@media (min-width: 768px) {
  .pricing-carousel .item .pricing-box .pricing-data .pricing-plan p > span {
    width: 60%;
  }
}
.pricing-carousel .item .pricing-box .pricing-data .pricing-plan p > span small {
  font-weight: normal;
  display: block;
  font-size: 16px;
}
.pricing-carousel .item .pricing-box .pricing-data > p {
  text-align: center;
  min-height: auto;
  font-size: 14px;
  line-height: 18px;
  min-height: 50px;
}
@media (min-width: 768px) {
  .pricing-carousel .item .pricing-box .pricing-data > p {
    min-height: 100px;
  }
}
@media (min-width: 992px) {
  .pricing-carousel .item .pricing-box .pricing-data > p {
    min-height: 80px;
  }
}
.pricing-carousel .item .pricing-box .pricing-data .pricing-button-holder {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.pricing-carousel .item .pricing-box .pricing-data .pricing-button-holder a {
  background: black;
  color: white;
  padding: 10px 15px;
}
.pricing-carousel .item .pricing-box .pricing-data .pricing-button-holder a:hover {
  text-decoration: none;
}
.pricing-carousel .item .pricing-box .select-plan {
  background-color: #c6eb01;
  color: #00415e;
  border: 4px solid #00415e;
  padding: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  text-align: center;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}
.pricing-carousel .item .pricing-box .select-plan:hover {
  background-color: #00415e;
  color: #c6eb01;
  text-decoration: none;
}
.pricing-carousel .slick-dots {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.pricing-carousel .slick-dots li {
  margin-right: 5px !important;
  margin-left: 5px !important;
}
.pricing-carousel .slick-dots li button {
  width: 15px;
  height: 10px;
  text-indent: -9999px;
  font-size: 0;
  background: #8dc641;
  border: 0;
  border-radius: 3px;
}
.pricing-carousel .slick-dots li.slick-active button {
  background: #009f3b;
  width: 30px;
}

.section-newsletter-2.pl {
  padding: 5rem 0;
}

.skoda-carousel .slick-list .slick-track .item {
  position: relative;
  height: 450px;
}
@media (min-width: 768px) {
  .skoda-carousel .slick-list .slick-track .item {
    height: 600px;
  }
}
@media (min-width: 1200px) {
  .skoda-carousel .slick-list .slick-track .item {
    height: 800px;
  }
}
.skoda-carousel .slick-list .slick-track .item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
}
.skoda-carousel .slick-list .slick-track .item img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.skoda-carousel .slick-list .slick-track .item .container-holder {
  position: absolute;
  z-index: 5;
  bottom: 0;
  width: 100%;
}
.skoda-carousel .slick-list .slick-track .item .container-holder .container .headlines {
  z-index: 5;
  margin-bottom: 80px;
}
@media (min-width: 768px) {
  .skoda-carousel .slick-list .slick-track .item .container-holder .container .headlines {
    margin-bottom: 120px;
  }
}
.skoda-carousel .slick-list .slick-track .item .container-holder .container .headlines h1 {
  font-size: 28px;
}
@media (min-width: 576px) {
  .skoda-carousel .slick-list .slick-track .item .container-holder .container .headlines h1 {
    font-size: 38px;
  }
}
@media (min-width: 992px) {
  .skoda-carousel .slick-list .slick-track .item .container-holder .container .headlines h1 {
    font-size: 50px;
  }
}
.skoda-carousel .slick-list .slick-track .item .container-holder .container .headlines h3 {
  font-size: 20px;
}
@media (min-width: 576px) {
  .skoda-carousel .slick-list .slick-track .item .container-holder .container .headlines h3 {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .skoda-carousel .slick-list .slick-track .item .container-holder .container .headlines h3 {
    font-size: 40px;
  }
}

.dot {
  display: inline-block;
  margin-right: 10px;
}
.dot.dot2 {
  margin-left: 15px;
  font-size: 14px;
}

.more-info-holder {
  margin-top: 25px;
}
.more-info-holder .hide {
  display: none;
}
.more-info-holder .show-more-less-buttons {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 30px;
}
.more-info-holder .show-more-less-buttons a {
  font-weight: bold;
  color: #009f3b;
  text-transform: uppercase;
}
.more-info-holder .show-more-less-buttons a:hover {
  color: #007c34;
}

.section-bullet {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  border: 1px solid #009f3b;
  margin-bottom: 15px;
  border-radius: 8px;
  padding: 15px 15px;
}
.section-bullet:hover {
  background: #009f3b;
  color: black;
  text-decoration: none;
}
.section-bullet:hover strong {
  color: white;
}
.section-bullet strong {
  display: block;
  color: #009f3b;
  font-size: 22px;
}

.sim-acc {
  margin-bottom: 5px;
}
.sim-acc .sim-acc-button {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  padding: 1rem;
  border: 1px solid #00415e;
  background: #ddf367;
  color: #00415e;
}
.sim-acc .sim-acc-button:hover {
  text-decoration: none;
  background: #eef9b3;
}
.sim-acc .sim-acc-button svg {
  stroke: #00415e;
}
.sim-acc .sim-acc-button.active-sim-acc {
  border-bottom: 0;
}
.sim-acc .sim-acc-button.active-sim-acc svg {
  transform: rotate(90deg);
}
.sim-acc .sim-acc-data {
  padding: 1rem;
  border: 1px solid #00415e;
  border-top: 0;
}

.section-b2b .text-center {
  width: 100%;
}
.section-b2b .gw-bs-logo.desktop {
  max-width: 60%;
  display: inline-block;
  max-height: 90px;
  -o-object-fit: containt;
     object-fit: containt;
}

#contact-form {
  background: #e5ecef;
}
#contact-form .section-text {
  text-align: center;
}
#contact-form .section-text p {
  margin-bottom: 40px;
}
#contact-form h2 {
  color: #00415e;
}
#contact-form p {
  color: #00415e;
}
#contact-form .gdpr {
  color: #00415e;
}

.free-consultation .space-for-sponsoring {
  background: white;
}

.slick-list .slick-slide .item h3 {
  color: #00415e;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}

.show-more-pl .hover {
  display: none;
}
.show-more-pl .no-hover {
  display: inline-block;
}
.show-more-pl:hover .hover {
  display: inline-block;
}
.show-more-pl:hover .no-hover {
  display: none;
}

.summer-campaing {
  background: #00415e;
  position: relative;
  padding: 78px 0 !important;
}
@media screen and (min-width: 36.0em) {
  .summer-campaing {
    padding: 98px 0 !important;
  }
}
@media screen and (min-width: 48.0em) {
  .summer-campaing {
    padding: 98px 0 !important;
  }
}
@media screen and (min-width: 62.0em) {
  .summer-campaing {
    padding: 118px 0 !important;
  }
}
.summer-campaing:before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 65, 94, 0.5);
  z-index: 11;
  position: absolute;
}
.summer-campaing .bg {
  height: 100%;
  background: url("/images/summer_2025_back.jpg") top center no-repeat;
  background-size: cover;
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.summer-campaing .campaing-logo {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
  z-index: 100;
}
.summer-campaing .campaing-logo img {
  position: relative;
  width: 200px;
  margin-left: -42px;
}
@media screen and (min-width: 36.0em) {
  .summer-campaing .campaing-logo img {
    width: 400px;
    margin-left: -87px;
  }
}
@media screen and (min-width: 48.0em) {
  .summer-campaing .campaing-logo img {
    width: 600px;
    margin-left: -130px;
  }
}
@media screen and (min-width: 62.0em) {
  .summer-campaing .campaing-logo img {
    width: 750px;
    margin-left: -162px;
  }
}
.summer-campaing .button {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
  z-index: 100;
}
.summer-campaing .button a {
  margin-top: 65px;
}
@media screen and (min-width: 36.0em) {
  .summer-campaing .button a {
    margin-top: 70px;
  }
}
@media screen and (min-width: 48.0em) {
  .summer-campaing .button a {
    padding: 15px 60px;
    font-size: 28px;
    margin-top: 60px;
  }
}
@media screen and (min-width: 62.0em) {
  .summer-campaing .button a {
    margin-top: 70px;
  }
}
.summer-campaing .button a:hover {
  border: 1px solid #c6eb01;
}