@charset "UTF-8";
body {
    padding-top: 0rem;
}


.nav-item {
  padding-right: 1rem;
  line-height: 1.2rem;
}
.nav-item a {
  font-size: 1.4rem;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
}
@media (max-width: 575.98px) {
  .nav-item {
    padding: 0 0 0 1rem;
  }
  .navbar-collapse {
    margin-top: 0.5rem;
  }
  .nav-item a {
    font-size: 1.4rem;
    font-weight: 700;
  }
}
.logo {
  padding: 0rem;
}
/* --------------------- end Nav --------------------- */

/* --------------------- Main colors --------------------- */

.lingubook {
    /* background: rgb(1, 7, 14, 1);  # ff931e*/
    /* background: rgb(15, 199, 240, 1);  # ff931e*/
    background: rgb(255, 102, 0, 1);
    margin: 0rem;
    padding: 0rem;
}
@media (max-width: 575.98px) {
    .lingubook {
        background: rgb(255, 102, 0, 1);
        margin: 0rem;
        padding: 0rem;
    }
}
.lingubook-fluid {
    padding-right: 0;
    padding-left: 0;
}


.lingubook1 {
   /* background: rgb(7, 40, 63, 1); */
   background: rgb(255, 102, 0, 1);
    padding: 0rem;
    margin: 0;
}
.lingubook1-fluid {
    padding-right: 0;
    padding-left: 0;
}
.lingubook2 {
    background-color: #eee;
    padding: 0rem;
    margin: 0rem;
}
.lingubook2-fluid {
    padding-right: 0;
    padding-left: 0;
}
.lingubook3 {
    background: rgba(20, 129, 99, 1);
    padding: 0rem;
    margin-bottom: 0rem;
}
.lingubook3-fluid {
    padding-right: 0;
    padding-left: 0;
}
.lingubook4 {
    background-color: #f60;
    padding: 0rem;
    margin: 0rem;
}
.lingubook4-fluid {
    padding-right: 0;
    padding-left: 0;
}
.lingubook5 {
    background-color: #212121;
    padding: 0rem;
    margin: 0rem;
}
.lingubook5-fluid {
    padding-right: 0;
    padding-left: 0;
}
/* --------------------- end Main colors --------------------- */


/* --------------------- Lingu --------------------- */

.home1 {
    margin: 0rem 0 0rem 0;
    padding: 0rem;
}
@media (max-width: 575.98px) {
    .home1 {
        margin: 0rem 0 0rem 0;
    }
}
.home1 h1 {
    padding: 0rem 0 1rem 0rem;
    font-size: 3.3rem;
    font-weight: 900;
    color:#0f0;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .home1 h1 {
      font-size: 2.5rem;
    }
}

.home1a {
    margin: 0rem 0 0rem 0;
    padding: 0rem 0 0 0;
}
@media (max-width: 575.98px) {
    .home1a {
        padding: 0rem 0 0 0;
    }
}
.home1a h2 {
    background: rgba(21, 21, 21, 0.63);
    border-radius: 0.5rem;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    line-height: 4rem;
    font-size: 3rem;
    font-weight: 900;
    color: #fff;
    text-align: left;
    text-transform: none;
  }
  @media (max-width: 575.98px) {
    .home1a h2 {
        padding: 0.5rem 0.5rem 0.5rem 1rem;
        line-height: 2.5rem;
        font-weight: 700;
        font-size: 2rem;
    }
}




.lingu10 {
    background: rgba(0, 0, 0, 1);
    border-radius: 0.5rem;
    margin: 4rem 0 0rem 0;
    padding: 1rem;
    min-height: 7rem;
}
@media (max-width: 575.98px) {
    .lingu10 {
        margin: 1rem 0 0rem 0;
        min-height: 5.4rem;
    }
}
.lingu10 h1 {
    padding: 0rem 0 0 0rem;
    font-size: 3rem;
    font-weight: 900;
    color: #000;
    text-align: left;
    text-transform: none;
  }
  @media (max-width: 575.98px) {
    .lingu10 h1 {
      font-weight: 700;
      font-size: 1.6rem;
    }
}

.lingu10 p {
    color: #000;
    font-weight: 500;
    line-height: 1rem;
    text-decoration: none;
}
.lingu10 a {
    line-height: 2rem;
    color: #000;
    font-weight: 700;
    text-decoration: none;
}
.lingu10 a:hover {
    color: #f07;
    text-decoration: none;
}
.lingu10a {
    margin: 0rem 0 0rem 0rem;
    padding: 1rem 0rem 1rem 0rem;
}
@media (max-width: 575.98px) {
    .lingu10a {
        margin: 1rem 0 0rem 0;
        padding: 0rem 1rem 1rem 1rem;
    }
}
.lingu10a h1 {
    padding: 0rem 0 1rem 0rem;
    font-size: 3.3rem;
    font-weight: 900;
    color: #fff;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .lingu10a h1 {
      font-size: 2rem;
    }
}
.lingu10a h2 {
    padding: 0rem 0 0 0rem;
    line-height: 4rem;
    font-size: 2.5rem;
    font-weight: 700;
    color: #eee;
    text-align: right;
  }
  @media (max-width: 575.98px) {
    .lingu10a h2 {
        line-height: 2.5rem;
        font-weight: 700;
        font-size: 1.6rem;
    }
}
.lingu10a h3 {
    padding: 0rem 0 0 0rem;
    line-height: 4rem;
    font-size: 2.5rem;
    font-weight: 900;
    color: #eee;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .lingu10a h3 {
        line-height: 2.5rem;
        font-weight: 700;
        font-size: 1.6rem;
    }
}
.lingu10a2 {
    margin: 0rem 0 0rem 0rem;
    padding: 0rem 0rem 1rem 0rem;
}
@media (max-width: 575.98px) {
    .lingu10a2 {
        margin: 1rem 0 0rem 0;
        padding: 0rem 1rem 1rem 1rem;
    }
}
.lingu10a2 h1 {
    padding: 0rem 0 1rem 0rem;
    font-size: 3.3rem;
    font-weight: 900;
    color: #fff;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .lingu10a2 h1 {
      font-size: 2.5rem;
    }
}
.lingu10a2 h2 {
    padding: 0rem 0 0 0rem;
    line-height: 3.5rem;
    font-size: 2.5rem;
    font-weight: 700;
    color: #eee;
    text-align: right;
  }
  @media (max-width: 575.98px) {
    .lingu10a2 h2 {
        line-height: 2.5rem;
        font-weight: 700;
        font-size: 1.6rem;
    }
}
.lingu10a2 h3 {
    padding: 0rem 0 0 0rem;
    line-height: 3.5rem;
    font-size: 2.5rem;
    font-weight: 900;
    color: #eee;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .lingu10a2 h3 {
        line-height: 2.5rem;
        font-weight: 700;
        font-size: 1.6rem;
    }
}


.lingu10b {
    margin: 0rem 0 0rem 0;
    padding: 0rem;
}
@media (max-width: 575.98px) {
    .lingu10b {
        margin: 0rem 0 0rem 0;
    }
}

.lingu10b a {
    display: table-cell;
    background: rgba(0, 0, 0, 0.33);
    background: linear-gradient();
    margin: 1rem 0 0rem 0;
    padding: 1rem 1rem 0.5rem 1rem;
    line-height: 4rem;
    font-size: 3rem;
    font-weight: 900;
    text-align: bottom;
    text-decoration: none;
    color: #fff;
}
@media (max-width: 575.98px) {
    .lingu10b a {
        line-height: 3rem;
        font-size: 2rem;
        text-align: left;
    }
}
.lingu10b a:hover {
    background: rgb(0, 0, 0, 0.75);
    font-size: 3rem;
    color:#f60;
}
@media (max-width: 575.98px) {
    .lingu10b a:hover {
        font-size: 2rem;
        background: rgb(255, 102, 0, 0.25);
    }
}

.lingu10b1 {
    padding: 6rem 0 0 0;
}
@media (max-width: 575.98px) {
    .lingu10b1 {
        padding: 2rem 0 0 0;
    }
}

.lingu10c {
    margin: 0rem 0 0rem 0;
    padding: 11rem 0 0 0;
}
@media (max-width: 575.98px) {
    .lingu10c {
        margin: 0rem 0 0rem 0;
        padding: 0rem 0 0 0;
    }
}


.lingu10d {
    margin: 0rem 0 0rem 0;
    padding: 0rem;
}
@media (max-width: 575.98px) {
    .lingu10d {
        margin: 0rem 0 0rem 0;
    }
}

