@charset "UTF-8";
body {
    padding-top: 3.9rem;
}
.nav-item {
    padding-right: 1rem;
    line-height: 1.2rem;
}
.nav-item a {
    font-size: 1.6rem;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
}
@media (max-width: 575.98px) {
    .nav-item a {
        padding: 0rem 0 0.25rem 0rem;
        line-height: 1.4rem;
        font-size: 1rem;
        font-weight: 700;
        text-transform: none;
    }
}
@media (max-width: 575.98px) {
    .nav-item a:hover {
        color: #000;
    }
}


/* --------- Color of the menu in mobile --------------------- */

.formobile {
    background: rgba(238, 238, 238, 0.4);
    color: #fff;
}
@media (max-width: 575.98px) {
    .nav-item {
        padding: 0 0 0 0.75rem;
        font-size: 1rem;
    }
}
@media (max-width: 575.98px) {
    .navbar-collapse {
        margin-top: 0.5rem;
    }
}


/* --------- Menu background --------------------- */
.brezne10 {
    background: rgb(9, 32, 63, 1);
}

.fshati10 {
    background: rgb(110,174,107, 1);
}

.shoqata10 {
    background: rgb(69,173,168, 1);
}

.bizneset10 {
    background: rgb(41, 121, 191, 1);
}

.projektet10 {
    background: rgb(255, 101, 0, 1);
}

.njoftimet10 {
    background: rgb(65, 112, 196, 1);
}

.info10 {
    background: rgba(41, 121, 191, 1);
}

.rules10 {
    background: rgba(5, 17, 84, 1);
}
/* --------------------- end bg menu --------------------- */

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

.brezne {
    /*---- #051154 -----*/
    background: rgb(9, 32, 63, 1);
    padding: 0rem;
    margin: 0rem;
}

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

.fshati {
    /*---- #6eae6b  -----*/
    background: rgb(110,174,107, 1);
    padding: 0rem;
    margin: 0rem;
}

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

.shoqata {
    /*---- #45ada8  -----*/
    background: rgb(69,173,168, 1);
    padding: 0rem;
    margin: 0rem;
}

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

.bizneset {
    /**------2979Bf -----*/
    background: rgb(41, 121, 191, 1);
    padding: 0rem;
    margin: 0rem;
}

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

.projektet {
    /*-----ff6600 -----*/
    background: rgb(255, 101, 0, 1);
    padding: 0rem;
    margin: 0rem;
}

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

.njoftimet {
    /*-----4170c4 -----*/
    background: rgb(65, 112, 196, 1);
    padding: 0rem;
    margin: 0rem;
}

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

.info {
    /*-----2979Bf -----*/
    background: rgba(41, 121, 191, 1);
    padding: 0rem;
    margin: 0rem;
}

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

.rules {
    /*-----#051154 -----*/
    background: rgba(5, 17, 84, 1);
    padding: 0rem;
    margin: 0rem;
}

.rules-fluid {
    padding-right: 0;
    padding-left: 0;
}
/* --------------------- end Main colors --------------------- */

/* --------------------- Modul 1 --------------------- */
.modul1 {
    background-color: rgba(238, 238, 238, 1);
    border: 0.5rem #eee solid;
    border-radius: 1rem;
    margin: 2rem 0 3rem 0;
    padding: 0;
}
    @media (max-width: 575.98px) {
        .modul1 {
            margin: 2rem 0 1rem 0;
            padding: 0rem;
    }
}
.modul1 h1 {
    padding: 0rem;
    margin: 0rem;
    font-size: 3rem;
    font-weight: 700;
    color: #090448;
    text-align: center;
}
    @media (max-width: 575.98px) {
        .modul1 h1 {
            font-size: 2rem;
    }
}
.modul1 h2 {
    padding: 0 0 0.5rem 0rem;
    margin: 0rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #000;
    text-align: left;
}
    @media (max-width: 575.98px) {
        .modul1 h2 {
            font-size: 1.4rem;
    }
}

.modul1 h3 {
    padding: 0rem;
    margin: 0rem;
    font-size: 1rem;
    font-weight: 900;
    color: #090448;
    text-align: center;
}
    @media (max-width: 575.98px) {
        .modul1 h3 {
            font-size: 0.8rem;
            font-weight: 500;
    }
}
.modul1 p {
    padding: 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}
.modul1 a {
    font-size: 2rem;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
}
.modul1 a:hover {
    font-size: 1rem;
    color:#090448;
}
.modul1 ul {
    border-radius: 1rem 1rem 0rem 0rem;
    margin: 0rem;
    padding: 0rem;
    list-style: none;
}
.modul1 li {
    padding: 0.25rem 0 0 0;
}
.modul1 li a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    list-style: none;
}












/* --------------------- end of Modul 1 --------------------- */


/* --------------------- Content --------------------- */
.welcome {
    margin: 1rem 0 0rem 0;
    padding: 0rem 0rem 0.5rem 0rem;
}
    @media (max-width: 575.98px) {
        .welcome {
            margin: 0rem 0 0rem 0;
            padding: 1rem 0rem 0rem 0rem;
        }
    }
.welcome h1 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 4rem;
    font-weight: 900;
    color: #fff;
    text-align: center;
}
  @media (max-width: 575.98px) {
    .welcome h1 {
      font-size: 2.4rem;
      text-align: center;
    }
}
.welcome h2 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
  @media (max-width: 575.98px) {
    .welcome h2 {
      font-size: 1.2rem;
    }
}

.welcome p {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #eee;
    text-align: center;
}
  @media (max-width: 575.98px) {
    .welcome p {
        font-size: 1.2rem;
        font-weight: 500;
    }
}

.welcome2 {
    margin: 1rem 0 0rem 0;
    padding: 0rem 0rem 0.5rem 0rem;
}
    @media (max-width: 575.98px) {
        .welcome2 {
            margin: 0rem 0 0rem 0;
            padding: 1rem 0rem 0rem 0rem;
        }
    }
.welcome2 h1 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 4rem;
    font-weight: 900;
    color: #fff;
    text-align: center;
}
  @media (max-width: 575.98px) {
    .welcome2 h1 {
      font-size: 2.4rem;
      text-align: center;
    }
}
.welcome2 h2 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
  @media (max-width: 575.98px) {
    .welcome2 h2 {
      font-size: 1.2rem;
    }
}

.welcome2 p {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #2979Bf;
    text-align: center;
}
  @media (max-width: 575.98px) {
    .welcome2 p {
        font-size: 1.2rem;
        font-weight: 500;
    }
}


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


/* ------------------------------------------------------- */
/* ------------------- WORKING --------------------- */
/* --------------------------------------------------------- */
















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

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






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

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



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



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

  .hshqiperia {
    border-radius: 0 0 1rem 1rem;
    background: #fff;
    margin: 0rem;
    padding: 0.75rem;
  }
  .hshqiperia h1 {
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .hshqiperia h1 {
      font-size: 1rem;
    }
  }
  .hshqiperia h2 {
    padding: 0.5rem 0.25rem 0.5rem 0.5rem;
    border-radius: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
  }
  .hshqiperia a {
    font-size: 1rem;
    color:#ef0607;
    text-decoration: none;
    font-weight: 700;
    text-align: left;
  }
  .hshqiperia a:hover {
    font-size: 1rem;
    color:#090448;
  }
  .hkosova {
    border-radius: 0 0 1rem 1rem;
    background: #fff;
    margin: 0rem;
    padding: 0.75rem;
  }
  .hkosova h1 {
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .hkosova h1 {
      font-size: 1rem;
    }
  }
  .hkosova h2 {
    padding: 0.5rem 0.25rem 0.5rem 0.5rem;
    border-radius: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
  }
  .hkosova p {
    padding: 0rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
  }
  .hkosova a {
    font-size: 1rem;
    color:#244AA5;
    text-decoration: none;
    font-weight: 700;
    text-align: left;
  }
  .hkosova a:hover {
    font-size: 1rem;
    color:#090448;
  }

  .hmediat {
    border-radius: 0 0 1rem 1rem;
    background: #fff;
    margin: 0rem;
    padding: 1rem;
  }
  .hmediat h1 {
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .hmediat h1 {
      font-size: 1rem;
    }
  }
  .hmediat h2 {
    padding: 0.5rem 0.25rem 0.5rem 0.5rem;
    border-radius: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
  }
  .hmediat a {
    font-size: 1rem;
    color:#f60;
    text-decoration: none;
    font-weight: 700;
    text-align: left;
  }
  .hmediat a:hover {
    font-size: 1rem;
    color:#090448;
  }
