/* --------------------- Diaspora --------------------- */
.diaspora {
    background-color: #00c7ca;
    background-image: var(--bs-gradient);
    padding: 0rem;
    margin: 0rem;
}
.diaspora-fluid {
    padding-right: 0;
    padding-left: 0;
}
.diaspora1 {
    background-color: #00c7ca;
    padding: 0rem;
    margin: 0;
}
.diaspora1-fluid {
    padding-right: 0;
    padding-left: 0;
}
.diaspora2 {
    background-color: #eee;
    padding: 0rem;
    margin: 0rem;
}
.diaspora2-fluid {
    padding-right: 0;
    padding-left: 0;
}
.diaspora3 {
    background-color: #f60;
    padding: 0rem;
    margin-bottom: 0rem;
}
.diaspora3-fluid {
    padding-right: 0;
    padding-left: 0;
}
.diaspora4 {
    background-color: #444;
    padding: 0rem;
    margin: 0rem 0 1rem 0;

}
.diaspora4-fluid {
    padding-right: 0;
    padding-left: 0;
}

/* --------------------- end of Diaspora --------------------- */


/* --------------------- Fotografi --------------------- */

.galeria {
    background: rgba(0, 199, 202, 0);
    padding: 0.5rem;
    margin-top: 1rem;
  }

  .galeria h1 {
    padding: 1rem 0 0 0rem;
    font-size: 3rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 54, 0, 1);
  }
  @media (max-width: 575.98px) {
    .galeria h1 {
      font-size: 2rem;
    }
  }
  .galeria h2 {
    padding: 0rem 0 0 0rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .galeria h2 {
      color: #fff;
      font-size: 1.2rem;
      text-align: left;
    }
  }

.galeria1 {
    background: #212121;
    border-radius: 0 0 1rem 1rem;
    margin: 1rem 0 1rem 0;
    padding: 1rem 1rem 0.5rem 0rem;
}
@media (max-width: 575.98px) {
    .galeria1 {
      margin: 1rem 0 1rem 0;
    }
  }
.galeria1 h1 {
    padding: 0rem 0rem 0.5rem 0rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #fff;
    text-align: center;
}
  @media (max-width: 575.98px) {
    .galeria1 h1 {
      font-size: 2rem;
    }
}
.galeria1 h2 {
    padding: 0 1rem 0 1rem;
    color: #fff;
    font-size: 2.5rem;
    font-weight: 700;
    text-align: left;
}
.galeria1 h4 {
    color: #fff;
    font-size: 1.6rem;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
}
.galeria1 p {
    color: #fff;
    padding: 1rem 0 0 1rem;
}
.galeria1 a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
}
.galeria1 a:hover {
    color:#090448;
}


.rrjetetsociale1 {
    background: #eee;
    margin: 1rem 0 1rem 0;
    padding: 1rem;
}
@media (max-width: 575.98px) {
    .rrjetetsociale1 {
      margin: 1rem 0 1rem 0;
    }
  }
.rrjetetsociale1 h1 {
    padding: 0rem 0rem 0.5rem 0rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #fff;
    text-align: center;
}
  @media (max-width: 575.98px) {
    .rrjetetsociale1 h1 {
      font-size: 2rem;
    }
}
.rrjetetsociale1 h2 {
    padding: 0 1rem 0 1rem;
    color: #fff;
    font-size: 2.5rem;
    font-weight: 700;
    text-align: left;
}
.rrjetetsociale1 h4 {
    color: #fff;
    font-size: 1.6rem;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
}
.rrjetetsociale1 p {
    color: #fff;
    padding: 1rem 0 0 1rem;
}
.rrjetetsociale1 a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
}
.rrjetetsociale1 a:hover {
    color:#090448;
}

/* --------------------- end of Fotografi --------------------- */


/* --------------------- Frame --------------------- */

.frame1 {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0.5rem;
  margin: 2rem 0 0 0;
  padding: 0.5rem;
}
@media (max-width: 575.98px) {
  .frame1 {
    margin: 1rem 0 0rem 0;
    padding: 0.5rem;
  }
}
.frame1 h1 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #051154;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .frame1 h1 {
      font-size: 1.6rem;
    }
}
.frame1 a {
  color: #076ef7;
  font-weight: 700;
  text-decoration: none;
}
.frame1 a:hover {
  color: #090448;
}

.frame2 {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0 0 1rem 1rem;
    margin: 2rem 0 0rem 0;
    padding: 0rem;
}
@media (max-width: 575.98px) {
    .frame2 {
      margin: 1rem 0 0rem 0;
    }
  }
.frame2 h1 {
    padding: 0 0 0 0.15rem;
    font-size: 1rem;
    font-weight: 700;
    color: #090448;
    text-align: left;
 }