.lingu10d a {
    display: table-cell;
    background: rgba(0, 0, 0, 0.33);
    background: linear-gradient();
    margin: 1rem 0 0rem 0;
    padding: 1rem 1rem 0.5rem 1rem;
    line-height: 4rem;
    font-size: 3rem;
    font-weight: 900;
    text-align: bottom;
    text-decoration: none;
    color: #fff;
}
@media (max-width: 575.98px) {
    .lingu10d a {
        line-height: 3rem;
        font-size: 2rem;
        text-align: left;
    }
}
.lingu10d a:hover {
    background: rgb(0, 0, 0, 0.75);
    font-size: 3rem;
    color:#f60;
}
@media (max-width: 575.98px) {
    .lingu10d a:hover {
        font-size: 2rem;
        background: rgb(255, 102, 0, 0.25);
    }
}

.lingu10d1 {
    padding: 6rem 0 0 0;
}
@media (max-width: 575.98px) {
    .lingu10d1 {
        padding: 2rem 0 0 0;
    }
}
.menu1 {
    background: #fff;
    border-radius: 0 0 1rem 1rem;
    margin: 0rem 0rem 0rem 0rem;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}
@media (max-width: 575.98px) {
    .menu1 {
        margin: 0rem 0 0rem 0;
    }
}


.menu1a {
    margin: 0rem 0 0rem 0;
    padding: 0.75rem 0rem 0.5rem 0.25rem;
}
@media (max-width: 575.98px) {
    .menu1a {
        margin: 0rem 0 0rem 0;
        padding: 0.75rem 0rem 0.5rem 0rem;
    }
}
.menu1a li a {
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: none;
}
@media (max-width: 575.98px) {
    .menu1a a {
        font-size: 1rem;
    }
}
.menu1b {
    background: transparent;
    margin: 0rem;
    padding: 0rem 0rem 0rem 0rem;
    text-transform: none;
    min-width: 18.5rem;
    text-transform: lowercase;
}
@media (max-width: 575.98px) {
    .menu1b {
        margin: 0rem 0 0rem 0;
        min-width: 20rem;
    }
}
.menu1b a {
    color: #f60;
    font-weight: 700;
    text-transform: lowercase;
}
@media (max-width: 575.98px) {
    .menu1b a {
        font-size: 1rem;
    }
}
.menu1c {
    background: #eee;
    border-radius: 0.5rem 0.5rem 0 0;
    margin: 0rem 0 1.6rem 0;
    padding: 0.5rem 0rem 0.5rem 0.5rem;
    line-height: 1.4rem;
    text-transform: lowercase;
}
@media (max-width: 575.98px) {
    .menu1c {
        text-transform: none;
    }
}
.menu1c a {
    color: #06f;
    text-transform: none;
}
@media (max-width: 575.98px) {
    .menu1c a {
        font-size: 1rem;
        color: #ff0;
    }
}
.lingu1 {
    background: rgba(238, 238, 238, 0.75);
    border-radius: 1rem;
    margin: 1rem 0 0rem 0;
    padding: 1rem 0rem 0rem 1rem;
    min-height: 7rem;
}
@media (max-width: 575.98px) {
    .lingu1 {
        margin: 1rem 0 0rem 0;
        min-height: 5.4rem;
    }
}
.lingu1 h1 {
    padding: 0rem 0 0 0rem;
    font-size: 3rem;
    font-weight: 900;
    color: #000;
    text-align: left;
    text-transform: none;
  }
  @media (max-width: 575.98px) {
    .lingu1 h1 {
      font-weight: 700;
      font-size: 1.6rem;
    }
}

.lingu1 p {
    color: #000;
    font-weight: 500;
    line-height: 1rem;
    text-decoration: none;
}
.lingu1 a {
    line-height: 2rem;
    color: #000;
    font-weight: 700;
    text-decoration: none;
}
.lingu1 a:hover {
    color: #f07;
    text-decoration: none;
}
.lingu2 {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 1rem 0 1rem 0;
    padding: 1rem;
    min-height: 8rem;
}
@media (max-width: 575.98px) {
    .lingu2 {
        margin: 0rem 0 1rem 0;
        padding: 0.75rem;
        border-radius: 0 0 1rem 1rem;
        min-height: 5rem;
    }
}
.lingu2 h1 {
    padding: 1rem 0 0 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    text-transform: none;
  }
  @media (max-width: 575.98px) {
    .lingu2 h1 {
      padding: 0.25rem 0 0 0;
      color: #eee;
      font-weight: 700;
      font-size: 1.4rem;
      text-align: left;
      text-transform: none;
    }
  }
  .lingu2 h2 {
    padding: 0rem 0 0 0rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .lingu2 h2 {
      color: #fff;
      font-size: 1rem;
      font-weight: 500;
      text-align: left;
    }
  }
.lingu2 h3 {
    padding: 0rem 0.25rem 0 0rem;
    font-size: 3rem;
    font-weight: 700;
    color: #eee;
    text-align: center;
    text-transform: none;
}
@media (max-width: 575.98px) {
    .lingu2 h3 {
        padding: 0rem 0.25rem 0 0;
        color: #444;
        font-weight: 700;
        font-size: 2rem;
        text-align: center;
        text-transform: none;
    }
}
.lingu2 a {
    line-height: 2rem;
    color: #f60;
    font-weight: 700;
    text-decoration: none;
}
.lingu2 a:hover {
    color: #f07;
    text-decoration: none;
}

.lingu3 {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 1rem 0 0rem 0;
    padding: 1rem;
    min-height: 4rem;
}
@media (max-width: 575.98px) {
    .lingu3 {
        border-radius: 0 0 0rem 0rem;
        margin: 0rem 0 0rem 0;
        padding: 0.75rem;
        min-height: 3rem;
    }
}
.lingu3 h1 {
    padding: 1rem 0 0 0rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    text-transform: none;
  }
  @media (max-width: 575.98px) {
    .lingu3 h1 {
      padding: 0.25rem 0 0 0;
      color: #eee;
      font-weight: 700;
      font-size: 1.4rem;
      text-align: left;
      text-transform: none;
    }
  }
  .lingu3 h2 {
    padding: 0rem 0 0 0rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .lingu3 h2 {
      color: #fff;
      font-size: 1rem;
      font-weight: 500;
      text-align: left;
    }
  }
.lingu3 h3 {
    padding: 0rem 0.25rem 0 0rem;
    font-size: 3rem;
    font-weight: 700;
    color: #eee;
    text-align: center;
    text-transform: none;
}
@media (max-width: 575.98px) {
    .lingu3 h3 {
        padding: 0rem 0.25rem 0 0;
        color: #444;
        font-weight: 700;
        font-size: 2rem;
        text-align: center;
        text-transform: none;
    }
}
.lingu3 a {
    line-height: 2rem;
    color: #f60;
    font-weight: 700;
    text-decoration: none;
}
.lingu3 a:hover {
    color: #f07;
    text-decoration: none;
}

.lingu4 {
    background: rgba(238, 238, 238, 0.75);
    border-radius: 1rem;
    margin: 1rem 0 0rem 0;
    padding: 1rem 0rem 0rem 1rem;
    min-height: 7rem;
}
@media (max-width: 575.98px) {
    .lingu4 {
        border-radius: 1rem 1rem 0 0;
        margin: 1rem 0 0rem 0;
        min-height: 4rem;
    }
}
.lingu4 h1 {
    padding: 0rem 0 0 0rem;
    font-size: 3rem;
    font-weight: 900;
    color: #000;
    text-align: left;
    text-transform: none;
  }
  @media (max-width: 575.98px) {
    .lingu4 h1 {
        font-weight: 700;
        font-size: 2rem;
    }
  }

.lingu4 p {
    color: #000;
    font-weight: 500;
    line-height: 1rem;
    text-decoration: none;
}
.lingu4 a {
    line-height: 2rem;
    color: #000;
    font-weight: 700;
    text-decoration: none;
}
.lingu4 a:hover {
    color: #f07;
    text-decoration: none;
}


.lingu5 {
    background: rgba(21, 21, 21, 1);
    border-radius: 1rem;
    margin: 1rem 0 1rem 0;
    padding: 0.5rem 1rem 0.25rem 1rem;
    min-height: 4rem;
}
@media (max-width: 575.98px) {
    .lingu5 {
        margin: 0rem 0 1rem 0;
        padding: 1rem 1rem 0.25rem 1rem;
        border-radius: 0 0 1rem 1rem;
        min-height: 3rem;
    }
}
.lingu5 h1 {
    padding: 0rem 0 0.5rem 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
    text-transform: none;
  }
  @media (max-width: 575.98px) {
    .lingu5 h1 {
      padding: 0rem 0 1rem 0;
      color: #eee;
      font-weight: 700;
      font-size: 1.4rem;
      text-align: left;
      text-transform: none;
    }
  }

  .lingu5 h2 {
    padding: 0rem 0 0 0rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .lingu5 h2 {
      color: #fff;
      font-size: 1rem;
      font-weight: 500;
      text-align: left;
    }
  }