.hinfo {
    border-radius: 0 0 1rem 1rem;
    background: #fff;
    margin: 0rem;
    padding: 0.75rem;
  }
  .hinfo h1 {
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .hinfo h1 {
      font-size: 1rem;
    }
  }
  .hinfo h2 {
    padding: 0.5rem 0.25rem 0.5rem 0.5rem;
    border-radius: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
  }
  .hinfo a {
    font-size: 1rem;
    color:#0fc7f0;
    text-decoration: none;
    font-weight: 700;
    text-align: left;
  }
  .hinfo a:hover {
    font-size: 1rem;
    color:#090448;
  }
  /* --------------------- end of Modul 1 --------------------- */

/* --------------------- Promotion --------------------- */


.promotion {
    background: rgba(255, 255, 255, 1);
    border-radius: 1rem;
    margin: 2rem 0 0 0;
    padding: 1rem;
  }
  @media (max-width: 575.98px) {
    .promotion {
      margin: 1rem 0 0 0;
      padding: 0.5rem;
    }
  }
  .promotion h1 {
    font-size: 2rem;
    font-weight: 900;
    color: #000;
    text-align: left;
  }
  .promotion h2 {
    padding: 0.5rem 0 0.5rem 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: #222;
    text-align: left;
  }
  .promotion p {
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
  }
  .promotion a {
    color: #076ef7;
    font-weight: 700;
    text-decoration: none;
  }
  .promotion a:hover {
    color: #090448;
  }
/* --------------------- end Promotion --------------------- */
/* --------------------- Main pages --------------------- */

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



/* ---------------------end of Main pages --------------------- */


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

.reklama1 {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 1rem;
    margin: 2rem 0 1rem 0;
    padding: 0 0 0.5rem 0rem;
    color: #fff;
    min-height: 23.75rem;
}
@media (max-width: 575.98px) {
    .reklama1 {
      margin: 1rem 0 0rem 0;
    }
}
.reklama1 h1 {
    padding: 0.5rem 0rem 0rem 1rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #051154;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .reklama1 h1 {
      font-size: 2rem;
    }
}
.reklama1 h2 {
    padding: 0.5rem 0rem 0rem 1rem;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .reklama1 h2 {
      font-size: 1.6rem;
    }
}
.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 {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    color: #fff;
}
.reklama1 a:hover {
    font-size: 1rem;
    color:#051154;
}
.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: 23.75rem;
}
@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;
}



.reklama4 {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 1rem;
    margin: 1rem 0 1rem 0;
    padding: 0 0 0.5rem 0rem;
    color: #212121;
    min-height: 21rem;
}
@media (max-width: 575.98px) {
    .reklama4 {
      margin: 1rem 0 0rem 0;
    }
}
.reklama4 h1 {
    padding: 0.5rem 0rem 0rem 1rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #051154;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .reklama4 h1 {
      font-size: 1.6rem;
    }
}
.reklama4 h2 {
    padding: 0.5rem 0rem 0rem 1rem;
    font-size: 2rem;
    font-weight: 700;
    color: #212121;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .reklama4 h2 {
      font-size: 1.6rem;
    }
}
.reklama4 p {
    padding: 0rem 0.5rem 0rem 2rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #212121;
    text-align: left;
}
  .reklama4 a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    color: #051154;
}
.reklama4 a:hover {
    font-size: 1rem;
    color:#ef0607;
}
.reklama4 ul {
    margin:0rem;
    padding: 0 0 0 1rem;
}
.reklama4 li {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 500;
}
.reklama4 li a {
    text-decoration: none;
    color: #051154;
}
.reklama5 {
    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: 21rem;
}
@media (max-width: 575.98px) {
    .reklama5 {
      margin: 1rem 0 0rem 0;
    }
}
.reklama5 h1 {
    padding: 0.5rem 0rem 0rem 1rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #051154;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .reklama5 h1 {
      font-size: 2rem;
    }
}
.reklama5 h2 {
    padding: 0.5rem 0rem 0rem 1rem;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .reklama5 h2 {
      font-size: 1.6rem;
    }
}
.reklama5 p {
    padding: 0rem 0.5rem 0rem 1rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    text-align: left;
}
  .reklama5 a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    color: #051154;
}
.reklama5 a:hover {
    font-size: 1rem;
    color:#ef0607;
}
.reklama5 ul {
    margin:0rem;
    padding: 0 0 0 1rem;
}
.reklama5 li {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 500;
}
.reklama5 li a {
    text-decoration: none;
    color: #051154;
}

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

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


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


/* -------------------- Boxes --------------------- */
.box1 {
    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: 21rem;
}
@media (max-width: 575.98px) {
    .box1 {
        margin: 1rem 0 0rem 0;
    }
}
.box1 h1 {
    padding: 0.5rem 0rem 0rem 1rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #051154;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .box1 h1 {
      font-size: 2rem;
    }
}
.box1 h2 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .box1 h2 {
      font-size: 1.6rem;
    }
}

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

.box2 {
    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: 21rem;
}
@media (max-width: 575.98px) {
    .box2 {
        margin: 1rem 0 0rem 0;
    }
}
.box2 h1 {
    padding: 0.5rem 0rem 0rem 1rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #051154;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .box2 h1 {
      font-size: 2rem;
    }
}
.box2 h2 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .box2 h2 {
      font-size: 1.6rem;
    }
}

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

/* -------------------- end of Boxes --------------------- */


/* -------------------- Sherbimi --------------------- */

.sherbimi {
    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: 21rem;
}

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

.sherbimi2 {
    background: rgba(238, 238, 238, 1);
    margin: 0 1rem 0.5rem 1rem;
    padding: 0rem;
}
@media (max-width: 575.98px) {
    .sherbimi2 {
       margin: 1rem 1rem 0.5rem 1rem;
    }
}
.sherbimi2 h1 {
    font-size: 2.5em;
    font-weight: 900;
}
.sherbimi2 h2 {
    color: #f60;
    font-size: 1.4em;
    font-weight: 700;
    text-align: left;
}
.sherbimi2 p {
    font-size: 1em;
    font-weight: 500;
}
.sherbimi2 a {
    color: #f60;
    font-size: 1.2rem;
    font-weight: 700;
    text-decoration: none;
}
.sherbimi2 a:hover {
    font-size: 1.2rem;
    color: #051154;
}
.sherbimi2 ul {
    margin: 0;
    padding: 0rem;
    list-style: none;
}
.sherbimi2 li {
    line-height: 1.8rem;
    font-weight: 700;
}
.sherbimi2 li a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    list-style: none;
}


  .sherbimi3 {
    border-radius: 1rem;
    margin: 1rem 0 1rem 0;
    padding: 1.2rem;
  }
  .sherbimi3 h1 {
    font-size: 1.5em;
    font-weight: 700;
  }
  .sherbimi3 h2 {
    font-size: 1.4em;
    font-weight: 700;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .sherbimi3 h2 {
        font-size: 1rem;
    }
}
  .sherbimi3 p {
    font-size: 1em;
    font-weight: 500;
  }
.sherbimi3 a {
    text-decoration: none;
  }
.sherbimi3 a:hover {
    columns: #c03;
  }
/* -------------------- end of Sherbimi --------------------- */


/* --------------------- Articles ---------------------- */
.teksti1 {
    background: rgba(250, 250, 250, 1);
    border-radius: 1rem;
    margin: 2rem 0 1rem 0;
    padding: 0.75rem 0.5rem 1rem 1rem;
}
.teksti1 h1 {
    padding: 0rem 0rem 0.5rem 0rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #000;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .teksti1 h1 {
      font-size: 1.6rem;
    }
}
.teksti1 h2 {
      padding: 0rem 0rem 0rem 0rem;
      font-size: 1.6rem;
      font-weight: 700;
      color: #222;
      text-align: left;
}
@media (max-width: 575.98px) {
    .teksti1 h2 {
      font-size: 1rem;
    }
}
.teksti1 h3 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #222;
    text-align: left;
}
@media (max-width: 575.98px) {
  .teksti1 h3 {
    font-size: 1rem;
  }
}
.teksti1 p {
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}
.teksti1 a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
}
.teksti1 a:hover {
    font-size: 1rem;
    color:#ef0607;
}
.teksti1 ul {
    margin:0rem;
    padding: 0 0 0 1rem;
}
.teksti1 ol {
    margin:0rem;
    padding: 0 0 0 1rem;
}
.teksti1 li {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 500;
}
.teksti1 li a {
    text-decoration: none;
}
.teksti1 img {
    float: left;
    padding: 0rem 0.5rem 0rem 0;
}