.frame2 h2 {
    padding: 0rem;
    border-radius: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
}
.frame2 h3 {
    padding: 0rem;
    border-radius: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
}
.frame2 a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
}
.frame2 a:hover {
    font-size: 1rem;
    color:#090448;
}
.frame3 {
    background: rgba(255, 255, 255, 0.75);
    border-radius: 0.5rem;
    margin: 2rem 0 1rem 0;
    padding: 0.5rem;
}
@media (max-width: 575.98px) {
    .frame3 {
      margin: 1rem 0 0rem 0;
    }
  }
.frame3 h1 {
    padding: 0rem 0rem 0.5rem 0rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #090448;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .frame3 h1 {
      font-size: 1.6rem;
    }
}
.frame3 h2 {
    padding: 0rem;
    border-radius: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
}
.frame3 h4 {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
}
.frame3 a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
}
.frame3 a:hover {
    font-size: 1rem;
    color:#090448;
}

.partners {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 1rem 1rem 0 0;
    margin: 1rem 0 0rem 0;
    padding: 1rem 0.75rem 0.5rem 0.75rem;
}
@media (max-width: 575.98px) {
    .partners  {
        margin: 1rem 0 0rem 0;
    }
}
.partners h1 {
    font-size: 1.4rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}
@media (max-width: 575.98px) {
    .partners h1 {
      font-size: 1.2rem;
    }
}
.partners h2 {
    padding: 0rem 0.25rem 0rem 0.25rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
}
@media (max-width: 575.98px) {
    .partners h2 {
        padding: 0rem 0.25rem 0rem 0.25rem;
    }
}
.partners a {
    color:#00c7ca;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}

@media (max-width: 575.98px) {
    .partners a {
        font-weight: 500;
    }
}
.partners a:hover {
    font-size: 1rem;
    color:#090448;
}
.partners img {
    padding: 0 0.25rem 0 0;
}

.partners2 {
    background: rgba(255, 255, 255, 1);
    border-radius: 1rem;
    margin: 1rem 0 0rem 0;
    padding: 1rem 0.75rem 0.75rem 0.75rem;
}
@media (max-width: 575.98px) {
    .partners2  {
        margin: 1rem 0 0rem 0;
    }
}
.partners2 h1 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #444;
    text-align: left;
}
@media (max-width: 575.98px) {
    .partners2 h1 {
      font-size: 1.2rem;
    }
}
.partners2 ul {
    margin: 0;
    padding: 0rem;
    list-style: none;
}
.partners2 li {
    padding: 0 0 0 0.5rem;
    line-height: 1.8rem;
    font-weight: 500;
}
.partners2 a {
    color:#00c7ca;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}

@media (max-width: 575.98px) {
    .partners2 a {
        font-weight: 500;
    }
}
.partners2 a:hover {
    font-size: 1rem;
    color:#090448;
}

.partneretdiaspore {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 1rem;
    margin: 1rem 0 1rem 0;
    padding: 0 0 0.5rem 0rem;
    color: #fff;
    min-height: 23.75rem;

}
@media (max-width: 575.98px) {
    .partneretdiaspore {
      margin: 1rem 0 0rem 0;
    }
}
.partneretdiaspore h1 {
    padding: 0.5rem 0rem 0rem 1rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #051154;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .partneretdiaspore h1 {
      font-size: 2rem;
    }
}
.partneretdiaspore h2 {
    padding: 0.5rem 0rem 0rem 1rem;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    text-align: right;
}
  @media (max-width: 575.98px) {
    .partneretdiaspore h2 {
      font-size: 1.6rem;
    }
}
.partneretdiaspore p {
    padding: 0rem 0.5rem 0rem 1rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    text-align: left;
}
  .partneretdiaspore a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    color: #fff;
    text-align: right;
}
.partneretdiaspore a:hover {
    font-size: 1rem;
    color:#051154;
}



