.logo-img,
.scroll-logo {
  width: 125px;
  display: block;
}

.sidebar-logo {
  width: 35px;
  display: none;
}

.section-full {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
}

.bg-cover {
  background-size: cover !important;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

#navbarToggler:focus {
  outline: none;
  box-shadow: none;
}

/***************** FOOTER *************************/
.footer {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.footer-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.footer-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer-logo {
  position: absolute;
  bottom: 3.5vw;
  right: 1.5vw;
  width: auto;
  height: auto;
  max-width: 9vw;
}

.footer-text-container {
  position: absolute;
  bottom: 0.15vw;
  right: 1vw;
  text-align: right;
}

.footer-text {
  font-size: clamp(8px, 1vw, 16px);
  color: white;
  padding: 5px;
  white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 1024px){
  .footer-logo {
    max-width: 7.5vw;
    right: 2.1vw;
  }
  .footer-text {
    font-size: clamp(4px, 1vw, 8px);
    color: white;
    padding: 5px;
    white-space: nowrap;
  }
  .footer-text-container {
    bottom: -0.2vw;
    right: 1.5vw;
  }
}

@media (max-width: 576px) {
  .footer-logo {
    max-width: 8vw;
    right: 2.5vw;
  }

  .footer-text-container {
    bottom: -1vw;
    right: 1.5vw;
  }
}


@media (min-width: 375px) and (max-width: 430px){
  .footer-text {
    font-size: clamp(5px, 1vw, 10px);
    color: white;
    padding: 5px;
    white-space: nowrap;
  }
  .footer-text-container {
    bottom: -1.8vw;
    right: 1.5vw;
  }
}





.heading-with-arrow {
  position: relative;
  text-align: justify;
}

.heading-with-arrow::before {
  content: url('../img/OFFICIAL/strelka.png');
  position: absolute;
  left: -108px;
  top: 13px;
  transform: translateY(-50%);
  width: 30px;
  height: auto;

}

.heading-with-arrow-adjust::before {
  top: 13px;
  text-align: justify;
}



.desno-strelce {
  position: relative;
  text-align: justify;
}

.desno-strelce::before {
  content: url('../img/OFFICIAL/strelka.png');
  position: absolute;
  left: -108px;
  top: -4%;
  width: 30px;
  height: auto;
  text-align: justify;
}



.section-spacing {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 0;
}


/*************************************************************/


/************** MAX-WIDTH: 1200 PX *****************/
@media(max-width: 1200px) {
  
  .naslovenf h3 {
    font-size: 1.2rem;
  }

}

/**************************************************/



/************** MAX-WIDTH: 1024 PX *****************/
@media(max-width: 1024px) {
  

  .desno-strelce::before {
    left: -108px !important;
    top: -2.5% !important;
  }
  .naslovenf {
    top: -30vh;
    margin-left: 5.5vw;
  }
  .naslovenf h3 {
    max-width: 100vw;
    white-space: normal;
    font-size: 1.25rem;
  }
  .nasloven {
    top: -25vh !important;
  }

}

/**************************************************/



/************** MAX-WIDTH: 820 PX *****************/
@media(max-width: 820px) {
  


  .heading-with-arrow {
    text-align: justify;
  }

  .heading-with-arrow2 {
    width: 92vw;
    text-align: justify;
  }

  .desno-strelce {
    width: 92vw;
    text-align: justify;
  }
  .naslovenf {
    top: -25vh;
    margin-left: 15vw;
  }
  .naslovenf h3 {
    max-width: 100vw;
    white-space: normal;
    font-size: 1.0rem;
  }
  .nasloven {
    top: -22vh !important;
  }
  

}

/**************************************************/



/************** MAX-WIDTH: 768 PX *****************/
@media(max-width: 768px) {
  

  .heading-with-arrow {
    text-align: justify;
  }

  .heading-with-arrow2 {
    width: 94vw;
    text-align: justify;
  }

  .desno-strelce {
    width: 94vw;
    text-align: justify;
  }

  .desno-strelce::before {
    left: -108px !important;
    top: -1.5% !important;
  }
  .naslovenf {
    top: -20vh;
    margin-left: 16.5vw;
  }
  .naslovenf h3 {
    max-width: 100vw;
    font-size: 1.0rem;
  }
  .nasloven {
    top: -20vh !important;
  }

}

/**************************************************/


/************** MIN-WIDTH: 768 PX AND MAX-WIDTH: 1199 PX *****************/
@media(min-width: 768px) and (max-width: 1199px) {
  .nasloven {
    top: -15vh;
  }

  .prvo {
    margin-top: -125px;
  }
}

/**************************************************/



/******** MAX-WIDTH: 767 PX ********/
@media (max-width: 767px) {
  .section-full {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sodrzina {
    width: 100%;
    padding: 0 15px;
  }


  .slider-item h1 img {
    max-width: 75%;
    height: auto;
  }

  .slider-control {
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
  }

  .slider-control[data-slide="previous"] {
    left: 10px;
  }

  .slider-control[data-slide="next"] {
    right: 10px;
  }

  #hero-slider {
    margin-bottom: 0 !important;
  }

  .col-6.col-md-2 {
    position: static;
  }
  .naslovenf {
    top: -11vh;
    margin-left: 50vw;
  }
  .naslovenf h3 {
    max-width: 60vw;
    font-size: 1.0rem;
  }
  .nasloven {
    top: -15vh;
  }
}

/*********************************************/



/******** MAX-WIDTH: 572 PX ********/
@media(max-width: 572px) {
  
  .naslovenf {
    top: -10vh;
    margin-left: 67vw;
  }
  .naslovenf h3 {
    max-width: 65vw;
    white-space: normal;
    font-size: 0.8rem;
  }
}

/*********************************************/



/******** MAX-WIDTH: 468 PX ********/
@media(max-width: 468px) {
  

  .sert {
    text-align: justify;
  }

  .sert2 {
    text-align: justify !important;
  }

  .sert2 h2 {
    margin-top: 30px;
  }

  .vtor-sert {
    margin-top: 50px;
  }

  .pre-sert {
    margin-top: -75px;
  }
  .naslovenf {
    top: -15vh;
    margin-left: 82vw;
  }
  .naslovenf h3 {
    max-width: 75vw;
    font-size: 0.8rem;
  }
  .nasloven {
    top: -13vh;
  }
  .nasloven h1 {
    font-size: 1.7rem;
  }

}

/*********************************************/


/******** MAX-WIDTH: 430 PX ********/
@media(max-width: 430px) {
  
  .nasloven {
    top: -13vh;
  }
  .nasloven h1 {
    font-size: 1.7rem;
  }

  .heading-with-arrow {
    text-align: justify;
  }

  .heading-with-arrow2 {
    width: 89vw;
    text-align: justify;
  }

  .desno-strelce {
    width: 89vw;
    text-align: justify;
  }

  .desno-strelce::before {
    left: -108px !important;
    top: -1.5% !important;
  }
  .naslovenf {
    top: -14vh;
    margin-left: 98vw;
  }
  .naslovenf h3 {
    max-width: 70vw;
    white-space: normal;
    font-size: 0.75rem;
    text-align: justify !important;
  }

}

/*********************************************/
@media(max-width: 390px) {
  
  .naslovenf {
    top: -14vh;
    margin-left: 100vw;
  }
  .naslovenf h3 {
    max-width: 70vw;
    white-space: normal;
    font-size: 0.75rem;
    text-align: justify !important;
  }

}



/******** MAX-WIDTH: 375 PX ********/
@media(max-width: 375px) {
  
  .naslovenf {
    top: -15vh;
    margin-left: 103vw;
  }
  .naslovenf h3 {
    max-width: 70vw;
    white-space: normal;
    font-size: 0.75rem;
  }
  .nasloven h1{
    font-size: 1.5rem;
  }

}

/*********************************************/



/*************FULL PAGE*************/
/*INFO SECTIONS*/
.full-width-section {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0;
}

.content-wrapper {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 180px;
}

.image-column {
  padding: 0;
}

.img-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

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

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

.text-content {
  padding: 30px;
}

@media (max-width: 767px) {
  .content-wrapper {
    padding: 0 15px;
  }
  
  .text-content {
    padding: 15px;
  }
  .text-content h6 {
    text-align: justify;
  }
}
@media (min-width: 767px) and (max-width: 1300px){
  .content-wrapper {
    padding: 0 15px;
  }
  
  .text-content {
    padding: 15px;
  }
}
/**************************************/