.teksti2 {
    background: rgba(250, 250, 250, 0.81);
    border-radius: 1rem;
    margin: 2rem 0 1rem 0;
    padding: 0.75rem 0.5rem 1rem 1rem;
}
@media (max-width: 575.98px) {
    .teksti2 {
      margin: 2rem 0 0rem 0;
    }
  }
.teksti2 h1 {
    padding: 0rem 0rem 0.5rem 0rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #000;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .teksti2 h1 {
      font-size: 1.6rem;
    }
}
.teksti2 h2 {
      padding: 0rem 0rem 0rem 0rem;
      font-size: 1.6rem;
      font-weight: 700;
      color: #222;
      text-align: left;
}
@media (max-width: 575.98px) {
    .teksti2 h2 {
      font-size: 1rem;
    }
}
.teksti2 h3 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #222;
    text-align: left;
}
@media (max-width: 575.98px) {
  .teksti2 h3 {
    font-size: 1rem;
  }
}
.teksti2 h4 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 1rem;
    font-weight: 500;
    color: #222;
    text-align: left;
}
@media (max-width: 575.98px) {
  .teksti2 h4 {
    font-size: 1rem;
  }
}
.teksti2 p {
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}
.teksti2 a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
}
.teksti2 a:hover {
    font-size: 1rem;
    color:#ef0607;
}
.teksti2 ul {
    margin:0rem;
    padding: 0 0 0 1rem;
}
.teksti2 li {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 500;
}
.teksti2 li a {
    text-decoration: none;
}
.teksti2 img {
    float: left;
    padding: 0rem 0.5rem 0rem 0;
}
.teksti3 {
    background: rgba(238, 238, 238, 0.75);
    border-radius: 0.5rem;
    margin: 2rem 0 1rem 0;
    padding: 0.75rem 0.5rem 1rem 1rem;
}
@media (max-width: 575.98px) {
    .teksti3 {
      margin: 2rem 0 0rem 0;
    }
  }
.teksti3 h1 {
    padding: 0rem 0rem 0.5rem 0rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #000;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .teksti3 h1 {
      font-size: 1.6rem;
    }
}
.teksti3 h2 {
      padding: 0rem 0rem 0rem 0rem;
      font-size: 1.6rem;
      font-weight: 700;
      color: #222;
      text-align: left;
}
@media (max-width: 575.98px) {
    .teksti3 h2 {
      font-size: 1rem;
    }
}
.teksti3 h3 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #222;
    text-align: left;
}
@media (max-width: 575.98px) {
  .teksti3 h3 {
    font-size: 1rem;
  }
}
.teksti3 p {
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}
.teksti3 a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
}
.teksti3 a:hover {
    font-size: 1rem;
    color:#ef0607;
}
.teksti3 ul {
    margin:0rem;
    padding: 0 0 1rem 1rem;
}
.teksti3 li {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 500;
}
.teksti3 li a {
    text-decoration: none;
}
.teksti3 img {
    float: left;
    padding: 0rem 0.5rem 0rem 0;
}


.undertabs {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 1rem 0 1rem 0;
    padding: 0.5rem 0.5rem 1rem 0.75rem;
}
.undertabs h1 {
    padding: 0rem 0rem 0rem 0rem;
    line-height: 1rem;
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    text-align: center;
}
  @media (max-width: 575.98px) {
    .undertabs h1 {
      font-size: 1.4rem;
    }
}
.undertabs h2 {
      padding: 0rem 0rem 0.5rem 0rem;
      font-size: 1rem;
      font-weight: 500;
      color: #444;
      text-align: left;
}
@media (max-width: 575.98px) {
    .undertabs h2 {
      font-weight: 500;
    }
}
.undertabs h3 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #222;
    text-align: left;
}
@media (max-width: 575.98px) {
  .undertabs h3 {
    font-size: 1rem;
  }
}
.undertabs p {
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}
.undertabs a {
    color: #c03;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}
.undertabs a:hover {
    font-size: 1rem;
    color:#ef0607;
}
.undertabs ul {
    margin:0rem;
    padding: 0 0 0 1rem;
    border-radius: 0rem;
}
.undertabs li {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 500;
}
.undertabs li a {
    text-decoration: none;
}
.latest {
    border-radius: 1rem;
    margin: 1rem 0 1rem 0;
    padding: 0 0 0rem 0rem;
    color: #090448;
    min-height: 15rem;
}
.latest h1 {
    padding: 0.25rem 0rem 0rem 1rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #051154;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .latest h1 {
      font-size: 1.6rem;
    }
}
.latest h2 {
    padding: 0rem 0.25rem 0rem 1rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #eee;
    text-align: left;
}
@media (max-width: 575.98px) {
  .latest h2 {
    font-size: 1rem;
  }
}
.latest h3 {
  padding: 0rem 0rem 0rem 1rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #090448;
  text-align: left;
}
@media (max-width: 575.98px) {
  .latest h3 {
    font-size: 1rem;
}
}
.latest p {
  padding: 0rem 0rem 0rem 1rem;
  line-height: 1.4rem;
  font-size: 1rem;
  font-weight: 500;
  color: #090448;
  text-align: left;
}
.latest a {
  font-size: 1rem;
  text-decoration: none;
  font-weight: 500;
  text-align: center;
}
.latest a:hover {
  font-size: 1rem;
  color:#ef0607;
}
.latest ul {
  margin:0rem;
  padding: 0 0 0 1rem;
}
.latest li {
  margin: 0rem;
  padding: 0rem;
  list-style-type: none;
  line-height: 1.8rem;
  font-size: 1rem;
  font-weight: 500;
}
.latest li a {
  text-decoration: none;
  color: #000;
}
.latest img {
  float: left;
  padding: 0.5rem 0rem 0rem 0;
}




  .links2 {
    background: rgba(255, 255, 255, 0.25);
    margin: 1rem 0 1rem 0;
    padding: 0 0 0 0rem;
    color: #eee;
    min-height: 20rem;
  }
  .links2 ul {
    padding: 0 0 0 1rem;
  }
  .links2 li {
    margin: 0 1rem 0 0;
    padding: 0rem;
    border-bottom: 1px #d01 solid;
    list-style-type: none;
    line-height: 2rem;
    font-size: 1rem;
    font-weight: 500;
  }
  .links2 li a {
    line-height: 2rem;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
  }
  .links2 li a:hover {
    color: #090448;
  }

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

  /* --------------------- Circles ---------------------- */