/* --------------------- end Frame --------------------- */





























  /* --------------------- state --------------------- */
  .embassy {
    background-color: #eee;
    border: 0.5rem #eee solid;
    border-radius: 1rem;
    margin: 2rem 0 1rem 0;
    padding: 0;
  }
  @media (max-width: 575.98px) {
    .embassy {
      padding: 0rem;
    }
  }
  .embassy h1 {
    padding: 0.5rem 0 0 0;
    margin: 0rem;
    font-size: 2rem;
    font-weight: 700;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .embassy h1 {
      font-size: 2rem;
    }
  }
  .embassy h3 {
    padding: 0rem;
    margin: 0rem;
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .embassy h3 {
      font-size: 0.8rem;
    }
  }
  .embassy a {
    padding: 0rem;
    font-size: 1.6rem;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
  }

  .embassy ul {
    background-color: #eee;
    margin: 0rem;
    padding: 0rem;
    list-style: none;
  }
  .embassy li {
    line-height: 1.8rem;
    padding: 0rem 0 0 0;
  }
  .embassy li a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    list-style: none;
  }
  .ambasada {
    background-color: #fff;
    margin: 0;
    padding: 1rem;
  }
  .ambasada h1 {
    padding: 0 0 0.5rem 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: #090448;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .ambasada h1 {
      font-size: 1.2rem;
    }
  }
  .ambasada h2 {
    padding: 0rem 0 0.5rem 0;
    font-size: 2rem;
    font-weight: 700;
    color: #222;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .ambasada h2 {
      font-size: 1rem;
      font-weight: 700;
    }
  }
  .ambasada p {
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .ambasada p {
      font-size: 1rem;
    }
  }
  .ambasada a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
  }
  .ambasada a:hover {
    font-size: 1rem;
    color:#ef0607;
  }
  .state {
    border-radius: 0 0 1rem 1rem;
    background: #fff;
    margin: 0rem;
    padding: 0 0.5rem 0.5rem 0.75rem;
  }
  .state h1 {
    padding: 0 0 0.5rem 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: #090448;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .state h1 {
      font-size: 1.2rem;
    }
  }
  .state h2 {
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
  }
  .state a {
    font-size: 1rem;
    color:#ef1481;
    text-decoration: none;
    font-weight: 500;
    text-align: left;
  }
  .state a:hover {
    font-size: 1rem;
    color:#090448;
  }





  .groups2 {
    border-radius: 1rem;
    margin: 0rem;
    padding: 1rem 0rem 0rem 0rem;
  }
  .groups2 h1 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #444;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .groups h1 {
      font-size: 1.4rem;
    }
  }
  .groups2 h3 {
    text-align: center;
  }
  .groups2 h4 {
    padding: 1rem 0 1rem 0;
    font-weight: 700;
    font-size: 1.4rem;
    text-align: center;
  }
  .groups2 h2 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #090448;
    text-align: left;
  }
  .groups2 p {
    font-size: 1rem;
    font-weight: 500;
    color: #0f0;
    text-align: left;
  }
  .groups2 a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
  }
  .groups2 a:hover {
    font-size: 1rem;
    color:#eee;
  }
  .groups2 ul {
    margin: 0;
    padding: 0rem;
    background-color: #eee;
    list-style: none;
  }
  .groups2 li {
    line-height: 1.8rem;
  }
  .groups li a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    list-style: none;
  }
  .gov1 {
    background-color: #fff;
    margin: 0rem;
    padding: 0rem;
  }
  .gov1 h1 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #444;
    text-align: left;
  }
  .gov1 p {
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
  }

  /* --------------------- end of state  --------------------- */

/* --------------------- Diaspora 1 --------------------- */

.fjalori2 {

    border-radius: 1rem;
    margin: 0rem;
    padding: 0rem;
    min-height: 21rem;
}
@media (max-width: 575.98px) {
    .fjalori2 {
      margin: 1rem 0 0rem 0;
    }
}
.fjalori2 h1 {
    padding: 0.5rem 0rem 0rem 1rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #051154;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .fjalori2 h1 {
      font-size: 2rem;
    }
}
.fjalori2 h2 {
    padding: 0.5rem 0rem 0rem 1rem;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .fjalori2 h2 {
      font-size: 1.6rem;
    }
}
.fjalori2 p {
    padding: 0rem 0.5rem 0rem 1rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    text-align: left;
}
.fjalori2 a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    color: #fff;
}
.fjalori2 a:hover {
    font-size: 1rem;
    color:#051154;
}
.fjalori2 ul {
    margin:0rem;
    padding: 0 0 0 1rem;
}
.fjalori2 li {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 500;
}
.fjalori2 li a {
    text-decoration: none;
    color: #090448;
}




.reklama12 {
  background: rgba(238, 238, 238, 0.75);
  border-radius: 1rem;
  margin: 1rem 0 0rem 0;
  padding: 0 0 0 0rem;
  color: #07f;
  min-height: 20rem;
}
.fjalori {
  background: rgba(255, 255, 255, 0.25);
  margin: 1rem 0 0rem 0;
  padding: 0 0 0 0rem;
  color: #eee;
  min-height: 20rem;
}
.fjalori a {
  line-height: 2rem;
  font-size: 1rem;
  font-weight: 700;
  color: #dfd;
  text-decoration: none;
}
.fjalori li a:hover {
  background-color: #505;
  color: #c03;
}
.dinfo {
  background: rgba(255, 255, 255, 0.25);
  border-radius: 1rem;
  margin: 1rem 0 1rem 0;
  padding: 0 0 0 0rem;
  color: #eee;
  min-height: 20rem;
}
.dinfo ul {
  padding: 0 0 0 1rem;
}
.dinfo li {
  margin: 0 1rem 0 0;
  padding: 0rem;
  list-style-type: none;
  line-height: 2.1rem;
  font-size: 1rem;
  font-weight: 500;
}
.dinfo li a {
  line-height: 2rem;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
}
.dinfo li a:hover {
  color: #090448;
}

.partnerprofile {
    border-radius: 0 0 1rem 1rem;
    margin: 0rem;
    padding: 0.75rem;
  }
  .partnerprofile h1 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #090448;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .partnerprofile h1 {
      font-size: 1.2rem;
    }
  }
  .partnerprofile h2 {
      padding: 0.5rem;
      font-size: 1rem;
      font-weight: 500;
      text-align: left;
  }
  .partnerprofile h3 {
    font-size: 0.8rem;
    font-weight: 500;
    color: #090448;
    text-align: left;
  }
  .partnerprofile a {
    font-size: 1rem;
    color:#f60;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
  }
  .partnerprofile a:hover {
    font-size: 1rem;
    color:#090448;
  }