.lingu5 h3 {
    padding: 0rem 0.25rem 0 0rem;
    font-size: 3rem;
    font-weight: 700;
    color: #eee;
    text-align: center;
    text-transform: none;
}
@media (max-width: 575.98px) {
    .lingu5 h3 {
        padding: 0rem 0.25rem 0 0;
        color: #444;
        font-weight: 700;
        font-size: 2rem;
        text-align: center;
        text-transform: none;
    }
}
.lingu5 p {
    padding: 0.5rem 0 0rem 0;
    color: #fff;
    font-weight: 500;
    line-height: 1.4rem;
    text-decoration: none;
}
@media (max-width: 575.98px) {
    .lingu5 p {
        color: #fff;
    }
}
.lingu5 a {
    line-height: 2rem;
    color: #000;
    font-weight: 700;
    text-decoration: none;
}
.lingu5 a:hover {
    color: #f07;
    text-decoration: none;
}


.lingushow {
    margin: 0;
    padding: 1rem 0 0 0;
}
@media (max-width: 575.98px) {
    .lingushow {
        padding: 0rem 0 0 0;
    }
}

.languagesdesktop {
    background: transparent;
    border-radius: 0 0 1rem 1rem;
    margin: 0;
    padding: 0 0.5rem 0 0.75rem;
    min-width: 12rem;
  }
@media (max-width: 575.98px) {
    .languagesdesktop {
        min-width: 12rem;
    }
}

.languagesdesktop  ul {
    margin: 0;
    padding: 0rem;
    list-style: none;
  }
  .languagesdesktop  li a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    list-style: none;
  }
 .languagesdesktop  a {
    padding: 1rem 0 1rem 0;
    list-style: none;
    line-height: 2rem;
    font-size: 1rem;
    color: #444;
    font-weight: 500;
    text-decoration: none;
  }
@media (max-width: 575.98px) {
    .languagesdesktop {
        font-size: 0.8rem;
    }
}
.languagesdesktop  a:hover {
    color:#ef1481;
}
/* --------------------- end Lingu --------------------- */



/* --------------------- Werbung --------------------- */
.werbung1 {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 1rem 0 1rem 0;
    padding: 1rem;
    min-height: 8rem;
}
@media (max-width: 575.98px) {
    .werbung1 {
        margin: 1rem 0 1rem 0;
        padding: 0.75rem;
        min-height: 5rem;
    }
}
.werbung1 h1 {
    padding: 1rem 0 0 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    text-transform: none;
  }
  @media (max-width: 575.98px) {
    .werbung1 h1 {
      padding: 0.25rem 0 0 0;
      color: #eee;
      font-weight: 700;
      font-size: 1.4rem;
      text-align: left;
      text-transform: none;
    }
  }
  .werbung1 h2 {
    padding: 0rem 0 0 0rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .werbung1 h2 {
      color: #fff;
      font-size: 1rem;
      font-weight: 500;
      text-align: left;
    }
  }
.werbung1 h3 {
    padding: 0rem 0.25rem 0 0rem;
    font-size: 3rem;
    font-weight: 700;
    color: #eee;
    text-align: center;
    text-transform: none;
}
@media (max-width: 575.98px) {
    .werbung1 h3 {
        padding: 0rem 0.25rem 0 0;
        color: #444;
        font-weight: 700;
        font-size: 2rem;
        text-align: center;
        text-transform: none;
    }
}
.werbung1 a {
    line-height: 2rem;
    color: #f60;
    font-weight: 700;
    text-decoration: none;
}
.werbung1 a:hover {
    color: #f07;
    text-decoration: none;
}


/* --------------------- end of Werbung --------------------- */






/* --------------------- Main pages --------------------- */


.iconmenu {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 1rem;
    margin: 1rem 0 0rem 0;
    padding: 0.75rem 0.75rem 0.75rem 0.75rem;
    min-height: 8rem;
}
@media (max-width: 575.98px) {
    .iconmenu {
        border-radius: 0 0 1rem 1rem;
        margin: 0rem 0 0rem 0;
        min-height: 5rem;
    }
}


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


.iconmenu2 {
    margin: 0rem 0 0rem 0;
    padding: 0rem;
    color: #000;
}
  @media (max-width: 575.98px) {
    .iconmenu2 {
      border-radius: 0 0 1rem 1rem;
      margin: 0 0 0 1rem;
      padding: 0rem 0.25rem 0.25rem 2.5rem;
    }
  }
  .iconmenu2 h1 {
    padding: 1rem 0 0 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    text-align: center;
    text-transform: none;
  }
  @media (max-width: 575.98px) {
    .iconmenu2 h1 {
      padding: 0.25rem 0 0 0;
      color: #eee;
      font-weight: 700;
      font-size: 1.2rem;
      text-align: center;
      text-transform: none;
    }
  }
  .iconmenu2 h2 {
    padding: 0rem 0 0 0rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .iconmenu2 h2 {
      color: #fff;
      font-size: 1rem;
      font-weight: 500;
      text-align: left;
    }
  }
  .iconmenu2 h3 {
      padding: 0rem 0.25rem 0 0rem;
      font-size: 3.5rem;
      font-weight: 700;
      color: #eee;
      text-align: center;
      text-transform: none;
  }
  @media (max-width: 575.98px) {
      .iconmenu2 h3 {
          padding: 0rem 0.5rem 0 0;
          color: #444;
          font-weight: 700;
          font-size: 2.4rem;
          text-align: center;
          text-transform: none;
      }
  }
  .iconmenu2 a {
      line-height: 1.4rem;
      color: #000;
      font-weight: 500;
      text-decoration: none;
  }
  .iconmenu2 a:hover {
      color: #d00;
      text-decoration: none;
  }
  .iconmenu2 ul {
      margin:0rem;
      padding: 0 0 0 0rem;
  }
  .iconmenu2 li {
      margin: 0rem;
      padding: 0rem;
      list-style-type: none;
      line-height: 1rem;
      font-size: 1rem;
      font-weight: 500;
  }
  .iconmenu2 li a {
      text-decoration: none;
      color: #051154;
  }

.iconmenu3 {
    margin: 0rem 0 0rem 0;
    padding: 0rem;
    color: #000;
}
  @media (max-width: 575.98px) {
    .iconmenu3 {
      border-radius: 0 0 1rem 1rem;
      margin: 0 0 0 1rem;
      padding: 0rem 0.25rem 0.25rem 2.5rem;
    }
  }
  .iconmenu3 h1 {
    padding: 1rem 0 0 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    text-align: center;
    text-transform: none;
  }
  @media (max-width: 575.98px) {
    .iconmenu3 h1 {
      padding: 0.25rem 0 0 0;
      color: #eee;
      font-weight: 700;
      font-size: 1.2rem;
      text-align: center;
      text-transform: none;
    }
  }
  .iconmenu3 h2 {
    padding: 0rem 0 0 0rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .iconmenu3 h2 {
      color: #fff;
      font-size: 1rem;
      font-weight: 500;
      text-align: left;
    }
  }
  .iconmenu3 h3 {
      padding: 0rem 0.25rem 0 0rem;
      font-size: 3.5rem;
      font-weight: 700;
      color: #eee;
      text-align: center;
      text-transform: none;
  }
  @media (max-width: 575.98px) {
      .iconmenu3 h3 {
          padding: 0rem 0.5rem 0 0;
          color: #444;
          font-weight: 700;
          font-size: 2.4rem;
          text-align: center;
          text-transform: none;
      }
  }
  .iconmenu3 a {
      line-height: 1.4rem;
      color: #000;
      font-weight: 500;
      text-decoration: none;
  }
  .iconmenu3 a:hover {
      color: #d00;
      text-decoration: none;
  }
  .iconmenu3 ul {
      margin:0rem;
      padding: 0 0 0 0rem;
  }
  .iconmenu3 li {
      margin: 0rem;
      padding: 0rem;
      list-style-type: none;
      line-height: 1rem;
      font-size: 1rem;
      font-weight: 500;
  }
  .iconmenu3 li a {
      text-decoration: none;
      color: #051154;
  }
/* --------------------- end of Main pages --------------------- */


