.elementor-93 .elementor-element.elementor-element-d527683{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-93 .elementor-element.elementor-element-73d9909{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-93 .elementor-element.elementor-element-ee7c493{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS */<style>

/* ==================================================
   BLOK PREKO BLOKA — DESKTOP I MOBILNI
================================================== */

.blok1,
.blok2,
.blok3 {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;

  box-sizing: border-box !important;
}


/* ==================================================
   DESKTOP — NE DIRAMO
================================================== */

.blok1,
.blok2,
.blok3 {
  position: sticky !important;
  top: 0 !important;
  overflow: hidden !important;
}


/* PRVI BLOK / HERO */

.blok1 {
  z-index: 1 !important;

  min-height: 100vh !important;
  height: 100vh !important;
}


/* DRUGI BLOK / ABOUT */

.blok2 {
  z-index: 2 !important;

  min-height: auto !important;
  height: auto !important;

  background: #F3F3EF !important;
}


/* TREĆI BLOK */

.blok3 {
  z-index: 3 !important;

  min-height: auto !important;
  height: auto !important;

  background: #061f18 !important;
}


/* HERO UNUTRA */

.blok1 > .e-con-inner {
  width: 100% !important;
  max-width: 100% !important;

  min-height: 100vh !important;
  height: 100vh !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ABOUT I TREĆI BLOK — PRIRODNA VISINA */

.blok2 > .e-con-inner,
.blok3 > .e-con-inner {
  width: 100% !important;
  max-width: 100% !important;

  min-height: auto !important;
  height: auto !important;

  margin: 0 !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* ==================================================
   MOBILNI
   STICKY + BLOK PREKO BLOKA
================================================== */

@media (max-width: 767px) {

  html,
  body {
    margin: 0 !important;
    padding: 0 !important;

    width: 100% !important;
    max-width: 100% !important;
  }


  /* ==================================================
     STICKY MORA DA OSTANE
  ================================================== */

  .blok1,
  .blok2,
  .blok3 {
    position: -webkit-sticky !important;
    position: sticky !important;

    top: 0 !important;

    align-self: flex-start !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    overflow: hidden !important;
  }


  /* ==================================================
     BLOK 1 — CEO EKRAN
  ================================================== */

  .blok1 {
    z-index: 1 !important;

    min-height: 100vh !important;
    min-height: 100svh !important;

    height: 100vh !important;
    height: 100svh !important;

    background-color: transparent !important;
  }


  /* ==================================================
     BLOK 2 PRELAZI PREKO BLOKA 1
  ================================================== */

  .blok2 {
    z-index: 2 !important;

    min-height: 100vh !important;
    min-height: 100svh !important;

    height: 100vh !important;
    height: 100svh !important;

    background: #F3F3EF !important;
  }


  /* ==================================================
     BLOK 3 PRELAZI PREKO BLOKA 2
  ================================================== */

  .blok3 {
    z-index: 3 !important;

    min-height: 100vh !important;
    min-height: 100svh !important;

    height: 100vh !important;
    height: 100svh !important;

    background: #061f18 !important;
  }


  /* ==================================================
     BLOK 1 — ELEMENTOR WRAPPER
     POPUNJAVA CEO EKRAN
  ================================================== */

  .blok1 > .e-con-inner,
  .blok1 > .e-con,
  .blok1 > .elementor-container {
    width: 100% !important;
    max-width: 100% !important;

    min-height: 100vh !important;
    min-height: 100svh !important;

    height: 100vh !important;
    height: 100svh !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
  }


  /* ==================================================
     BLOK 2 I BLOK 3 — CEO EKRAN
  ================================================== */

  .blok2 > .e-con-inner,
  .blok3 > .e-con-inner,
  .blok2 > .e-con,
  .blok3 > .e-con,
  .blok2 > .elementor-container,
  .blok3 > .elementor-container {
    width: 100% !important;
    max-width: 100% !important;

    min-height: 100vh !important;
    min-height: 100svh !important;

    height: 100vh !important;
    height: 100svh !important;

    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }


  /* ==================================================
     HERO BACKGROUND SLIKA
     POSTOJEĆA SLIKA POPUNJAVA CEO BLOK
  ================================================== */

  .blok1,
  .blok1 > .e-con-inner,
  .blok1 > .e-con,
  .blok1 > .elementor-container {
    background-size: cover !important;

    background-position: center center !important;

    background-repeat: no-repeat !important;
  }


  /* ==================================================
     AKO JE HERO POSTAVLJEN KAO IMAGE WIDGET
  ================================================== */

  .blok1 > .elementor-widget-image,
  .blok1 > .e-con-inner > .elementor-widget-image,
  .blok1 > .e-con > .elementor-widget-image {

    width: 100% !important;
    height: 100% !important;

    min-height: 100% !important;
  }


  .blok1 .elementor-widget-image .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
  }


  .blok1 .elementor-widget-image img {
    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    display: block !important;
  }


  /* ==================================================
     AKO POSTOJI OBIČAN IMG KOJI JE HERO
  ================================================== */

  .blok1 > img {
    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    display: block !important;
  }


  /* ==================================================
     AKO JE HERO VIDEO
  ================================================== */

  .blok1 video {
    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    object-fit: cover !important;
  }

}

</style>/* End custom CSS */