/* --------------------- Diaspora 1 --------------------- */




/* --------------------- Diaspora 2 --------------------- */



.bids1 {
    background: rgba(250, 250, 250, 1);
    border-radius: 1rem;
    margin: 2rem 0 1rem 0;
    padding: 0.5rem 1rem 0.2rem 1rem;
  }
  .bids1 h1 {
    font-size: 3rem;
    font-weight: 900;
    color: #000;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .teksti2 h1 {
      font-size: 1.8rem;
    }
  }
  .bids1 h2 {
    padding: 0rem 0 0.5rem 0;
    font-size: 2rem;
    font-weight: 700;
    color: #222;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .bids1 h2 {
      font-size: 1rem;
      font-weight: 700;
    }
  }
  .bids1 p {
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .bids1 p {
      font-size: 1rem;
    }
  }
  .bids1 a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
  }
  .bids1 a:hover {
    font-size: 1rem;
    color:#ef0607;
  }
  .bids2 {
    background: rgba(250, 250, 250, 1);
    border-radius: 1rem;
    margin: 2rem 0 1rem 0;
    padding: 0.5rem 1rem 0.2rem 1rem;
  }
  .bids2 h1 {
    font-size: 3rem;
    font-weight: 900;
    color: #000;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .bids2 h1 {
      font-size: 1.8rem;
    }
  }
  .bids2 h2 {
    padding: 0rem 0 0.5rem 0;
    font-size: 2rem;
    font-weight: 700;
    color: #222;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .bids2 h2 {
      font-size: 1rem;
      font-weight: 700;
    }
  }
  .bids2 p {
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .bids2 p {
      font-size: 1rem;
    }
  }
  .bids2 a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
  }
  .bids2 a:hover {
    font-size: 1rem;
    color:#ef0607;
  }

/* --------------------- end Diaspora 2 ---------------------

/* --------------------- Diaspora 3 --------------------- */

.dshkollat {
  background: rgba(255, 255, 255, 0.25);
  margin: 1rem 0 0rem 0;
  padding: 0 0 0 0rem;
  color: #eee;
  min-height: 21rem;
}
@media (max-width: 575.98px) {
  .dshkollat {
    margin: 1rem 0 0rem 0;
  }
}
.dshkollat h2 {
  padding: 0rem 0rem 0.5rem 1rem;
  font-size: 1.8em;
  font-weight: 700;
  color: #eee;
}
.dshkollat h3 {
  padding: 0rem;
  font-size: 1em;
  font-weight: 700;
  color: #090448;
}
.dshkollat h4 {
  padding: 1rem 0 0 0;
  font-size: 1.4em;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.dshkollat a {
  background: transparent;
  border: 1px #eee solid;
  border-radius: 1em;
  padding: 0.5rem 1rem 0.5rem 1rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #eee;
  text-decoration: none;
  text-align: center;
}
.dshkollat a:hover {
  background-color: #eee;
  color: #000;
}
.dkerko {
  background: rgba(255, 255, 255, 0.25);
  margin: 1rem 0 0rem 0;
  padding: 0 0 0 0rem;
  color: #eee;
  min-height: 21rem;
}
@media (max-width: 575.98px) {
  .dkerko {
    margin: 1rem 0 0rem 0;
  }
}


/* --------------------- end Diaspora 3 ---------------------- */


/* --------------------- end Diaspora 4 ---------------------- */

/* --------------------- Shteti ---------------------- */
.shteti {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 2rem 0 1rem 0;
    padding: 0 0 0.5rem 0rem;
    color: #000;
    min-height: 21rem;
}
@media (max-width: 575.98px) {
    .shteti {
        margin: 1rem 0 0rem 0;
    }
}
.shteti h1 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #051154;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .shteti h1 {
      font-size: 2rem;
    }
}
.shteti h2 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .shteti h2 {
      font-size: 1.6rem;
    }
}

.shteti p {
    padding: 0rem 0.5rem 0rem 0rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}
.shteti a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    color: #00c7ca;
}
.shteti a:hover {
    font-size: 1rem;
    color:#ef0607;
}
.shteti ul {
    margin:0rem;
    padding: 0 0 0 1rem;
}
.shteti li {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 500;
}
.shteti li a {
    text-decoration: none;
    color: #090448;
}

.guida {
  border-radius: 0 0 1rem 1rem;
  background: #eee;
  margin: 0rem;
  padding: 0.75rem;
}
.guida h1 {
  padding: 0 0 1rem 0;
  font-size: 1.4rem;
  font-weight: 700;
  color: #090448;
  text-align: left;
}
@media (max-width: 575.98px) {
  .guida h1 {
    font-size: 1.2rem;
  }
}
.guida a {
  font-size: 1rem;
  color:#f60;
  text-decoration: none;
  font-weight: 500;
  text-align: center;
}
.guida a:hover {
  font-size: 1rem;
  color:#090448;
}
.guida a:active {
    font-size: 1rem;
    color:#f07;
  }