.titulli1 {
    margin-top: 0rem;
    padding: 0rem 0 1rem 0;
    color: #fff;
}
.titulli1 h1 {
    padding: 0rem 0 0 1rem;
    font-size: 3.5rem;
    font-weight: 900;
    text-shadow: 2px 2px 2px rgba(9, 4, 72, 1);
}
@media (max-width: 575.98px) {
    .titulli1 h1 {
        padding: 1rem 0 0 0;
        font-size: 3rem;
    }
}
.titulli1 h2 {
    padding: 0rem;
    font-size: 2.5rem;
    font-weight: 500;
    text-shadow: 1px 1px 1px rgba(9, 4, 72, 1);
}
@media (max-width: 575.98px) {
    .titulli1 h2 {
      font-size: 1rem;
    }
}



/* -------------------- Reklamat --------------------- */

.reklama1 {
    background: rgb(15, 199, 240, 0.5);
    border-radius: 1rem;
    margin: 1rem 0 0rem 0;
    padding: 0.75rem 0.75rem 0.75rem 0.75rem;
    min-height: 10rem;
}
@media (max-width: 575.98px) {
    .reklama1 {
      margin: 1rem 0 0rem 0;
      padding: 1rem 0.75rem 0rem 0.75rem;
    }
}
.reklama1 h1 {
    padding: 1rem 0rem 0rem 0rem;
    font-size: 2.4rem;
    font-weight: 700;
    color: #051154;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .reklama1 h1 {
      padding: 0.5rem 0rem 0rem 0.5rem;
      font-size: 1.8rem;
    }
}
.reklama1 h2 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #212121;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .reklama1 h2 {
      font-size: 1.4rem;
    }
}
.reklama1 h3 {
    padding: 0.5rem 0rem 0rem 1rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .reklama1 h3 {
      font-size: 1rem;
    }
}
.reklama1 h4 {
    padding: 1rem 1rem 1rem 1rem;
    font-size: 1.8rem;
    font-weight: 900;
    color: #000;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .reklama1 h4 {
      font-size: 1rem;
    }
}
.reklama1 p {
    padding: 0rem 0.5rem 0rem 1rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    text-align: left;
}
.reklama1 a {
    display: table-cell;
    padding: 0.5rem 1rem 0.5rem 0.5rem;
    color: #fff;
    font-size: 1.8rem;
    text-align: left;
    text-decoration: none;
}
.reklama1 a:hover {
    background: rgb(238, 238, 238, 0.5);
    font-size: 1.8rem;
    color:#090448;
}
.reklama1 ul {
    margin:0rem;
    padding: 0 0 0 1rem;
}
.reklama1 li {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 500;
}
.reklama1 li a {
    text-decoration: none;
    color: #fff;
}

.reklama2 {
    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: 20rem;
}
@media (max-width: 575.98px) {
    .reklama2 {
      margin: 1rem 0 0rem 0;
    }
}
.reklama2 h1 {
    padding: 0.5rem 0rem 0rem 1rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #051154;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .reklama2 h1 {
      font-size: 2rem;
    }
}
.reklama2 h2 {
    padding: 0.5rem 0rem 0rem 1rem;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .reklama2 h2 {
      font-size: 1.6rem;
    }
}
.reklama2 p {
    padding: 0rem 0.5rem 0rem 1rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    text-align: left;
}
  .reklama2 a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    color: #fff;
}
.reklama2 a:hover {
    font-size: 1rem;
    color:#051154;
}
.reklama2 ul {
    margin:0rem;
    padding: 0 0 0 1rem;
}
.reklama2 li {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 500;
}
.reklama2 li a {
    text-decoration: none;
    color: #fff;
}

/* --------------------- end of Reklamat --------------------- */


/* --------------------- google1 --------------------- */

.google1 {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 1rem 0 1rem 0;
    padding: 0.75rem 0.75rem 0.75rem 0.75rem;
    min-height: 19rem;
}
@media (max-width: 575.98px) {
    .google1 {
        background: rgba(255, 255, 255, 0.6);
        margin: 1rem 0 0.5rem 0;
        min-height: 5rem;
    }
}
.google1 img {
    padding: 0.25rem;
}
.google1 h1 {
    padding: 0.5rem 0rem 0.5rem 0rem;
    font-size: 3.5rem;
    font-weight: 900;
    color: #090448;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .google1 h1 {
      padding: 0.5rem 0rem 0.5rem 0rem;
      font-size: 2.5rem;
    }
}

.google1 a {
    padding: 0.5rem 1rem 0.5rem 1rem;
    font-size: 3rem;
    font-weight: 900;
    text-align: bottom;
    text-decoration: none;
    color: #fff;
}
@media (max-width: 575.98px) {
    .google1 a {
        font-size: 2rem;
        text-align: center;
    }
}
/* --------------------- end of google1 --------------------- */
/* --------------------- Blog --------------------- */

.blog {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 1rem 0 1rem 0;
    padding: 0.75rem 0.75rem 0.75rem 0.75rem;
    min-height: 19rem;
}
@media (max-width: 575.98px) {
    .blog {
        background: rgba(255, 255, 255, 0.6);
        margin: 1rem 0 1rem 0;
        min-height: 5rem;
    }
}
.blog h1 {
    padding: 0.5rem 0rem 0.5rem 0rem;
    font-size: 3.5rem;
    font-weight: 900;
    color: #090448;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .blog h1 {
      padding: 0.5rem 0rem 0.5rem 0rem;
      font-size: 2.5rem;
    }
}

.blog2 {
    background-color: #fff;
    margin: 0;
    padding: 0.5rem 1rem 0.5rem 1rem;
}
@media (max-width: 575.98px) {
    .blog2 {
        font-size: 2rem;
    }
}

.blog2 a {
    background-color: #fff;
    padding: 0rem;
    color: #051154;
    font-size: 3rem;
    font-weight: 900;
    text-decoration: none;
}
@media (max-width: 575.98px) {
    .blog2 a {
        font-size: 2rem;
        text-align: center;
    }
}
.blog2 a:hover {
    padding: 0rem;
    color: #0fc7f0;
    font-size: 3rem;
    font-weight: 900;
    text-decoration: none;
}
@media (max-width: 575.98px) {
    .blog2 a:hover {
        font-size: 2rem;
        text-align: center;
    }
}
/* --------------------- end of Blog --------------------- */



















/* --------------------- Menu --------------------- */
.menu {
  background-color: #ff931e;
  padding: 0rem;
  margin-bottom: 0rem;
  border-radius: 0rem;
}

@media (min-width: 576px) {
  .menu {
    padding: 0rem 0rem;
  }
}
.menu-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.mtitle {
  padding: 0rem;
  margin-top: 0rem;
  color: #fff;
}
.mtitle h1 {
  padding: 1rem 0 0 0rem;
  font-size: 4rem;
  font-weight: 700;
  text-shadow: 4px 4px 4px rgba(0, 54, 0, 1);
}
.mtitle h2 {
  padding: 0.5rem 0 0 0;
  font-size: 1.6rem;
  font-weight: 700;
  text-shadow: 2px 2px 2px rgba(0, 54, 0, 1);
}

/* --------------------- end Menu --------------------- */

/* --------------------- Video --------------------- */
.video {
  background: rgba(255, 255, 255, 0.75);
  border-radius: 1rem;
  margin: 1rem 0 1rem 0;
  padding: 0.5rem;
}
@media (max-width: 575.98px) {
  .video {
    margin: 1rem 0 1rem 0;
    padding: 1rem;
  }
}
.lingubook1 {
  margin: 0rem 0 1rem 0;
  padding: 0.5rem 0rem 0rem 0rem;
}
@media (max-width: 575.98px) {
  .lingubook1 {
    margin: 1rem 0 1rem 0;
  }
}
.lingubook1 h1 {
  padding: 0rem 1rem 0rem 1rem;
  font-size: 2rem;
  font-weight: 700;
  color: #090448;
  text-align: left;
  text-transform: lowercase;
}
.lingubook1 h2 {
    padding: 0.5rem 1rem 1rem 1rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #090448;
    text-align: left;
    text-transform: lowercase;
}
.lingubook1 p {
    padding: 0.5rem 1rem 1rem 1rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #090448;
    text-align: left;
}

.lingubook1 a {
  text-decoration: none;
}
.vslogan {
  background: rgba(15, 199, 240, 0.7);
  margin: 0rem;
  padding: 1rem 0rem 0.2rem 0rem;
}
.vslogan h1 {
  padding: 0rem 1rem 1rem 1rem;
  font-size: 1.9rem;
  font-weight: 700;
  color: #fff;
  text-align: left;
}
.lingubook2 {
  margin: 0rem 0 1rem 0;
  padding: 1rem 0rem 0rem 0rem;
}
/* --------------------- end Video --------------------- */