.infocircle {
    background: rgba(0, 102, 204, 1);
    border-radius: 50%;
    margin: 0rem;
    padding: 0rem;
    display: inline-block;
    color: #fff;
    font-size: 2.5rem;
}
.infocircle h1 {
    padding: 0rem 0rem 0.5rem 0rem;
    font-weight: 900;
    color: #090448;
    text-align: center;
}
.infocircle a {
    padding: 0 0 2rem 0;
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.infocircle a:hover {
    padding: 0 0 2rem 0;
    font-size: 2.5rem;
    font-weight: 700;
    color: #f7f;
    text-align: center;
}
.iround1 {
    background: rgba(238, 238, 238, 0.75);
    border-radius: 50%;
    margin: 0.10rem;
    padding: 0.10rem;
    display: inline-block;
}
.iround2 {
    background: rgb(255, 255, 255, 0.6);
    border-radius: 50%;
    margin: 0.50rem;
    padding: 0.10rem;
    display: inline-block;
}
.iround3 {
    display: inline-block;
    background: rgba(0, 102, 204, 0.75);
    border-radius: 50%;
    margin: 0.25rem;
    padding: 1rem;
    width: 4rem;
    height: 4rem;
}
.iround3 a {
    padding: 0 0 2rem 0;
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
.iround3 a:hover {
    color: #090448;
    font-size: 2.5rem;
}
  /* --------------------- end Circles ---------------------- */














.njoftimet1 {
  background: rgb(238, 238, 238, 1);
  margin: 1rem 0 1rem 0;
  padding: 1rem 1rem 1rem 1rem;
}
.njoftimet1 h1 {
  font-size: 1.4rem;
  font-weight: 900;
  color: #090448;
  text-align: left;
}
.njoftimet1 h3 {
  text-align: center;
}
.njoftimet1 h4 {
  padding: 1rem 0 1rem 0;
  font-weight: 700;
  font-size: 1.4rem;
  text-align: center;
}
.njoftimet1 p {
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
.njoftimet1 a {
  font-size: 1rem;
  text-decoration: none;
  font-weight: 500;
  text-align: center;
}
.njoftimet1 a:hover {
  font-size: 1rem;
  color:#ef0607;
}
.njoftimet1 ul {
  margin: 0;
  padding: 0rem;
  background-color: #eee;
  list-style: none;
}
.njoftimet1 li {
  line-height: 1.8rem;
}
.njoftimet1 li a {
  font-size: 1rem;
  text-decoration: none;
  font-weight: 500;
  list-style: none;
}


.video1 {
  min-height: 200px;
  background: #090448;
  border: 1px #fff solid;
  margin: 1rem 0 0 0;
  padding: 1rem 1rem 1rem 1rem;
  -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);
}
.video1 p {
  line-height: 1.6rem;
  font-size: 1rem;
  font-weight: 500;
}
.video1 a {
  color: #fff;
  background-color: #008CBA;
  border-radius: 0.4rem;
  padding: 0.4rem 1rem 0.4rem 1rem;
  line-height: 2.5rem;
  text-decoration: none;
}
.video1 a:hover {
  color: #090448;
}
.video2 {
  min-height: 200px;
  margin: 1rem 0 0 0;
  padding: 0rem;
}
.video2 h1 {
  font-size: 3rem;
  font-weight: 900;
  text-align: center;
}
.video2 h2 {
  font-size: 2rem;
  font-weight: 700;
  text-transform: none;
  text-align: center;
}




.statistics2 {
  background: rgba(255, 255, 255, 1);
  margin: 1rem 0 0rem 0;
  padding: 1rem;
  border-radius: 0 1.5rem 0 0;
  min-height: 16rem;
}
.statistics2 h1  {
  font-size: 2rem;
  font-weight: 900;
  color: #444;
}
.statistics2  ul {
  padding: 0 0 0 0.5rem;
  list-style: none;
  line-height: 2.1rem;
  font-size: 1.2rem;
  font-weight: 700;
}
.statistics2   p {
  font-size: 1rem;
}
.statistics2 a {
  text-decoration: none;
}

.advertisment2 {
  background: rgba(255, 255, 255, 1);
  margin: 1rem 0 0rem 0;
  padding: 1rem;
  border-radius: 0 1.5rem 0 0;
  min-height: 16rem;
}
.advertisment2 h1  {
  font-size: 2rem;
  font-weight: 900;
  color: #444;
}
.advertisment2 h2  {
  padding: 2rem 0.5rem 0.5rem 0.5rem;
  font-size: 2.5rem;
  font-weight: 900;
  color: #ef1481;
  text-align: center;
}
.advertisment2 ul {
  padding: 0 0 0 0.5rem;
  list-style: none;
  line-height: 2.1rem;
  font-size: 1.2rem;
  font-weight: 700;
}
.advertisment2   p {
  font-size: 1rem;
}
.advertisment2 a {
  text-decoration: none;
}
.switch {
  padding: 1rem;
}

.switch2 h1 {
  font-size: 2rem;
  font-weight: 700;
  color: #ef1481;
}
.switch h2 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #090448;
  text-align: left;
}
.switch h3 {
  font-size: 1.6rem;
  font-weight: 900;
  color: #090448;
  text-align: center;
}
.switch h4 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #090448;
  text-align: right;
}

.switch a {
  font-size: 1.6rem;
  color: #ef1481;
  text-decoration: none;
  font-weight: 900;
}
.switch a:hover {
  color:#0f5;
}

/* --------------------- end Switch  --------------------- */

/* --------------------- Chapter  --------------------- */
.chapter {
  background: rgba(255, 255, 1255, 0.7);
  margin: 1rem 0 1rem 0;
  padding: 1.2rem;
}
.chapter h1 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
.chapter h2 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
}
.chapter h3 {
  font-size: 1.2rem;
  font-weight: 500;
  color: #eee;
  text-align: left;
}
.chapter h4 {
  font-size: 1.2rem;
  font-weight: 500;
  color: #000;
  text-align: left;
}
.chapter p {
  font-size: 1em;
  font-weight: 500;
}
.chapter li {
  color: #fff;
  font-weight: 700;
}
.chapter ul {
  list-style-type: none;
  padding-left: 0rem;
  padding-right: 0rem;
}
.chapter li a {
  color: #090448;
  font-weight: 700;
}
.chapter a {
  font-size: 1.2rem;
  text-decoration: none;
  font-weight: 700;
  text-align: center;
}
.chapter a:hover {
  color: #cc0033;
}
.words {
  min-height: 10rem;
  padding: 1rem 1rem;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
}
.words h1 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}

.words h2 {
  font-size: 1.5rem;
  font-weight: 700;
}
.words h3 {
  font-size: 1.2rem;
  font-weight: 500;
  color: #eee;
  text-align: left;
}
.words li {
  color: #fff;
  font-weight: 700;
}
.words ul {
  list-style-type: none;
  padding-left: 0rem;
  padding-right: 0rem;
}
.words li a {
  color: #090448;
  font-weight: 700;
}

.words a {
  font-size: 1.2rem;
  text-decoration: none;
  font-weight: 700;
  text-align: center;
}
.words a:hover {
  color: #cc0033;
}
/* --------------------- end Chapter  --------------------- */
/* --------------------- Why  --------------------- */
.why {
  background: rgba(255, 255, 1255, 1);
  margin: 1rem 0 1rem 0;
  padding: 1.2rem;
}
.why h1 {
  font-size: 2.5em;
  font-weight: 900;
}
.why h2 {
  font-size: 2em;
  font-weight: 700;
}
.why h3 {
  font-size: 1.2em;
  font-weight: 700;
}
.why h5 {
  font-size: 1.6em;
  font-weight: 700;
  text-align: right;
}
.why p {
  font-size: 1em;
  font-weight: 500;
}
.why a {
  text-decoration: none;
}
.dm {
  margin: 1rem 0 1rem 0;
  padding: 0rem;
}
.dm h1 {
  font-size: 2.5rem;
  font-weight: 900;
}
.dm p {
  font-size: 1.2rem;
}
.dm1 {
  background: #eee;
  padding: 1rem;
  margin-bottom: 1rem;
  min-height: 5rem;
}
.dm2 {
  background: #eee;
  padding: 1rem;
  margin-bottom: 1rem;
  min-height: 5rem;
}
.dm3 {
  background: #eee;
  padding: 1rem;
  margin-bottom: 1rem;
  min-height: 5rem;
}
.dm4 {
  background: #eee;
  padding: 1rem;
  margin-bottom: 1rem;
  min-height: 5rem;
}


/* --------------------- end Why  --------------------- */
/* --------------------- lang 1 --------------------- */
.lang1 {
  min-width: 20rem;
}
.lang1 h1 {
  font-size: 2.2rem;
  font-weight: 700;
}
.lang1 h2 {
  font-size: 1.2rem;
  font-weight: 500;
}
.lang1 h3 {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: left;
}
.lang1 h4 {
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
}
.lang1 ul {
  padding: 0rem;
  list-style: none;
}
.lang1 li {
  padding: 0.5rem 0 0.5rem 0;
}
.lang1 li a {
  font-size: 1rem;
  text-decoration: none;
  font-weight: 400;
  list-style: none;
}
.lang1 a {
  color: #fff;
  font-size: 1rem;
  text-decoration: none;
  font-weight: 700;
}
.lang1 a:hover {
  color:#0f5;
}
/* --------------------- end lang 1 --------------------- */
/* --------------------- DM words 1-3 --------------------- */
.dmwords {
  padding: 0rem;
  margin-bottom: 0rem;
  border-radius: 0rem;
}

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

