/* 
.navbar{
    background-image: url("img/aboveNav/Path\ 561.svg");
    background-position: left;
    background-repeat: no-repeat;
} */

.bannerElectro {
  /*  margin-top: 47px; */
  background-image: url("/images/Group 544.png?7c09a3450c3ee01bcb18b41aa78f93b5");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 30vh;
  background-position: center;
  -o-object-position: 100px 50px;
     object-position: 100px 50px;
  display: flex;
  align-items: center;
}

.btnHeading {
  width: 100%;
}

.paragrafBanner {
  color: #0f5298;
  font-size: 15px;
  font-family: RobotoMedium;
  margin-bottom: 0;
}

.mainBox {
  margin: 20px 0 10px 0;
}

.box .wrapp {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.0509803922);
  cursor: pointer;
}

.forHover {
  padding: 2.5rem 2.5rem 0.7rem;
}

/* //da kolone budu jednake visine */

.mainBox[class^=col] {
  display: flex;
  flex-direction: column;
}

.mainBox[class^=col] div {
  flex-grow: 1;
}

.boxIcon {
  height: 43px;
}

.boxText {
  color: #0f5298;
  font-size: 18px;
  font-family: RobotoBlack;
  text-align: center;
  padding-top: 25px;
  /* margin-bottom: 0; */
}

.box .wrapp:hover {
  background: #0f5298;
  transition: 0.4s ease-in-out;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.0509803922);
}

.contact-section-box .wrapp:hover {
  cursor: default;
}

.contact-section-box .wrapp:hover h3,
.contact-section-box .wrapp:hover p,
.contact-section-box .wrapp:hover a {
  color: #fff !important;
}

.contact-section-box .wrapp:hover a:hover {
  text-decoration: underline !important;
}

.forHover:hover {
  filter: brightness(0) invert(1);
  color: white;
  transition: 0.4s ease-in-out;
}

/* ======== REGULATIVA ======== */

.bannerRegulativa {
  background-image: url(/images/shutterstock_1595676097.png?85f121dc61244d9b695120d57de07f55);
  background-color: #eef2f9;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 30vh;
  background-position: center;
  -o-object-position: 100px 50px;
     object-position: 100px 50px;
  display: flex;
  align-items: center;
}

/* ============= O NAMA ============ */

.bannerOnama {
  background-image: url(/images/shutterstock_725507023.png?af47133292ad3614075f332ece9fd75e);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 30vh;
  background-position: center;
  -o-object-position: 100px 50px;
     object-position: 100px 50px;
  display: flex;
  align-items: center;
}

/* o agenciji */

.buttonBanner {
  display: inline-block;
  background-color: #ffffff;
  outline: none !important;
  border: none;
  padding: 8px 22px;
  margin: 10px 20px;
  color: #0f5298;
  cursor: pointer;
}

.buttonBanner:hover,
.buttonBanner.active {
  color: #ffffff;
  background-color: #0f5298;
  font-weight: 500;
}

/* Postanske usluge */

.bannerPosta {
  background-image: url(/images/shutterstock_521332909.png?7e12dd4dbf7d243bd445e185a04409c1);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #eef2f9;
  min-height: 30vh;
  background-position: center;
  -o-object-position: 100px 50px;
     object-position: 100px 50px;
  display: flex;
  align-items: center;
}

/* Dokumenta */

.bannerDokumenta {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #eef2f9;
  height: 30vh;
  background-position: center;
  -o-object-position: 100px 50px;
     object-position: 100px 50px;
  display: flex;
  align-items: center;
}

/* Vazni brojevi */

.iconAndNumber {
  display: flex;
  align-items: center;
  justify-content: center;
}

.boxIconNumbers {
  height: 60px;
}

.boxNumbers {
  color: #3c99dc;
  font-family: RobotoBold;
  font-size: 53px;
  padding-left: 2rem;
}

.boxTextNumbers {
  color: #0f5298;
  font-size: 20px;
  text-transform: uppercase;
  padding-top: 3.5rem;
}

.vazniBrojevi {
  padding: 2.5rem 1rem !important;
}

/* Javne konsultacije */

.dateConsult {
  color: #3d3d3d;
  font-family: RobotoLight;
  margin-top: 1rem;
}

.publicConsult {
  color: #3c99dc;
  font-size: 18px;
  font-family: RobotoBold;
  padding-bottom: 20px;
}

.pagination {
  display: flex;
  justify-content: center;
}

li.page-item .page-link {
  outline: none !important;
  border: none !important;
  align-items: center;
}

.arrow {
  height: 18px;
  outline: none !important;
}

/* Organizaciona struktura */

.pdf {
  color: #0f5298;
  font-size: 15px;
  margin-bottom: 2rem;
  /*  font-family: RobotoMedium; */
}

.down-arrow {
  height: 20px;
  padding-right: 20px;
}

.stucture {
  width: 100%;
}

/* IZVJESTAJI */

.bannerIzvjestaji {
  background-image: url(/images/shutterstock_1210372216.png?c91b95bfd4a6087228e52dde62bb12dc);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #eef2f9;
  min-height: 30vh;
  background-position: center;
  -o-object-position: 100px 50px;
     object-position: 100px 50px;
  display: flex;
  align-items: center;
}

@media (max-width: 810px) {
  .bannerElectro,
  .bannerRegulativa,
  .bannerOnama,
  .bannerPosta,
  .bannerIzvjestaji,
  .bannerDokumenta {
    min-height: 55vh;
    background-position: 85%;
    background-size: cover;
    position: relative;
  }

  .btnHeading {
    width: 100%;
    padding: 0;
  }

  .paragrafBanner {
    font-size: 14px;
  }

  .mainBox {
    /* margin: 20px; */
  }

  .stucture {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  .pdf {
    margin-top: 1rem;
    margin-bottom: 0;
  }
}

@media (max-width: 575px) {
  .btnHeading {
    margin: auto 5rem;
  }

  .btnHeading .buttonBanner {
    display: block;
    width: 100%;
  }

  .about-agency-col {
    padding: 0;
  }
}

@media (max-width: 450px) {
  .btnHeading {
    margin: auto 2rem;
  }
}