.integrimi {
  border-radius: 0 0 1rem 1rem;
  background: #eee;
  margin: 0rem;
  padding: 0.75rem;
}
.integrimi h1 {
  padding: 0 0 1rem 0;
  font-size: 1.4rem;
  font-weight: 700;
  color: #090448;
  text-align: left;
}
@media (max-width: 575.98px) {
  .integrimi h1 {
    font-size: 1.2rem;
  }
}
.integrimi a {
  font-size: 1rem;
  color:#ef1481;
  text-decoration: none;
  font-weight: 500;
  text-align: center;
}
.integrimi a:hover {
  font-size: 1rem;
  color:#090448;
}






.ku {
  border-radius: 0 0 1rem 1rem;
  background: #eee;
  margin: 0rem;
  padding: 0.75rem;
}
.ku h1 {
  padding: 0 0 1rem 0;
  font-size: 1.4rem;
  font-weight: 700;
  color: #090448;
  text-align: left;
}
@media (max-width: 575.98px) {
  .ku h1 {
    font-size: 1.2rem;
  }
}
.ku a {
  padding-top: 3rem;
  font-size: 1rem;
  color:#707;
  text-decoration: none;
  font-weight: 500;
  text-align: center;
}
.ku a:hover {
  font-size: 1rem;
  color:#090448;
}

.ofertat2 {
  background: rgba(255, 255, 255, 0.25);
  border-radius: 1rem;
  margin: 1rem 0 1rem 0;
  padding: 0 0 1rem 0rem;
  color: #eee;
}
@media (max-width: 575.98px) {
  .ofertat2 {
    margin: 1rem 0 0rem 0;
  }
}
.ofertat2 h2 {
  padding: 0 0 0.5rem 1rem;
  font-size: 1.6em;
  font-weight: 900;
  color: #090448;
}
.ofertat2 p {
  padding: 1rem;
  font-size: 1em;
  font-weight: 500;
}
.ofertat2 a {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  text-decoration: none;
}
.ofertat2 a:hover {
  color: #090448;
}
/* --------------------- end Shteti ---------------------- */

/* --------------------- Bizneset + ---------------------- */
.regions {
  background: rgb(239, 238, 238, 0.7);
  border-radius: 0.5rem 0.5rem 0 0;
  margin: 1rem 0 0rem 0;
  padding: 0.5rem;
}
.regions h1 {
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
}
.regions a {
  font-size: 1rem;
  color: #076ef7;
  text-align: center;
  text-decoration: none;
}
.regions a:hover {
  font-size: 1rem;
  color:#ef0607;
}
.aktiv {
  background-color: #eee;
  font-size: 1rem;
  color:#fff;
}
.aktiv a {
  color:#cd3;
  font-weight: 700;
}
.gjithsej {
  background: #eee;
  border-radius: 0 0 0.5rem 0.5rem;
  margin: 0 0 1rem 0;
  padding: 1rem 1rem 1rem 1rem;
}
.gjithsej h1 {
  font-size: 1rem;
  font-weight: 700;
  color: #090448;
}
.gjithsej h2 {
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
}
.gjithsej h3 {
  font-size: 1rem;
  font-weight: 500;
  text-align: right;
}
.gjithsej h4 {
  font-size: 1.4rem;
  font-weight: 900;
  text-align: center;
}
.gjithsej a {
  padding: 0rem;
  font-size: 1rem;
  font-weight: 700;
  color: #00c7ca;
  text-decoration: none;
}
.gjithsej a:hover {
  color: #090448;
  font-weight: 700;
  text-decoration: underline;
}
.groups {
  background: rgb(238, 238, 238, 1);
  border-radius: 1rem;
  margin: 2rem 0 1rem 0;
  padding: 1rem 1rem 1rem 1rem;
}
.groups h1 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #090448;
  text-align: left;
}
@media (max-width: 575.98px) {
  .groups h1 {
    font-size: 1.4rem;
  }
}
.groups h3 {
  text-align: center;
}
.groups h4 {
  padding: 1rem 0 1rem 0;
  font-weight: 700;
  font-size: 1.4rem;
  text-align: center;
}
.groups h2 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #090448;
  text-align: left;
}
.groups p {
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  text-align: left;
}
.groups a {
  font-size: 1rem;
  text-decoration: none;
  font-weight: 500;
  text-align: center;
}
.groups a:hover {
  font-size: 1rem;
  color:#ef0607;
}
.groups ul {
  margin: 0;
  padding: 0rem;
  background-color: #eee;
  list-style: none;
}
.groups li {
  line-height: 1.8rem;
}
.groups li a {
  font-size: 1rem;
  text-decoration: none;
  font-weight: 500;
  list-style: none;
}
.ibiznesi {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0.5rem;
  margin: 2rem 0 1rem 0;
  padding: 0 0 0.5rem 0rem;
  color: #444;
}
@media (max-width: 575.98px) {
  .ibiznesi {
    background-color: #eee;
    margin: 0rem 0 0rem 0;
  }
}
.ibiznesi h1 {
  padding: 1rem 0 0 1rem;
  font-size: 2rem;
  font-weight: 700;
  color: #000;
}
.ibiznesi ul {
  padding: 0 0 0 1rem;
}
.ibiznesi li {
  margin: 0 1rem 0 0;
  padding: 0rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  list-style-type: none;
  line-height: 2rem;
  font-size: 1rem;
  font-weight: 500;
}
.ibiznesi li a {
  font-size: 1rem;
  font-weight: 500;
  color: #090448;
  text-decoration: none;
}
.ibiznesi li a:hover {
  color: #ef0607;
}