.dmwords1 {
  padding: 0rem;
  margin-bottom: 0rem;
  background: #090448;
  border-radius: 0rem;
}

@media (min-width: 576px) {
  .dmwords1 {
    padding: 0rem 0rem;
  }
}
.dmwords1-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.dmwords2 {
  padding: 0rem 0rem;
  margin-bottom: 0rem;
  background-color: #0fc7f0;
  border-radius: 0rem;
}

@media (min-width: 576px) {
  .dmwords2 {
    padding: 0rem 0rem;
  }
}
.dmwords2-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.dmwords3 {
  padding: 0rem 0rem;
  margin-bottom: 0rem;
  background-color: #ef1481;
  border-radius: 0rem;
}

@media (min-width: 576px) {
  .dmwords3 {
    padding: 0rem 0rem;
  }
}
.dmwords3-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
/* --------------------- end DM words 1-3 --------------------- */

/* --------------------- Articles --------------------- */
.articles {
  min-height: 280px;
}

.articles h1 {
  font-size: 2rem;
  font-weight: 700;
  color: #ef1481;
}


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

/* --------------------- Marketing --------------------- */
.marketing {
  padding: 1rem;
  margin-bottom: 1rem;
  background: #ef1481;
  border-radius: 0 1.5rem 1.5rem 1.5rem;
  min-height: 10rem;
}
.marketing p {
  font-size: 1.2rem;
}
.marketing a {
  color: #fff;
  text-decoration: none;
}
.marketing1 {
    /* background: rgba(255, 255, 255, 0.25); */
    margin: 1rem 0 1rem 0;
    padding: 0 0 0.5rem 0rem;
    color: #fff;
    max-height: 23.75rem;
}
@media (max-width: 575.98px) {
    .marketing1 {
      margin: 1rem 0 0rem 0;
    }
}
.marketing1 h1 {
    padding: 0.5rem 0rem 0rem 1rem;
    font-size: 3rem;
    font-weight: 900;
    color: #051154;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .marketing1 h1 {
      font-size: 2.2rem;
    }
}
.marketing1 h2 {
    padding: 0.5rem 0rem 0rem 1rem;
    font-size: 2.5rem;
    font-weight: 700;
    color: #f60;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .marketing1 h2 {
      font-size: 1.6rem;
    }
}
.marketing1 h3 {
    padding: 0.5rem 0rem 0rem 1rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .marketing1 h3 {
      font-size: 1.4rem;
    }
}
.marketing1 h4 {
    padding: 0.5rem 0rem 0.25rem 0rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #eee;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .marketing1 h4 {
      font-size: 1.4rem;
    }
}

.marketing1 h5 {
    padding: 0rem;
    font-size: 2rem;
    font-weight: 900;
    color: #090448;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .marketing1 h5 {
      font-size: 1.4rem;
    }
}
.marketing1 p {
    padding: 0.5rem 0rem 0rem 1rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    text-align: left;
}
.marketing1 a {
    font-size: 2rem;
    font-weight: 900;
    color: #051154;
    text-decoration: none;
}
.marketing1 a:hover {
    font-size: 2rem;
    color:#ef0607;
}
.marketing1 ul {
    margin:0rem;
    padding: 0 0 0 1rem;
}
.marketing1 li {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 500;
}
.marketing1 li a {
    text-decoration: none;
    color: #fff;
}

.marketing2 {
    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;
}
.marketing p {
    font-size: 1.2rem;
  }
  .marketing a {
    color: #fff;
    text-decoration: none;
  }
  .marketing2 {
      /* background: rgba(255, 255, 255, 0.25); */
      margin: 1rem 0 1rem 0;
      padding: 0 0 0.5rem 0rem;
      color: #fff;
      max-height: 23.75rem;
  }
  @media (max-width: 575.98px) {
      .marketing2 {
        margin: 1rem 0 0rem 0;
      }
  }
  .marketing2 h1 {
      padding: 0.5rem 0rem 0rem 1rem;
      font-size: 4rem;
      font-weight: 900;
      color: #051154;
      text-align: center;
  }
    @media (max-width: 575.98px) {
      .marketing2 h1 {
        font-size: 3rem;
      }
  }
  .marketing2 h2 {
      padding: 0.5rem 0rem 0rem 1rem;
      font-size: 2.5rem;
      font-weight: 700;
      color: #f60;
      text-align: left;
  }
    @media (max-width: 575.98px) {
      .marketing2 h2 {
        font-size: 1.6rem;
      }
  }
  .marketing2 h3 {
      padding: 0.5rem 0rem 0rem 1rem;
      font-size: 1.4rem;
      font-weight: 700;
      color: #fff;
      text-align: left;
  }
    @media (max-width: 575.98px) {
      .marketing2 h3 {
        font-size: 1.4rem;
      }
  }
  .marketing2 h4 {
      padding: 0.5rem 0rem 0.25rem 0rem;
      font-size: 1.4rem;
      font-weight: 700;
      color: #eee;
      text-align: left;
  }
    @media (max-width: 575.98px) {
      .marketing2 h4 {
        font-size: 1.4rem;
      }
  }

  .marketing2 h5 {
    padding: 0.5rem 0rem 0.25rem 0rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #090448;
    text-align: left;
  }
    @media (max-width: 575.98px) {
      .marketing2 h5 {
        font-size: 1.4rem;
      }
  }
  .marketing2 p {
      padding: 0.5rem 0rem 0rem 1rem;
      line-height: 1.4rem;
      font-size: 1rem;
      font-weight: 500;
      color: #fff;
      text-align: left;
  }
  .marketing2 a {
      padding: 0.5rem 0rem 0.25rem 0rem;
      font-size: 1.4rem;
      color: #051154;
      text-decoration: none;

  }
  .marketing2 a:hover {
      font-size: 1.4rem;
      color:#ef0607;
  }
  .marketing2 ul {
      margin:0rem;
      padding: 0 0 0 1rem;
  }
  .marketing2 li {
      margin: 0rem;
      padding: 0rem;
      list-style-type: none;
      line-height: 1.8rem;
      font-size: 1rem;
      font-weight: 500;
  }
  .marketing2 li a {
      text-decoration: none;
      color: #fff;
  }

  .marketing3 {
    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;
}
.marketing p {
    font-size: 1.2rem;
  }
  .marketing a {
    color: #fff;
    text-decoration: none;
  }
  .marketing3 {
      /* background: rgba(255, 255, 255, 0.25); */
      margin: 1rem 0 1rem 0;
      padding: 0 0 0.5rem 0rem;
      color: #fff;
      max-height: 23.75rem;
  }
  @media (max-width: 575.98px) {
      .marketing3 {
        margin: 1rem 0 0rem 0;
      }
  }
  .marketing3 h1 {
      padding: 0.5rem 0rem 0rem 1rem;
      font-size: 4rem;
      font-weight: 900;
      color: #051154;
      text-align: center;
  }
    @media (max-width: 575.98px) {
      .marketing3 h1 {
        font-size: 2.2rem;
      }
  }
  .marketing3 h2 {
      padding: 0.5rem 0rem 0rem 1rem;
      font-size: 2.5rem;
      font-weight: 700;
      color: #f60;
      text-align: left;
  }
    @media (max-width: 575.98px) {
      .marketing3 h2 {
        font-size: 1.6rem;
      }
  }
  .marketing3 h3 {
      padding: 0.5rem 0rem 0rem 1rem;
      font-size: 1.6rem;
      font-weight: 700;
      color: #fff;
      text-align: left;
  }
    @media (max-width: 575.98px) {
      .marketing3 h3 {
        font-size: 1.4rem;
      }
  }
  .marketing3 h4 {
      padding: 0.5rem 0rem 0.25rem 0rem;
      font-size: 1.2rem;
      font-weight: 700;
      color: #eee;
      text-align: left;
  }
    @media (max-width: 575.98px) {
      .marketing3 h4 {
        font-size: 1.4rem;
      }
  }

  .marketing3 h5 {
      padding: 0rem;
      font-size: 1.8rem;
      font-weight: 900;
      color: #090448;
      text-align: left;
  }
    @media (max-width: 575.98px) {
      .marketing3 h5 {
        font-size: 1.4rem;
      }
  }
  .marketing3 p {
      padding: 0.5rem 0rem 0rem 1rem;
      line-height: 1.4rem;
      font-size: 1rem;
      font-weight: 500;
      color: #fff;
      text-align: left;
  }
  .marketing3 a {
      font-size: 1.8rem;
      font-weight: 900;
      color: #051154;
      text-decoration: none;
  }
  .marketing3 a:hover {
      font-size: 1.8rem;
      color:#ef0607;
  }
  .marketing3 ul {
      margin:0rem;
      padding: 0 0 0 1rem;
  }
  .marketing3 li {
      margin: 0rem;
      padding: 0rem;
      list-style-type: none;
      line-height: 1.8rem;
      font-size: 1rem;
      font-weight: 500;
  }
  .marketing3 li a {
      text-decoration: none;
      color: #fff;
  }