/* --------------------- Main 1 --------------------- */
.main1 {
  background-color: #000;
  padding: 0rem;
  margin-bottom: 0rem;
  border-radius: 0rem;
}

@media (min-width: 576px) {
  .main1 {
    padding: 0rem 0rem;
  }
}
.main1-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.biz1 {
  margin: 1rem 0 1rem 0;
  padding: 0rem 0rem 0rem 0rem;
}
@media (max-width: 575.98px) {
  .biz1 {
    margin: 1rem 0 1rem 0;
  }
}
.ads1 {
  background: rgba(255, 255, 255, 1);
  margin: 0rem 0 1rem 0;
  padding: 1rem 0rem 0rem 0rem;
}
@media (max-width: 575.98px) {
  .ads1 {
    margin: 1rem 0 1rem 0;
  }
}
.ads1 h1 {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
}
.ads1 h2 {
  padding: 0rem 0.5rem 0.5rem 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #eee;
}
.ad1slogan {
  background: rgb(21, 21, 21, 1);
  margin: 0rem;
  padding: 1rem 0rem 0.2rem 0rem;
}
.ad1slogan h1 {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
}
.ad1slogan h2 {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #eee;
}
.needs {
  min-height: 10rem;
  background: rgba(239, 20, 129, 0.7);
  margin: 1rem 0 1rem 0;
  padding: 1rem 1rem;
  border-radius: 0 2rem 0 2rem;
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.needs h1 {
  padding-bottom: 1rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
}
.needs h2 {
  font-size: 1.6rem;
  font-weight: 900;
  color: #eee;
  text-align: center;
}
.needs h3 {
  font-size: 1.6rem;
  font-weight: 900;
  color: #eee;
  text-align: center;
}
.needs h4 {
  padding-top: 1rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #090448;
}
@media (max-width: 575.98px) {
  .needs h4 {
    padding-top: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #090448;
  }
}
.needs p {
  font-size: 1rem;
  font-weight: 700;
  color: #000;
}
.statistics1 {
  background: #090448;
  border: 1px #fff solid;
  border-radius: 2rem;
  margin:  0 0.5rem 0rem 0.5rem;
  padding: 0.5rem 0rem 0.5rem 0rem;
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.statistics1 h2 {
  font-size: 1.6rem;
  font-weight: 900;
  color: #eee;
  text-align: center;
}
.statistics1 h3 {
  font-size: 1.6rem;
  font-weight: 900;
  color: #eee;
  text-align: center;
}
/* --------------------- end Main1 --------------------- */

/* --------------------- Main2 --------------------- */
.main2 {
  background-color: #f8f9fa;
  padding: 0rem;
  margin-bottom: 0rem;
  border-radius: 0rem;
}

@media (min-width: 576px) {
  .main2 {
    padding: 0rem 0rem;
  }
}
.main2-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.moreinfo {
  background-color: transparent;
  border-radius: 0.5rem;
  margin: 1rem 0 1rem 0;
  padding: 1rem;
}
@media (max-width: 575.98px) {
    .moreinfo {
      padding: 0.5rem;
    }
  }
.moreinfo h1 {
  font-size: 1.4rem;
  font-weight: 500;
  color: #090448;
  text-align: left;
}
.moreinfo h2 {
    font-size: 1em;
    font-weight: 500;
    color: #090448;
    text-align: left;
    text-transform: uppercase;
  }
.moreinfo h5 {
  font-size: 1.6em;
  font-weight: 900;
  color: #0ec7f0;
  text-align: right;
}

.moreinfo p {
  font-size: 1rem;
  font-weight: 500;
  color: #444;
  text-align: left;
}
.moreinfo a {
  font-size: 1rem;
  text-decoration: none;
  font-weight: 500;
  text-align: left;
}
.moreinfo a:hover {
  font-size: 1rem;
  color:#ef0607;
}
.moreinfo ul {
  margin: 0;
  padding: 0rem 0rem 0rem 0rem;
  list-style: none;
}
.moreinfo  li {
  line-height: 1.8rem;
}
.moreinfo li a {
  font-size: 1rem;
  text-decoration: none;
  font-weight: 500;
  list-style: none;
  color: #000;
}
.moreinfo li a:hover {
  color: #ff931e;
}
.biz2 {
  margin: 1rem 0 1rem 0;
  padding: 0rem 0rem 0rem 0rem;
}
@media (max-width: 575.98px) {
  .biz2 {
    margin: 1rem 0 1rem 0;
  }
}
.ads2 {
  background: rgba(245, 245, 245, 1);
  margin: 0rem 0 1rem 0;
  padding: 1rem 0rem 0rem 0rem;
}
@media (max-width: 575.98px) {
  .ads2 {
    margin: 1rem 0 1rem 0;
  }
}
.ads2 h1 {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
}
.ads2 h2 {
  padding: 0rem 0.5rem 0.5rem 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #eee;
}
.ad2slogan {
  background: rgb(40, 40, 40, 1);
  margin: 0rem;
  padding: 1rem 0rem 0.2rem 0rem;
}
.ad2slogan h1 {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
}
.ad2slogan h2 {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #eee;
}
.biz3 {
  margin: 1rem 0 1rem 0;
  padding: 0rem 0rem 0rem 0rem;
}
@media (max-width: 575.98px) {
  .biz3 {
    margin: 1rem 0 1rem 0;
  }
}
.ads3 {
  background: rgba(245, 245, 245, 1);
  margin: 0rem 0 1rem 0;
  padding: 1rem 0rem 0rem 0rem;
}
@media (max-width: 575.98px) {
  .ads3 {
    margin: 1rem 0 1rem 0;
  }
}
.ads3 h1 {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
}
.ads3 h2 {
  padding: 0rem 0.5rem 0.5rem 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #eee;
}
.ad3slogan {
  background: rgb(70, 70, 0, 1);
  margin: 0rem;
  padding: 1rem 0rem 0.2rem 0rem;
}
.ad3slogan h1 {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
}
.ad3slogan h2 {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #eee;
}
/* --------------------- end Main2 --------------------- */

/* --------------------- Main3 --------------------- */
.main3 {
  background-color: #ef1481;
  padding: 0rem;
  margin-bottom: 0rem;
  border-radius: 0rem;
}

@media (min-width: 576px) {
  .main2 {
    padding: 0rem 0rem;
  }
}
.main2-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.government {
  margin: 1rem 0 1rem 0;
  padding: 0.5rem;
}
.government h1 {
  font-size: 3rem;
  font-weight: 900;
  color: #090448;
  text-align: left;
}
.government h2 {
  padding: 1rem;
  font-size: 3rem;
  font-weight: 900;
  text-align: center;
}
.government a {
  background-color: #0ec7f0;
  border-radius: 1rem;
  padding: 0.5rem 1rem 0.5rem 1rem;
  font-size: 1.8rem;
  font-weight: 900;
  color: #eee;
  text-decoration: none;
}
.government a:hover {
  background-color: #fff;
  color:#051154;
}
.statistics {
  background: rgba(255, 255, 255, 1);
  margin: 1rem 0 0rem 0;
  padding: 1rem;
  border-radius: 0 1.5rem 0 0;
  min-height: 16rem;
}
@media (max-width: 575.98px) {
  .statistics {
    margin: 1rem 0 0rem 0;
  }
}
.statistics h1  {
  font-size: 2rem;
  font-weight: 900;
  color: #444;
}
.statistics  ul {
  padding: 0 0 0 0.5rem;
  list-style: none;
  line-height: 2.1rem;
  font-size: 1.2rem;
  font-weight: 700;
}
.statistics   p {
  font-size: 1rem;
}
.statistics a {
  text-decoration: none;
}
.s1 li {
  text-align: right;
}
.biz4 {
  background: rgba(255, 255, 255, 1);
  margin: 1rem 0 0rem 0;
  padding: 1rem;
  border-radius: 0 1.5rem 0 0;
  min-height: 16rem;
}
.biz4 h1  {
  font-size: 2rem;
  font-weight: 900;
  color: #444;
}
.biz4 h2  {
  padding: 2rem 0.5rem 0.5rem 0.5rem;
  font-size: 2.5rem;
  font-weight: 900;
  color: #ef1481;
  text-align: center;
}
.biz4 ul {
  padding: 0 0 0 0.5rem;
  list-style: none;
  line-height: 2.1rem;
  font-size: 1.2rem;
  font-weight: 700;
}
.biz4   p {
  font-size: 1rem;
}
.biz4 a {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  text-decoration: none;
  text-decoration: none;
}
.more {
  background-color: #0fc7f0;
  margin: 0 0 1rem 0;
  border-radius: 0 0 0 1.5rem;
  padding: 0.5rem 1rem 0.2rem 1rem;
}
.more  a {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  text-decoration: none;
}
.more  a:hover {
  color: #000;
}
/* --------------------- end Main3 --------------------- */

/* ----------------------------------------------- end HOME ----------------------------------------------- */


/* ----------------------------------------------- Chapter -----.............................---------------- */


/* --------------------- Learn 1 --------------------- */
.learn1 {
    background: rgb(255, 102, 0, 1);
    padding: 0rem;
    margin-bottom: 0rem;
    border-radius: 0rem;
}

@media (max-width: 575.98px) {
  .learn1 {
    background: rgb(255, 102, 0, 1);
    padding: 0rem 0rem;
  }
}

.learn1-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.learn1 h1 {
    font-size: 2rem;
    font-weight: 900;
    color: #eee;
    text-transform: uppercase;
  }
  .learn1 h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
  }
  .learn1 h3 {
    padding-top: 1rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #eee;
  }


.learn1 a {
  padding: 0rem 0 0 0rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 575.98px) {
    .learn1 a {
        line-height: 1rem;
        font-size: 1.2rem;
        font-weight: 300;
    }
  }
.learn1 a:hover {
color: #051154;
}


/* --------------------- end Learn 1 --------------------- */

/* --------------------- Language switch --------------------- */



/* --------------------- Second chapter --------------------- */
.second {
    background: rgba(0, 0, 0, 1);
    margin: 1rem 0 1rem 0;
    padding: 0.5rem;
  }
  .second h1 {
    font-size: 2rem;
    font-weight: 900;
    color: #eee;
    text-align: left;
    text-transform: uppercase;
  }
  .sec1 {
    position: relative;
    margin: 0 auto;
  }
  .sec1 .sec2 {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    padding: 0.2rem 0 0 0.4rem;
  }
  /* --------------------- end second  --------------------- */


/* --------------------- Home  --------------------- */
.house {
  background: rgba(20, 129, 99, 1);
  margin: 1rem 0 1rem 0;
  padding: 0.5rem;
}
.house h1 {
  font-size: 2rem;
  font-weight: 900;
  color: #eee;
  text-align: left;
  text-transform: uppercase;
}
.hs1 {
  position: relative;
  margin: 0 auto;
}
.hs1 .hs2 {
  position: absolute;
  bottom: 0;
  background: rgba(20, 129, 99, 0.7);
  width: 100%;
  padding: 0.2rem 0 0 0.4rem;
}
/* --------------------- end Home  --------------------- */

/* --------------------- Lingubook --------------------- */
.sponsor {
  margin: 1rem 0 1rem 0;
  padding: 0rem 0rem 0rem 0rem;
}
@media (max-width: 575.98px) {
  .sponsor {
    margin: 1rem 0 1rem 0;
  }
}
.sponsor1 {
  background: rgba(255, 255, 255, 0.5);
  margin: 0rem 0 1rem 0;
  padding: 1rem 0rem 0rem 0rem;
}
@media (max-width: 575.98px) {
  .sponsor1 {
    margin: 1rem 0 1rem 0;
  }
}
.sponsor1 h1 {
  padding: 1rem 1rem 1rem 1rem;
  font-size: 1.9rem;
  font-weight: 700;
  color: #fff;
  text-align: left;
}
.sponsor1 h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #090448;
  text-align: center;
}
.sslogan {
  background: rgba(15, 199, 240, 0.7);
  margin: 0rem;
  padding: 1rem 0rem 0.2rem 0rem;
}
.sslogan h1 {
  padding: 1rem 1rem 1rem 1rem;
  font-size: 1.9rem;
  font-weight: 700;
  color: #fff;
  text-align: left;
}
/* --------------------- end Lingubook --------------------- */