/* --------------------- end Bizneset + --------------------- */



.infobiz {
  background: rgba(255, 255, 155, 1);
  margin: 1rem 0 0rem 0;
  padding: 1.2rem;
  min-height: 20rem;
}
.infobiz h1 {
  font-size: 2em;
  font-weight: 900;
}
.infobiz p {
  font-size: 1em;
  font-weight: 500;
}
.infobiz a {
  text-decoration: none;
}
.registerbiz {
  background: rgba(238, 238, 238, 1);
  border-radius: 0.5rem;
  margin: 2rem 0 1rem 0;
  padding: 1rem;
}
.registerbiz h1 {
  font-size: 2em;
  font-weight: 900;
}
.registerbiz p {
  font-size: 1em;
  font-weight: 500;
}
.registerbiz a {
  text-decoration: none;
}

.bizlist {
  background: #00c7ca;
  margin: 1rem 0 1rem 0;
  padding: 1rem;
}
.bizlist h1 {
  font-size: 1.6rem;
  font-weight: 900;
  color: #fff;
  text-align: left;
}
.bizname {
  background: #fff;
  margin: 1rem 0 0rem 0;
  padding: 1rem 1rem 1rem 1rem;
}
.bizname h1 {
  font-size: 1.4rem;
  font-weight: 900;
  color: #090448;
  text-align: left;
}
.bizname h3 {
  text-align: center;
}
.bizname h4 {
  padding: 1rem 0 1rem 0;
  font-weight: 700;
  font-size: 1.4rem;
  text-align: center;
}
.bizname p {
  font-size: 1rem;
  font-weight: 500;
  color: #022;
  text-align: left;
}
.bizname a {
  font-size: 1rem;
  text-decoration: none;
  font-weight: 500;
  text-align: center;
}
.bizname a:hover {
  font-size: 1rem;
  color:#ef0607;
}
.bizname ul {
  margin: 0 0 0 0;
  padding: 0rem;
  background-color: #fff;
  list-style: none;
}
.bizname li {
  line-height: 1.8rem;
}
.bizname li a {
  font-size: 1rem;
  text-decoration: none;
  font-weight: 500;
  list-style: none;
}
.bizname img {
  float: right;
  margin: 0rem;
  padding: 0.5rem;
}
.bizdetail {
  background: #eee;
  margin: 0rem;
  padding: 1rem 1rem 1rem 1rem;
}
.bizdetail h1 {
  font-size: 1rem;
  font-weight: 500;
}
.bizdetail h2 {
  font-size: 1rem;
  font-weight: 700;
  color: #000;
}
.bizdetail h3 {
  font-size: 1rem;
  font-weight: 500;
  text-align: right;
}
.bizdetail a {
  font-size: 1rem;
  font-weight: 500;
  color: #090448;
  text-decoration: none;
}
.bizdetail a:hover {
  color: #000;
  text-decoration: underline;
}

/* --------------------- end Bizneset ---------------------- */


/* --------------------- Sherbime ---------------------- */

.sherbime {
  background: rgb(238, 238, 238, 0.5);
  border-radius: 0.5rem 0.5rem 0 0;
  margin: 1rem 0 0rem 0;
  padding: 1rem 0.75rem 0.5rem 0.75rem;
}

.sherbime h1 {
  padding: 0 0 0.5rem 0;
  font-size: 2rem;
  font-weight: 700;
  color: #090448;
}
@media (max-width: 575.98px) {
  .sherbime h1 {
    font-size: 1.4rem;
  }
}
.sherbime h2 {
    padding: 0rem;
    border-radius: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
  }
.sherbime a {
    font-size: 1rem;
    color:#00c7ca;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
  }
.sherbime a:hover {
    font-size: 1rem;
    color:#090448;
 }

.sherbime ul {
  margin: 0;
  padding: 0rem;
  background-color: #eee;
  list-style: none;
}
.sherbime li {
  line-height: 1.8rem;
}
.sherbime li a {
  font-size: 1rem;
  text-decoration: none;
  font-weight: 500;
  list-style: none;
}

/* --------------------- end Sherbime ---------------------- */