.marketing4 {
  margin: 2rem 0 1rem 0;
}
.marketing4 a {
  margin: 2rem 0 0 0;
  padding: 4rem 0 0 0;
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
}
/* --------------------- end Marketing --------------------- */
/* --------------------- Advertisement --------------------- */
.advertisement {
  padding: 1rem;
  margin-bottom: 1rem;
  background: #0fc7f0;
  border-radius: 0 1.5rem 1.5rem 1.5rem;
  min-height: 10rem;
}
.advertisement h1 {
  padding-top: 1.8rem;
}
.advertisement a {
  color: #fff;
  font-size: 3rem;
  font-weight: 900;
  text-decoration: none;
}
/* --------------------- end Advertisement --------------------- */
/* --------------------- Business --------------------- */

.home1 {
    background: rgba(255, 255, 255, 0.75);
    border-radius: 0.5rem;
    margin: 2rem 0 1rem 0;
    padding: 1rem 0.5rem 0.25rem 1rem;
    color: #000;
}
@media (max-width: 575.98px) {
    .home1 {
        margin: 1.5rem 0 0rem 0;
    }
}
.home1 h1 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 2.2rem;
    font-weight: 900;
    color: #051154;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .home1 h1 {
      font-size: 2rem;
    }
}
.home1 h2 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #444;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .home1 h2 {
      font-size: 1.6rem;
    }
}

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