/* --------------------- Learn 2--------------------- */
.learn2 {
  background: rgba(238, 28, 238, 1);
  padding: 0rem;
  margin-bottom: 0rem;
  border-radius: 0rem;
}

@media (min-width: 576px) {
  .learn2 {
    padding: 0rem 0rem;
  }
}
.learn2-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.learn2 h1 {
  font-size: 2rem;
  font-weight: 900;
  color: #eee;
  text-transform: uppercase;
}
.learn2 h2 {
  font-size: 1rem;
  font-weight: 700;
  color: #000;
}
.learn2 h3 {
  padding-top: 1rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #eee;
}
.learn2 a {
    padding: 0rem 0 0 0rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
}
@media (max-width: 575.98px) {
    .learn2 a {
        line-height: 1rem;
        font-size: 1.2rem;
        font-weight: 300;
    }
}
.learn2 a:hover {
color: #090448;
}

/* --------------------- end Learn 2--------------------- */

/* --------------------- Learn 3--------------------- */
.learn3 {
    background: rgba(20, 129, 99, 1);
    padding: 0rem;
    margin-bottom: 0rem;
    border-radius: 0rem;
}

@media (min-width: 576px) {
  .learn3 {
    padding: 0rem 0rem;
    margin: 0rem 0 0rem 0;
  }
}
.learn3-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.learn3 h1 {
  font-size: 2rem;
  font-weight: 900;
  color: #eee;
  text-transform: uppercase;
}
.learn3 h2 {
  font-size: 1rem;
  font-weight: 700;
  color: #000;
}
.learn3 h3 {
  padding-top: 1rem 0 0.25rem 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: #000;
}
.learn3 a {
    padding: 0rem 0 0 0rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #eee;
    text-decoration: none;
}
@media (max-width: 575.98px) {
    .learn3 a {
        line-height: 1rem;
        font-size: 1.2rem;
        font-weight: 300;
    }
}
.learn3 a:hover {
    color: #ff931e;
}

/* --------------------- end Learn 3--------------------- */

/* --------------------- Learn 4--------------------- */
.learn4 {
    background: #212121;
    padding: 0rem;
    margin-bottom: 0rem;
    border-radius: 0rem;
  }

  @media (max-width: 575.98px) {
    .learn4 {
        padding: 0rem 0rem;
    }
  }

  .learn4-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
  }
  .learn4 h1 {
      font-size: 2rem;
      font-weight: 900;
      color: #eee;
      text-transform: uppercase;
    }
    .learn4 h2 {
      font-size: 1rem;
      font-weight: 700;
      color: #000;
    }
    .learn4 h3 {
      padding-top: 1rem;
      font-size: 1.2rem;
      font-weight: 700;
      color: #eee;
    }


  .learn4 a {
    padding: 0rem 0 0 0rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
  }
  @media (max-width: 575.98px) {
      .learn4 a {
          line-height: 1rem;
          font-size: 1.2rem;
          font-weight: 300;
      }
    }
  .learn4 a:hover {
  color: #051154;
  }

/* --------------------- end Learn 4--------------------- */


/* ----------------------------------------------- end Chapter -----.............................---------------- */


/* --------------------- Language switch --------------------- */
.change {
  background: rgba(238, 238, 238, 0.75);
  margin: 2rem 0rem 0rem 0rem;
  padding: 0rem;
}

.ch1 {
  margin: 0rem;
  padding: 0rem;
}
.ch3 {
  background: rgba(238, 238, 238, 0.7);
  margin: 0rem;
  padding: 0rem;
}
.ch5 {
  margin: 0rem;
  padding: 0rem;
}
.change h1 {
  padding: 0.5rem 0 0 0rem;
  font-size: 1.4rem;
  font-weight: 900;
  color: #090448;
  text-align: center;
  text-transform: none;
}
@media (max-width: 575.98px) {
    .change h1 {
      font-size: 1rem;
      font-weight: 500;
    }
  }
.change h3 {
  padding: 0.2rem 0 0 0rem;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 54, 0, 1);
}
.change a {
  color: #000;
  font-size: 1.2rem;
  text-decoration: none;
  text-align: center;
}
.change a:hover {
  color:#ef1481;
}