.shlinks {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 1rem;
  margin: 1rem 0 1rem 0;
  padding: 0rem 0 0.5rem 0rem;
  color: #444;
}
@media (max-width: 575.98px) {
  .shlinks {
    margin: 1rem 0 1rem 0;
  }
}
.shlinks h1 {
  padding: 0.5rem 0.5rem 0 1rem;
  font-size: 2em;
  font-weight: 900;
  color: #444;
}
.shlinks h2 {
  padding: 0 0 0 1rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #444;
  text-align: left;
}
.shlinks h3 {
  padding: 0 0 0 1rem;
  font-size: 1rem;
  font-weight: 700;
  color: #444;
  text-align: left;
}
.shlinks a {
  padding: 0 0 0 1rem;
  font-size: 1rem;
  font-weight: 500;
  color: #090448;
  text-decoration: none;
}
.shlinks a:hover {
  color: #ef0607;
}



/* --------------------- Radio --------------------- */

.radio {
    background: rgb(68, 68, 68, 0.75);
    border-radius: 0.5rem;
    margin: 1rem 0 1rem 0;
    padding: 1rem;
  }
  .radio h1 {
    background: rgb(239, 238, 238, 1);
    border-radius: 0.5rem;
    margin: 0rem 0 0rem 0;
    padding: 0.75rem 0.5rem 0.75rem 0.5rem;
    line-height: 1rem;
    font-size: 1rem;
    font-weight: 700;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .radio h1 {
      font-size: 0.8rem;
      font-weight: 500;
    }
  }
  .radio p {
    padding: 0 0.5rem 0 1rem;
    font-size: 1rem;
    color: #076ef7;
    text-align: left;
    text-decoration: none;
  }
  .radio a {
    padding: 0rem 0 0rem 0;
    font-size: 1rem;
    color: #076ef7;
    text-align: left;
    text-decoration: none;
  }
  .radio a:hover, .active-radio {
    font-size: 1rem;
    color:#ef0607;
  }

  .radiolive {
    background: rgba(255, 255, 255, 1);
    border-radius: 0.5rem;
    margin: 1rem 0 1rem 0;
    padding: 0 0 0rem 0rem;
  }
  @media (max-width: 575.98px) {
    .radiolive {
      background-color: #eee;
      margin: 0rem 0 0rem 0;
    }
  }
  .radiolive h1 {
    padding: 1rem 0 0 1rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #000;
  }
  .radiolive h2 {
    padding: 1rem 0 0 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
  }
  .radiolive h3 {
    padding: 1rem 1rem 0 0rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: right;
    text-decoration: none;
  }
  .radiolive h4 {
    padding: 1rem 1rem 0 0rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
    text-decoration: none;
  }
  .radiolive h5 {
    padding: 1rem 1rem 0 0rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: right;
    text-decoration: none;
  }
  .radiolive a {
    text-decoration: none;
  }
  .radiolive a:hover {
    color:#ef0607;
  }
  .radioplay {
    background-color: #999;
    border-radius: 0.5rem;
    margin: 0.5rem 0.5rem 0.5rem 0.5rem;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  }
  .radiochannel {
    margin: 0rem;
    padding: 0 0 0.5rem 0;
    text-decoration: none;
  }
  .radiochannel h1 {
    font-size: 0.9rem;
    font-weight: 500;
    text-align: right;
  }
  .radiochannel h2 {
    font-size: 0.9rem;
    font-weight: 500;
    text-align: left;
  }
  .radiochannel a {
    text-decoration: none;
  }
  .radiolist {
    background-color: #444;
    border-radius: 0.5rem;
    margin: 0rem;
    padding: 0.5rem;
  }

  /* --------------------- end Radio --------------------- */