.fm1 {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0rem;
}
.fm1 h1 {
  color: #090448;
  font-size: 3rem;
  font-weight: 900;
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.fm1 h2 {
  color: #090448;
  font-size: 1.8rem;
  font-weight: 700;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
}
.fm1 p {
  padding-left: 1rem;
  padding-right: 1rem;
  color: #eee;
}
.fm1 a {
  font-weight: 700;
  font-size: 1.5rem;
  color: #27aae1;
}

.fr1 {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0rem;
}
.fr1 h1 {
  color: #090448;
  font-size: 2.5rem;
  font-weight: 900;
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.fr1 h2 {
  color: #eee;
  font-size: 1.5rem;
  font-weight: 700;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
}
.fr1 p {
  padding-left: 1rem;
  padding-right: 1rem;
  color: #090448;
}
.fr1 a {
  color: #eee;
  font-size: 1.5rem;
  font-weight: 700;
}
@media (max-width: 768px) {
  .fr1 {
    background-color: #27aae1;
    padding-bottom: 1rem;
  }
  .fr1 h1 {
    color: #eee;
    font-size: 2.5rem;
    font-weight: 900;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .fr1 p {
    padding-left: 1rem;
    padding-right: 1rem;
    color: #fff;
  }
}
.se {
  padding-left: 0rem;
  padding-right: 0rem;
  padding-bottom: 0rem;
}
.se1 {
  padding-left: 0rem;
  padding-right: 1rem;
  padding-bottom: 0rem;
}
.se1 h1 {
  color: #fff;
  font-size: 3rem;
  font-weight: 900;
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.se1 h2 {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1.5rem;
}
.se1 p {
  padding-left: 1rem;
  padding-right: 1rem;
  color: #eee;
}
.se1 a {
  font-weight: 700;
  font-size: 1.5rem;
  color: #f60;
}

.spinner {
  padding: 0rem 0rem;
  margin-top: 0rem;
}

.rent {
  padding: 0rem;
  background-color: #eee;
}

.rent1 {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
}
.rent1 h1 {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 900;
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.rent1 h2 {
  color: #eee;
  font-size: 1.5rem;
  font-weight: 700;
  padding-left: 1rem;
  padding-right: 1rem;
}
.rent1 a {
  font-weight: 700;
  font-size: 1.5rem;
  color: #fff;
}



.left2 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.foto2 img {
  padding-bottom: 0.5rem;
}
 .spinner2 {
  background-color: #ffca28;
  padding-top: 1rem;
    padding-bottom: 1rem;
}
  .spinner2 h1 {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
  }
  .spinner2 h2 {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
  }
  .spinner2 h4 {
    padding-left: 0rem;
    padding-right: 0rem;
    font-size: 1rem;
    font-weight: 300;
    color: #eee;
  }
  .spinner2 p {
    color: #eee;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .spinner2 a {
    font-weight: 700;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
  }
  .services2 {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 1rem;
  }
  .services2 h1 {
    color: #fff;
    font-size: 3rem;
    font-weight: 900;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1.5rem;
    text-align: center;
  }
  .services2 h2 {
    color: #090448;
    font-size: 1.2rem;
    font-weight: 700;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .services2 h3 {
    color: #eee;
    font-size: 1.2rem;
    font-weight: 700;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .services2 p {
    color: #eee;
    font-size: 1rem;
    font-weight: 300;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .services2 a {
    color: #f60;
  }
  .services2 ul {
    padding-left: 2rem;
    padding-top: 0rem;
    list-style: none;
  }
  .services2 li {
    color: #eee;
    font-size: 1rem;
    font-weight: 400;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
  }

.top1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.top2 {
  padding-top: 2rem;
  padding-bottom: 1rem;
}
.top22 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.top3 {
  padding-top: 3rem;
  padding-bottom: 1rem;
}
.top33 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.top4 {
  padding-top: 4rem;
  padding-bottom: 1rem;
}
.top44 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
  .opc-40 {
    opacity: 0.4;
  }
  .opc-50 {
    opacity: 0.5;
  }.opc-60 {
    opacity: 0.6;
  }.opc-70 {
    opacity: 0.7;
  }.opc-80 {
    opacity: 0.8;
  }.opc-90 {
    opacity: 0.9;
  }


  .j1 {
    background-color: #f60;
  }
  .j2 {
    background-color: #009;
  }
  .j3 {
    background-color: #eee;
  }
  .j4 {
    background-color: #444;
  }

















/* overlay 1 */

.image1 {
  display: block;
  width: 100%;
  height: auto;
}

.overlay1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.container1:hover .overlay1 {
  opacity: 1;
}

.text1 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
/* end overlay 1 */

/* overlay 2 */
.image2 {
  display: block;
  width: 100%;
  height: auto;
}

.overlay2 {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}

.container2:hover .overlay2 {
  bottom: 0;
  height: 100%;
}

.text2 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/* end overlay 2 */

/* overlay 3 */
.image3 {
  display: block;
  width: 100%;
  height: auto;
}

.overlay3 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #27aae1;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

.container3:hover .overlay3 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.text3 {
  color: white;
  font-size: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/* end overlay 3 */

/* overlay 4 */
.image4 {
  opacity: 0.9;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle4 {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container4:hover .image4 {
  opacity: 0.4;
}

.container4:hover .middle4 {
  opacity: 1;
}

.text4 {
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}

/* end overlay 4 */


/* overlay 5 */
.image5 {
  display: block;
  width: 100%;
  height: auto;
}

.overlay5 {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1;
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

.container5:hover .overlay5 {
  opacity: 1;
}

/* end overlay 5 */


/* overlay 6 */

.container6 {
  position: relative;
  width: 100%;
  max-width: 400px;
}

.image6 {
  display: block;
  width: 100%;
  height: auto;
}

.overlay6 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color: red;
}

.container6:hover .overlay6 {
  opacity: 1;
}

.icon6 {
  color: white;
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}


.links {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.links1 {
  min-height: 15rem;
  padding: 1rem 1rem;
}
.links1 h1 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #444;
}
.links1 h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #444;
  text-align: left;
}
.links1 p {
  padding-left: 1rem;
  padding-right: 1rem;
  color: #444;
  font-size: 1rem;
  font-weight: 500;
}
.links1 a {
  font-weight: 700;
  font-size: 1.5rem;
  color: #f60;
  text-align: center;
}

.links3 {
  min-height: 1rem;
  padding: 1rem 1rem;
}
.links3 h1 {
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  text-align: center;
}
.links3 h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #444;
  text-align: left;
}
.links3 p {
  padding-left: 1rem;
  padding-right: 1rem;
  color: #444;
  font-size: 1rem;
  font-weight: 500;
}
.links3 a {
  font-weight: 500;
  font-size: 1.2rem;
  color: #f60;
  text-align: center;
}
.staff h1 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #444;
}
.staff p {
  color: #444;
  font-size: 1rem;
  font-weight: 500;
}
.staff a {
  font-weight: 700;
  font-size: 1.4rem;
  color: #090448;
  text-align: center;
}



.sentences {
  background: rgba(255, 255, 1255, 0.7);
  margin: 1rem 0 0 0;
  padding: 0.5rem 0 0 1rem;
}
.sentences h1 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #111;
}

.sentences h2 {
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  text-align: left;
}
.sentences h3 {
  font-size: 1rem;
  font-weight: 500;
  color: #ef1481;
  text-align: left;
}
.sentences ol {
  padding: 0.5rem 0 0 1.5rem;
  color: #444;
  font-weight: 500;
}
.sentences li {
  padding-top: 0.5rem;
  color: #444;
  font-weight: 500;
  border-bottom: 1px #777 solid;
}

.sentences li a {
  color: #090448;
  font-weight: 700;
}

.sentences a {
  font-size: 1.2rem;
  text-decoration: none;
  font-weight: 500;
  text-align: center;
}
.sentences a:hover {
  color: #cc0033;
}
.translation li {
  padding-top: 0.5rem;
  color: #f07;
  font-weight: 500;
}

.translation li a {
  color: #c07;
  font-weight: 700;
}

.gold2 {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
}
.gold2 h1 {
  color:#ffd700;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: left;
}
.gold2 h2 {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: left;
}
.gold2 h3 {
  color: #f00;
  font-size: 1.4rem;
  font-weight: 900;
  text-align: center;
}
.silver2 {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
}
.silver2 h1 {
  color:#c0c0c0;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: left;
}
.silver2 h2 {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: left;
}
.silver2 h3 {
  color: #07f;
  font-size: 1.4rem;
  font-weight: 900;
  text-align: center;
}
.bronze2 {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
}
.bronze2 h1 {
  color:#cd7f32;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: left;
}
.bronze2 h2 {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: left;
}
.bronze2 h3 {
  color: rgb(216, 29, 216);
  font-size: 1.4rem;
  font-weight: 900;
  text-align: center;
}
.gold3 {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
}
.gold3 h1 {
  background-color: #444;
  padding: 2px 5px 5px 2px;
  color:#ffd700;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: right;
}
.gold3 h2 {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: left;
}
.gold3 h3 {
  color: #f00;
  font-size: 1.4rem;
  font-weight: 900;
  text-align: center;
}




.info2 {
  background-color: #0fc7f0;
  margin: 0 0 1rem 0;
  border-radius: 0 0 0 1.5rem;
  padding: 0.5rem 1rem 0.2rem 1rem;
}
.info2  a {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  text-decoration: none;
}
.info2  a:hover {
  color: #000;
}
.info3 {
  background-color: #0fc7f0;
  margin: 0 0 1rem 0;
  border-radius: 0 0 0 1.5rem;
  padding: 0.5rem 1rem 0.2rem 1rem;
}
.info3  p {
  text-align: right;
}
.info3  a {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: right;
  text-decoration: none;
}
.info3  a:hover {
  color: #000;
}
.news {
  background: rgba(239, 20, 129, 0.7);
  border-radius: 0 1.5rem 0 0;
  margin: 2rem 0 0 0;
  padding: 1rem 1rem 1rem 1rem;
  min-height: 16rem;
}
.news h1 {
  font-size: 2em;
  font-weight: 900;
  color: #fff;
}
.news h2 {
  line-height: 3rem;
  font-size: 1.8em;
  font-weight: 700;
  color: #000;
}
.news p {
  font-size: 1em;
  font-weight: 500;
  color: #fff;
}
.news a {
  color: #fff;
  text-decoration: none;
}
.news li a {
  list-style: none;
  font-size: 1.2rem;
  font-weight: 700;
}
.media {
  background: rgba(255, 255, 255, 0.7);
  margin: 2rem 0 0 0;
  padding: 1rem 1rem 1rem 1rem;
  border-top: 1px #0fc7f0 solid;
  border-left: 1px #0fc7f0 solid;
  border-right: 1px #0fc7f0 solid;
  border-radius: 0 1.5rem 0 0;
  min-height: 16rem;
}
.media h1 {
  font-size: 2em;
  font-weight: 900;
  color: #444;
}
.media h2 {
  line-height: 3rem;
  font-size: 1.8em;
  font-weight: 700;
  color: #000;
}
.media p {
  font-size: 1em;
  font-weight: 700;
  color: #444;
}
.media a {
  color: #0fc7f0;
  font-weight: 700;
  text-decoration: none;
}

.media2 {
  background: rgba(255, 255, 255, 1);
  margin: 1rem 0 1rem 0;
  padding: 1rem;
  border-radius: 0 1.5rem 0 1.5rem;
  min-height: 18rem;
}
.media2 img {
  padding: 0.5rem;
  border: 1px #d03 solid;
}
.media2 a {
  text-decoration: none;
}
.media3  ol {
  padding: 0 0 0 2rem;
  line-height: 2.1rem;
  color:#444;
  font-size: 1.2rem;
  font-weight: 700;
}
.media3  ol a {
  padding: 0 0 0 0;
  line-height: 2.1rem;
  color:#f00;
  font-size: 1.2rem;
  font-weight: 500;
}
.media3  ol a:hover {
  padding: 0 0 0 0;
  line-height: 2.1rem;
  color:#ddc;
  font-size: 1.2rem;
  font-weight: 500;
}






.stat {
  background: rgba(255, 255, 255, 1);
  margin: 1rem 0 0rem 0;
  padding: 1rem;
  border-radius: 0 1.5rem 0 0;
  min-height: 17rem;
}
.statistics {
  background: rgba(255, 255, 255, 1);
  margin: 1rem 0 1rem 0;
  padding: 1rem;
  border-radius: 0 1.5rem 0 1.5rem;
  min-height: 18rem;
}


.statistics p {
  font-size: 1.2rem;
}
.statistics a {
  text-decoration: none;
}
.statistics ul {
  padding: 0 0 0 0.5rem;
  list-style: none;
  line-height: 1.8rem;
  font-size: 1.4rem;
  color: #fff;
}


.statistics h2  {
  padding: 0 0 0 0.5rem;
  list-style: none;
  font-size: 1rem;
}
.statistics p {
  font-size: 1.2rem;
}
.statistics a {
  color: #fff;
  text-decoration: none;
}
.statistics ul {
  padding: 0 0 0 0.5rem;
  list-style: none;
  line-height: 1.8rem;
  font-size: 1.4rem;
  color: #fff;
}
.stat1  {
  text-align: right;
}
.stat2  {
  text-align: right;
}
.edufif {
  background: rgba(255, 255, 255, 1);
  margin: 1rem 0 0rem 0;
  padding: 1rem;
  border-radius: 0 1.5rem 0 0;
  min-height: 17rem;
}
.edufif2 {
  background: rgba(255, 255, 255, 1);
  margin: 1rem 0 1rem 0;
  padding: 1rem;
  border-radius: 0 1.5rem 0 1.5rem;
  min-height: 18rem;
}
.edufif2 a {
  text-decoration: none;
}
.touch {
  background: rgba(255, 255, 255, 1);
  margin: 1rem 0 0rem 0;
  padding: 1rem;
  border-radius: 0 1.5rem 0 0;
  min-height: 17rem;
}
.contact {
  background: rgba(255, 255, 255, 1);
  margin: 1rem 0 1rem 0;
  padding: 1rem;
  border-radius: 0 1.5rem 0 1.5rem;
  min-height: 18rem;
}
.contact a {
  text-decoration: none;
}

/* --------------------- end INFO --------------------- */



.follow a {
  font-size: 2.5rem;
}
.flang {
  background-color: #fff;
}
.flang a {
  color: #090448;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}
.flang a:hover {
  color: #ef1481;
}

.dmtaskbar {
  border-top: 2px #fff solid;
  border-bottom: 5px #090448 solid;
}


.copyright  {
    margin: 1rem 0 0 0;
    padding: 0rem 0 0rem 0;
}
  @media (max-width: 575.98px) {
    .copyright  {
        padding: 0rem 0 0rem 0;
    }
}
.copyright p {
    padding: 1rem 0.5rem 0rem 1rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
}
/* --------------------- menu scroll in mobile --------------------- */



/* --------------------- choose menu scroll --------------------- */


.search {
  background-color: #eee;
  margin: 2rem 0 1rem 0;
}

.search h1 {
  background-color: #eee;
  color: #000;
  font-size: 1.2rem;
}
.search a {
  color: #000;
}



/* --------------------- Mobile --------------------- */
.mobmenu {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  margin-bottom: 0rem;
}
.mobmenu h1 {
  font-size: 1rem;
  text-align: center;
}
.mobmenu p {
  font-size: 1rem;
  text-align: center;
  padding: 0;
}
.mobmenu a {
  color: #090448;
  text-decoration: none;
  text-align: center;
}
.mobmenu a:hover {
  color: #fff;
}

.mobile {
  min-width: 10rem;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.mobile a {
  font-size: 0.8rem;
  color: #090448;
}
.mobile a:hover {
  color: #ef1481;
}
/* --------------------- end Mobile --------------------- */
.dmfoto {
  padding: 2rem;
}



/* --------------------- Accordion --------------------- ----- */
.accordion-button {
  background-color: #eee;
}

.accordion-button:not(.collapsed) {
  color: #0663de;
  background-color: #ddc;
  box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0.125);
}
.accordion-button:focus {
  z-index: 3;
  border-color: #0f0;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(7, 110, 247, 0.25);
}
.accordion-item {
  margin-bottom: -1px;
  background-color: #eee;
  border: 1px solid rgba(0, 0, 0, 0.125);
}




/* --------------------- end Accordion--------------------- */





.gjej {
  margin: 1rem 0 1rem 0;
  padding: 1.2rem;
  min-height: 10rem;
}
.gjej h1 {
  font-size: 2em;
  font-weight: 900;
}
.gjej p {
  font-size: 1em;
  font-weight: 500;
}
.gjej a {
  text-decoration: none;
}



/* --------------------- 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-color: #667788;
  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;
}
.contact {
  margin: 1rem;
  padding: 0.5rem;
}
.contact h1 {
  padding: 1rem 0 0 0rem;
  font-size: 2rem;
  font-weight: 700;
  color: #eee;
  text-align: left;
}
.contact h2 {
  padding: 0.5rem 0 0 0;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
}
.contact p {
  color: #fff;
}

.contact a {
  color: #eee;
}



/* --------------------- Video --------------------- */
.video {
  margin: 2rem 0 1rem 0;
  padding: 0rem 0rem 0rem 0rem;
}
@media (max-width: 575.98px) {
  .video {
    margin: 1rem 0 1rem 0;
  }
}
.lingubook1 {
  background: rgba(255, 255, 255, 0.5);
  margin: 0rem 0 1rem 0;
  padding: 1rem 0rem 0rem 0rem;
}
@media (max-width: 575.98px) {
  .lingubook1 {
    margin: 1rem 0 1rem 0;
  }
}
.lingubook1 h1 {
  padding: 0.5rem 1rem 1rem 1rem;
  font-size: 1.9rem;
  font-weight: 700;
  color: #fff;
  text-align: left;
}
.lingubook1 h2 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #090448;
  text-align: center;
}
.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 {
  background: rgba(255, 255, 255, 1);
  margin: 0rem 0 1rem 0;
  padding: 1rem 0rem 0rem 0rem;
}
/* --------------------- end Video --------------------- */

/* --------------------- Main 1 --------------------- */
.main1 {
  background-color: #ef0607;
  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: #ffc7f0;
  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: rgb(238, 238, 238, 1);
  margin: 1rem 0 1rem 0;
  padding: 0.5rem;
}
.moreinfo h1 {
  font-size: 1.4rem;
  font-weight: 900;
  color: #090448;
  text-align: left;
}
.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: center;
}
.moreinfo a:hover {
  font-size: 1rem;
  color:#ef0607;
}
.short ul {
  margin: 0;
  padding: 0rem 0rem 0rem 0.5rem;
  background-color: #eee;
  list-style: none;
}
.short  li {
  line-height: 1.8rem;
}
.short li a {
  font-size: 1rem;
  text-decoration: none;
  font-weight: 500;
  list-style: none;
  color: #777;
}
.short li a:hover {
  color: #090448;
}
.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: #bfc7f0;
  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;
  opacity: 0.7;
}
.government a:hover {
  background-color: #0fc7f0;
  color:#fff;
}
.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 --------------------- */





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

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


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


.flang {
  background-color: #fff;
}
.flang a {
  color: #090448;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}
.flang a:hover {
  color: #ef1481;
}



/* --------------------- Mobile --------------------- */
.mob {
  background: rgba(0, 199, 202, 1);
  padding: 0rem;
  margin-bottom: 0rem;
}
.mobmenu {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  margin-bottom: 0rem;
}
.mobmenu h1 {
  font-size: 1rem;
  text-align: center;
}
.mobmenu p {
  font-size: 1rem;
  text-align: center;
  padding: 0;
}
.mobmenu a {
  color: #090448;
  text-decoration: none;
  text-align: center;
}
.mobmenu a:hover {
  color: #ef1481;
}

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


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

/* --------------------- lang --------------------- */

.lang1 {
    background-color: #244AA5;
    padding: 0rem;
    margin: 0;
}
.lang1-fluid {
    padding-right: 0;
    padding-left: 0;
}

/* -- #f0f5fa   ----*/
.lang2 {
    background-color: rgb(240, 245, 250, 1);
    padding: 0rem;
    margin: 0rem;
}
.lang2-fluid {
    padding-right: 0;
    padding-left: 0;
}
.lang3 {
    background-color: #07334e;
    padding: 0rem;
    margin-bottom: 0rem;
}
.lang3-fluid {
    padding-right: 0;
    padding-left: 0;
}
.lang4 {
    background-color: #06c;
    padding: 0rem;
    margin: 0rem;
}
.lang4-fluid {
    padding-right: 0;
    padding-left: 0;
}
.lang4 h1 {
    padding: 0.5rem 0.5rem 0 0.5rem;
    font-size: 2em;
    font-weight: 900;
    color: #eee;
}


/* --------------------- Content ---------------------- */
.content {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 2rem 0 1rem 0;
    padding: 1rem 1rem 0.25rem 1rem;
}
@media (max-width: 575.98px) {
    .content {
        margin: 1.5rem 0 0rem 0;
    }
}
.content h1 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 2.2rem;
    font-weight: 900;
    color: #051154;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .content h1 {
      font-size: 2rem;
    }
}
.content h2 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #444;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .content h2 {
      font-size: 1.6rem;
    }
}

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

.table1 {
    margin: 0rem;
    padding: 0rem 0.5rem 0rem 0.5rem;
    color: #000;
}
@media (max-width: 575.98px) {
    .table1 {
        margin: 1rem 0 0rem 0;
    }
}
.table1 h1 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 2.4rem;
    font-weight: 900;
    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: 1.4rem;
    font-weight: 700;
    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;
}
.table1 ul {
    margin:0rem;
    padding: 0 0 0 1rem;
}
.table1 li {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 500;
}
.table1 li a {
    text-decoration: none;
    color: #090448;
}



/* --------------------- Rightside --------------------- */

.rightside {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 2rem 0 1rem 0;
    padding: 1rem 1rem 0.5rem 1rem;
    color: #000;
}
@media (max-width: 575.98px) {
    .rightside {
        margin: 1rem 0 1rem 0;
    }
}
.rightside h1 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #051154;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .rightside h1 {
      font-size: 2rem;
    }
}
.rightside h2 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #444;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .rightside h2 {
      font-size: 1.6rem;
    }
}

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



/* --------------------- end of Rightside --------------------- */