.welcome {
    margin: 0rem 0 2rem 0;
    padding: 0rem;
    color: #000;
}
@media (max-width: 575.98px) {
  .welcome {
    background: rgba(21, 21, 21, 0.6);
    border-radius: 0 0 1rem 1rem;
    margin: 0rem;
    padding: 0rem 0.25rem 0.25rem 0.5rem;
  }
}
.welcome h1 {
  padding: 2.4rem 0 0 0rem;
  font-size: 2rem;
  font-weight: 700;
  color: #eee;
  text-align: center;
  text-transform: none;
  text-shadow: #000 1px 1px 1px;
}
@media (max-width: 575.98px) {
  .welcome h1 {
    padding: 1rem 0 0 0;
    color: #eee;
    font-weight: 700;
    font-size: 1.2rem;
    text-align: center;
    text-transform: none;
    text-shadow: none;
  }
}
.welcome h2 {
  padding: 0rem 0 0 0rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #000;
  text-align: center;
}
@media (max-width: 575.98px) {
  .welcome h2 {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
  }
}
.welcome h3 {
    padding: 1rem 0.25rem 0 0rem;
    font-size: 3.5rem;
    font-weight: 700;
    color: #eee;
    text-align: center;
    text-transform: none;
}
@media (max-width: 575.98px) {
    .welcome h3 {
        padding: 0rem 0.5rem 0 0;
        color: #26eeee;
        font-weight: 700;
        font-size: 2rem;
        text-align: center;
        text-transform: none;
    }
}
.welcome a {
    color: #090448;
    font-weight: 500;
    text-decoration: none;
}
.welcome a:hover {
    color: #f60;
    text-decoration: none;
}
.welcome ul {
    margin:0rem;
    padding: 0rem;
}
.welcome li {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    font-size: 1rem;
    font-weight: 500;
}
.welcome li a {
    text-decoration: none;
    color: #090448;
}
/* --------------------- end language --------------------- */




/* --------------------- end language --------------------- */-------------------- */

/* --------------------- Lingubook --------------------- */
.adwords {
  margin: 0rem 0 1rem 0; background: #7fd;
  padding: 0rem 0rem 0rem 0rem;
}
@media (max-width: 575.98px) {
  .adwords {
    margin: 1rem 0 1rem 0;
  }
}
.spwords {
  background: rgba(255, 255, 255, 0.5);
  margin: 1rem 0 1rem 0;
  padding: 1rem 0rem 0rem 0rem;
}
@media (max-width: 575.98px) {
  .spwords {
    margin: 1rem 0 1rem 0;
  }
}
.spwords h1 {
  padding: 1rem 1rem 1rem 1rem;
  font-size: 1.9rem;
  font-weight: 700;
  color: #fff;
  text-align: left;
}
.spwords h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #090448;
  text-align: center;
}
.spslogan {
  background: rgba(15, 199, 240, 1);
  margin: 0rem;
  padding: 1rem 0rem 0.2rem 0rem;
}
.spslogan h1 {
  padding: 1rem 1rem 1rem 1rem;
  font-size: 1.9rem;
  font-weight: 700;
  color: #fff;
  text-align: left;
}

/* --------------------- end Lingubook --------------------- */

/* ----------------------------------------------- end Words -----.............................---------------- */

/* ----------------------------------------------- Articles -----.............................---------------- */

.why {
  background: rgb(15, 199, 240, 1);
  padding: 0rem;
  margin-bottom: 0rem;
  border-radius: 0rem;
}

@media (min-width: 576px) {
  .why {
    padding: 0rem 0rem;
  }
}
.why-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.why h1 {
  padding: 0rem 0 0 0rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #444;
  text-align: center;
}

.welcome3 {
  padding: 0.5rem;
  margin-top: 2rem;
  color: #000;
}

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


/* --------------------- Content  --------------------- */
/* --------------------- Content ---------------------- */
.content {
    margin: 0rem;
    padding: 0rem;
}
@media (max-width: 575.98px) {
    .content {
        margin: 0rem 0 0rem 0;
    }
}


.teksti {
  background: #eee;
  border-radius: 1rem;
  margin: 1rem 0 0.5rem 0;
  padding: 1rem;
}
.teksti h1 {
  padding: 0rem 0rem 0rem 0rem;
  font-size: 2.5rem;
  font-weight: 900;
  color: #000;
  text-align: left;
}
.teksti h2 {
  padding: 0rem 0rem 0rem 0rem;
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  text-align: left;
}
.teksti h3 {
  padding: 0rem 0rem 0rem 0rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #000;
  text-align: left;
}
.teksti a {
    text-decoration: none;
  }

/* --------------------- end Content --------------------- */


.table1 {
    background-color: #fff;
    margin: 0 0 1rem 0;
    padding: 0rem 0rem 0rem 0rem;
    color: #000;
}
@media (max-width: 575.98px) {
    .table1 {
        background-color: transparent;
        margin: 0rem 0 0rem 0;
    }
}

.table1 h1 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 1rem;
    font-weight: 500;
    color: #051154;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .table1 h1 {
      font-size: 2rem;
    }
}
.table1 h2 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .table1 h2 {
      font-size: 1.6rem;
    }
}

.table1 p {
    padding: 0rem 0.5rem 0rem 0rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}
.table1 a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    color: #00c7ca;
}
.table1 a:hover {
    font-size: 1rem;
    color:#ef0607;
}
.table1 a:active {
    font-size: 1rem;
    color:#4dd407;
}




/* --------------------- Ads 4 --------------------- */
.ads4 {
  margin: 1rem 0 1rem 0;
  padding: 0rem 0rem 0rem 0rem;
}
@media (max-width: 575.98px) {
  .ads4 {
    margin: 1rem 0 0rem 0;
  }
}
.ads4 h1 {
  padding: 1rem 1rem 1rem 1rem;
  font-size: 1.9rem;
  font-weight: 700;
  color: #fff;
  text-align: left;
}
.ads41 {
  background: rgba(255, 255, 255, 1);
  margin: 1rem 0 1rem 0;
  padding: 1rem 0rem 0rem 0rem;
}
@media (max-width: 575.98px) {
  .ads41 {
    margin: 1rem 0 1rem 0;
  }
}
.ads41 h1 {
  padding: 1rem 1rem 1rem 1rem;
  font-size: 1.9rem;
  font-weight: 700;
  color: #fff;
  text-align: left;
}
.ads41 h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #090448;
  text-align: center;
}
.ads4slogan {
  background: rgba(15, 199, 240, 1);
  margin: 0rem;
  padding: 1rem 0.5rem 0.5rem 0.5rem;
}
.ads4slogan h1 {
  padding: 0rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  text-align: left;
}
.ads4slogan h2 {
  padding: 0rem;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}
.ads4slogan h3 {
  padding: 0rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: right;
}
/* --------------------- end Ads 4 --------------------- */

/* ----------------------------------------------- end Articles -----.............................---------------- */

/* ----------------------------------------------- Marketing -----.............................---------------- */


/* --------------------- Language switch --------------------- */




.marketing1 {
  margin: 2rem 0 1rem 0;
}
.marketing1 a {
  margin: 2rem 0 0 0;
  padding: 4rem 0 0 0;
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
}

/* --------------------- Marketing --------------------- */


.minfo {
  padding: 0rem;
  margin-bottom: 0rem;
  border-radius: 0rem;
}
.minfo h1 {
  padding: 1rem 1rem 0rem 1rem;
  font-size: 2em;
  font-weight: 700;
  color: #eee;
  text-align: left;
}
.minfo h2 {
  padding: 0rem 1rem 1rem 1rem;
  font-size: 1.2em;
  font-weight: 700;
  color: #eee;
  text-align: left;
}
/* --------------------- end Marketing --------------------- */


/* ----------------------------------------------- end Marketing -----.............................---------------- */

/* --------------------- Footer --------------------- */
.footer {
    background-color: #eee;
    padding: 1rem 0 2rem 0;
    margin: 0rem;
}
.footer-fluid {
    padding-right: 0;
    padding-left: 0;
}
@media (max-width: 575.98px) {
    .footer {
        background-color: #eee;
    }
  }
.footer1 {
    padding: 1rem 0 0 0rem;
    margin: 0rem;
}
.footer h1 {
    padding: 0rem 0rem 0 0.55rem;
    font-size: 1.8em;
    font-weight: 700;
    color: #444;
}
@media (max-width: 575.98px) {
    .footer h1 {
        padding: 0rem 0rem 0rem 0.75rem;
    }
  }
.logo1 {
    margin: 0rem 0 0rem 0rem;
    padding: 0rem 0rem 0rem 0rem;
}
@media (max-width: 575.98px) {
    .logo1 {
        padding: 0rem 0rem 0rem 0rem;
    }
  }
.app1 {
    margin: 0rem 0 1rem 0;
    padding: 3rem 0rem 0rem 0rem;
}
  @media (max-width: 575.98px) {
    .app1 {
      padding: 2rem 0 0rem 0;
    }
  }

  .flink {
    margin: 1rem 0 1rem 0;
    padding: 1rem 1rem 0rem 3rem;
  }
  @media (max-width: 575.98px) {
    .flink {
      margin: 1rem 0 1rem 0;
      padding: 1rem 0rem 0rem 0rem;
    }
  }

  .flink h1 {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #777;
  }

  .flink ul {
    margin: 0;
    padding: 0rem 0rem 0rem 0.5rem;
    list-style: none;
  }
  .flink  li {
    line-height: 1.8rem;
  }
  .flink li a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    list-style: none;
    color: #777;
  }
  .flink li a:hover {
    color: #090448;
  }

 .follow {
    margin: 1rem 0 1rem 0;
    padding: 1rem 0rem 0rem 0rem;
}
  @media (max-width: 575.98px) {
    .follow {
      margin: 1rem 0 1rem 0;
    }
  }
.follow h1 {
    padding: 0rem 0rem 1rem 0rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #777;
}
@media (max-width: 575.98px) {
    .follow {
        padding: 0rem 0rem 1rem 1rem;
    }
  }
/* --------------------- end Footer --------------------- */


/* --------------------- Footer 5 --------------------- */

.footer5 {
    background-color: #fff;
    padding: 1rem 0 1rem 0;
    margin: 0rem;
}
.footer5-fluid {
    padding-right: 0;
    padding-left: 0;
}
@media (max-width: 575.98px) {
    .footer5 {
        background-color: #fff;
    }
  }
.langbottom {
    margin: 0rem;
    padding: 0 0rem 0 0rem;
}
@media (max-width: 575.98px) {
    .langbottom {
        padding: 0.5rem 0.25rem 0.5rem 0.25rem;
    }
  }
.langbottom img {
    border: 1px #eee solid;
}
.langbottom a {
    margin: 0rem;
    padding: 0rem 0rem 0 0rem;
}
/* --------------------- end Footer 5 --------------------- */

/* --------------------- Copyright --------------------- */

.copyright {
    padding: 0rem 0 0rem 0;
    margin: 0rem;
}
.copyright-fluid {
    padding-right: 0;
    padding-left: 0;
}
.copyright p {
    padding: 1rem 0 1rem 0.5rem;
    margin: 0rem;
    color: #777;
    font-weight: 500;
}
@media (max-width: 575.98px) {
    .copyright p {
        padding: 1rem 0 1rem 0.25rem;
    }
  }
/* --------------------- end Copyright --------------------- */


/* --------------------- Mobile --------------------- */
.mob {
    background: rgb(255, 102, 0, 1);
    border-top: 1px #fff solid;
    padding: 0rem;
    margin-bottom: 0rem;
}
.mob a {
  color: #fff;
  text-decoration: none;
  text-align: center;
}
.mob a:hover {
  color: #ef1481;
}
.mob img {
  padding: 0.75rem 0 0 0;
}
.mobmenu {
  padding: 0rem 0.5rem 0rem 0.5rem;
  margin-bottom: 0rem;
  text-align: center;
}
.mobmenu h1 {
  font-size: 1rem;
  text-align: center;
}
.mobmenu h3 {
    padding: 0.5rem 0 0 0;
    color: #090448;
    font-size: 0.75rem;
    font-weight: 500;
    text-align: center;
}
.mobmenu h5 {
  padding: 0.75rem 0 0 0;
}

.mobmenu a {
    padding: 1rem 0 0 0;
    font-size: 1rem;
    color: #eee;
    text-align: center;
}
.mobmenu p {
  font-size: 1rem;
  color: #090448;
  text-align: center;
  padding: 0;
}


.socialnetworks {
  min-width: 10rem;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.socialnetworks a {
  font-size: 0.8rem;
  color: #090448;
}
.socialnetworks a:hover {
  color: #ef1481;
}

/* --------------------- end Mobile --------------------- */

/* --------------------- Menu Mobile --------------------- */
.menumobile {
    background: #eee;
    border-radius: 0 0 1rem 1rem;
    margin: 0;
    padding: 0 0.5rem 0.5rem 0.5rem;
    min-width: 10rem;
  }
.menumobile  ul {
    margin: 0;
    padding: 0rem;
    list-style: none;
  }
  .menumobile li {
    line-height: 1.8rem;
  }
  .menumobile  li a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 700;
    list-style: none;
  }
 .menumobile  a {
    padding: 0.5rem 0.5rem 0 0.5rem;
    list-style: none;
    color: #444;
    font-weight: 500;
    text-decoration: none;
  }
.menumobile  a:hover {
    color:#ef1481;
  }
/* --------------------- end Menu Mobile --------------------- */

/* --------------------- Display Language - Mobile --------------------- */
.displaylanguage {
    background: #eee;
    border-radius: 0 0 1rem 1rem;
    margin: 0;
    padding: 0.25rem 0 0.5rem 0.5rem;
    min-width: 12rem;
  }
.displaylanguage  ul {
    margin: 0;
    padding: 0rem;
    list-style: none;
  }
.displaylanguage  li a {
    font-size: 0.8rem;
    text-decoration: none;
    list-style: none;
  }
.displaylanguage  a {
    padding: 0 0.25rem 0 0.25rem;
    list-style: none;
    line-height: 2rem;
    color: #444;
    font-weight: 500;
    text-decoration: none;
  }
.displaylanguage  a:hover {
    color:#ef1481;
}

/* --- more --- */
.displaymore {
    background: #eee;
    border-radius: 0 0 1rem 1rem;
    margin: 0;
    padding: 0.25rem 0 0.5rem 0.5rem;
    min-width: 24rem;
  }
.displaymore  ul {
    margin: 0;
    padding: 0rem;
    list-style: none;
  }
.displaymore  li a {
    font-size: 0.8rem;
    text-decoration: none;
    list-style: none;
  }
.displaymore  a {
    padding: 0 0.25rem 0 0.25rem;
    list-style: none;
    line-height: 2rem;
    color: #444;
    font-weight: 500;
    text-decoration: none;
  }
.displaymore  a:hover {
    color:#ef1481;
}
/* --------------------- end Display Language - Mobile --------------------- */



/* --------------------- Display --------------------- */

.display {
  background: rgba(245, 241, 243, 1);
  border-radius: 0 0 1rem 1rem;
  margin: 2rem 0 0 0;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  min-width: 24rem;
}


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

.onlymobile {
  margin: 0 0 0 1rem;
  padding: 1rem;
}
.onlymobile a {
  padding: 0.5rem;
  list-style: none;
  color: #ef1481;
  font-weight: 700;
  text-decoration: none;
}
.onlymobile a:hover {
  color:#090448;
}


/* --------------------- end Display --------------------- */


.advertisement {
  background-color: #eee;
  margin: 2rem 0 1rem 0;
  padding: 0.5rem 0rem 0rem 0.5rem;
}
@media (max-width: 575.98px) {
  .advertisement {
    margin: 1rem 0 1rem 0;
  }
}

.projektet a {
  font-size: 1rem;
  text-decoration: none;
  font-weight: 500;
}
.projektet a:hover {
  color:#cc0033;
}
.link-info a {
  text-align: center;
}

.advertisement ul {
  margin: 0;
  padding: 0rem 0rem 0rem 0.5rem;
  background-color: #eee;
  list-style: none;
}
.maincontact {
  background: rgb(15, 199, 240, 1);
  padding: 0rem;
  margin-bottom: 0rem;
  border-radius: 0rem;
}
@media (min-width: 576px) {
  .maincontact {
    padding: 0rem 0rem;
  }
}
.maincontact-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

/* --------------------- 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, 1);
    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;
  }


  .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;
}
.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: 2rem;
  font-weight: 700;
  color: #090448;
}
.gjithsej h2 {
  font-size: 1.4rem;
  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;
}




/* --------------------- 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;
}






  .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;
  }


/* --------------------- 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;
  }


  .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;
}
.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;
}

.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;
}

.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;
}






  .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;
  }




/* --------------------- 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 --------------------- */


/* --------------------- Accept cookies --------------------- */

.accept {
    background: rgba(0, 0, 0, 1);
    margin: 1rem 0 0rem 0;
    padding: 0.5rem 0rem 0.5rem 1rem;
}
@media (max-width: 575.98px) {
    .accept {
        margin: 1rem 0 0rem 0;
    }
}
.accept h1 {
    padding: 0rem 0 0 0rem;
    font-size: 3rem;
    font-weight: 900;
    color: #fff;
    text-align: left;
    text-transform: none;
  }
  @media (max-width: 575.98px) {
    .accept h1 {
      font-weight: 700;
      font-size: 1.6rem;
    }
}

.accept p {
    color: #fff;
    font-weight: 500;
    line-height: 1rem;
    text-decoration: none;
}
.accept a {
    line-height: 2rem;
    color: #f00;
    font-weight: 700;
    text-decoration: none;
}
.accept a:hover {
    color: #f60;
    text-decoration: none;
}


/* ---------------------end of  Accept cookies --------------------- */