/* --------------------- TV --------------------- */

  .television {
    background: rgb(239, 238, 238, 0.45);
    border-radius: 0.5rem;
    margin: 1rem 0 1rem 0;
    padding: 0.5rem 0.5rem 1rem 0.5rem;
  }
  .television h1 {
    background: rgb(239, 238, 238, 1);
    border-radius: 0.5rem;
    margin: 0rem 0 0rem 0;
    padding: 0.75rem 0.5rem 0.75rem 0.5rem;
    line-height: 1rem;
    font-size: 1rem;
    font-weight: 700;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .television h1 {
      font-size: 0.8rem;
      font-weight: 500;
    }
  }
  .television p {
    padding: 0 0.5rem 0 1rem;
    font-size: 1rem;
    color: #076ef7;
    text-align: left;
    text-decoration: none;
  }
  .television a {
    padding: 0rem 0 0rem 0;
    font-size: 1rem;
    color: #076ef7;
    text-align: left;
    text-decoration: none;
  }
  .television a:hover {
    font-size: 1rem;
    color:#ef0607;
  }

  .tvlive {
    background: rgba(255, 255, 255, 1);
    border-radius: 0.5rem;
    margin: 1rem 0 1rem 0;
    padding: 0 0 0rem 0rem;
  }
  @media (max-width: 575.98px) {
    .tvolive {
      background-color: #eee;
      margin: 0rem 0 0rem 0;
    }
  }
  .tvlive h1 {
    padding: 1rem 0 0 1rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #000;
  }
  .tvlive h2 {
    padding: 1rem 0 0 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
  }
  .tvlive h3 {
    padding: 1rem 1rem 0 0rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: right;
    text-decoration: none;
  }
  .tvlive a {
    text-decoration: none;
  }
  .tvlive a:hover {
    color:#ef0607;
  }
  .radioplay {
    background-color: #999;
    border-radius: 0.5rem;
    margin: 0.5rem 0.5rem 0.5rem 0.5rem;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  }
  .tvchannel {
    margin: 0rem;
    padding: 0 0 0.5rem 0;
    text-decoration: none;
  }
  .tvchannel h1 {
    font-size: 0.9rem;
    font-weight: 500;
    text-align: right;
  }
  .tvchannel h2 {
    font-size: 0.9rem;
    font-weight: 500;
    text-align: left;
  }
  .tvchannel a {
    text-decoration: none;
  }
  .tvlist {
    background-color: #444;
    border-radius: 0.5rem;
    margin: 0rem;
    padding: 0.5rem;
  }

  /* --------------------- end TV --------------------- */

  .broshurat {
    background: #eee;
    border-radius: 1rem;
    margin: 2rem 0 1rem 0;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  }
  .broshurat h1 {
    font-size: 3rem;
    font-weight: 900;
    color: #000;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .broshurat h1 {
      font-size: 1.8rem;
    }
  }
  .broshurat h2 {
    padding: 0rem 0 0rem 0;
    font-size: 1.6rem;
    font-weight: 700;
    color: #222;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .broshurat h2 {
      font-size: 1rem;
      font-weight: 700;
    }
  }
  .broshurat p {
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .broshurat p {
      font-size: 1rem;
    }
  }
  .broshurat a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
  }
  .broshurat a:hover {
    font-size: 1rem;
    color:#ef0607;
  }
  .articlediaspora {
    border-radius: 0 0 1rem 1rem;
    background: #eee;
    margin: 0rem;
    padding: 0.75rem;
  }
  .articlediaspora h1 {
    padding: 0 0 1rem 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: #090448;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .articlediaspora h1 {
      font-size: 1.2rem;
    }
  }
  .articlediaspora a {
    padding-top: 3rem;
    font-size: 1rem;
    color:#707;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
  }
  .articlediaspora a:hover {
    font-size: 1rem;
    color:#090448;
  }

.bizneset {
    border-radius: 0 0 1rem 1rem;
    background: #fff;
    margin: 0rem;
    padding: 0.75rem;
  }
 .bizneset h1 {
    font-size: 1.2rem;
    font-weight: 500;
    color: #444;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .bizneset h1 {
      font-size: 1rem;
    }
  }
.bizneset h2 {
    padding: 0.25rem 0.25rem 0.25rem 0.25rem;
    border-radius: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
  }
.bizneset a {
    font-size: 1rem;
    color:#00c7ca;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
  }

  @media (max-width: 575.98px) {
    .bizneset a {
        font-weight: 500;
    }
  }
.bizneset a:hover {
    font-size: 1rem;
    color:#090448;
  }
.komuniteti {
    border-radius: 0 0 1rem 1rem;
    background: #fff;
    margin: 0rem;
    padding: 0.75rem;
}
.komuniteti h1 {
    font-size: 0.8rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}
@media (max-width: 575.98px) {
    .komuniteti h1 {
      font-size: 1rem;
    }
}
.komuniteti h2 {
    padding: 0.25rem 0.25rem 0.25rem 0.25rem;
    border-radius: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
}
.komuniteti a {
    font-size: 1rem;
    color:#00c7ca;
    text-decoration: none;
    font-weight: 500;
    text-align: left;
}

@media (max-width: 575.98px) {
    .komuniteti a {
        font-weight: 500;
    }
}
.komuniteti a:hover {
    font-size: 1rem;
    color:#090448;
}
.komuniteti a:active {
    font-size: 1rem;
    color:#f06;
    text-decoration: none;
    font-weight: 500;
    text-align: left;
}





  .tjera {
    border-radius: 0 0 1rem 1rem;
    background: #fff;
    margin: 0rem;
    padding: 0.75rem;
  }
  .tjera h1 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #090448;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .tjera h1 {
      font-size: 1.2rem;
    }
  }
  .tjera h2 {
    padding: 0.5rem 0.25rem 0.5rem 0.5rem;
    border-radius: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
  }
  .tjera a {
    font-size: 1rem;
    font-size: 1rem;
    color:#00c7ca;
    text-decoration: none;
    font-weight: 700;
    text-align: left;
  }
  .tjera a:hover {
    font-size: 1rem;
    color:#090448;
  }



  .bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }

  @media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  }

  .b-example-divider {
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
  }

  .b-example-vr {
    flex-shrink: 0;
    width: 1.5rem;
    height: 100vh;
  }

  .bi {
    vertical-align: -.125em;
    fill: currentColor;
  }

  .nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
  }

  .nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }