@charset "UTF-8";
body {
  padding-top: 4.7rem;
}
.nav-item {
  padding-right: 1rem;
  line-height: 1.2rem;
  text-transform: uppercase;
}
.nav-item a {
  font-size: 1.2rem;
  font-weight: 700;
  text-decoration: none;
}
@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;
    }
}

.dropdown-menu {
    line-height: 1.4rem;
    text-transform: none;
}
.dropdown-menu a:hover {
    color: #ba303f;
}


.iconmenu2 {
    margin: 0rem 0 0rem 0;
    padding: 0rem;
    color: #000;
}
  @media (max-width: 575.98px) {
    .iconmenu2 {
      border-radius: 0 0 1rem 1rem;
      margin: 0rem;
      padding: 0.25rem 0.25rem 0.25rem 0.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: 2.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;
          font-weight: 700;
          font-size: 2.4rem;
          text-align: center;
          text-transform: none;
      }
  }
  .iconmenu2 h4 {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 700;
  }
  .iconmenu2 a {
      line-height: 1.6rem;
      color: #000;
      font-weight: 500;
      text-decoration: none;
  }
  .iconmenu2 a:hover {
      color: #f07;
      text-decoration: none;
  }
  .iconmenu2 ul {
      margin:0rem;
      padding: 0 0 0 1rem;
  }
  .iconmenu2 li {
      margin: 0rem;
      padding: 0rem;
      list-style-type: none;
      line-height: 1.8rem;
      font-size: 1rem;
      font-weight: 700;
  }
  .iconmenu2 li a {
      text-decoration: none;
      color: #090448;
  }

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

.nordic {
    /*background-color: #06c; */
    /*background: linear-gradient(to top, rgb(9, 32, 63) 0%, rgb(83, 120, 149) 100%);und: linear-gradient(to right, #FFFFFF, #6DD5FA, #2980B9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

   /* background: #090448;  /* fallback for old browsers */
   /* background: -webkit-linear-gradient(to right, #FFFFFF, #6DD5FA, #090448);   Chrome 10-25, Safari 5.1-6 */
   /* background: linear-gradient(to right, #FFFFFF, #6DD5FA, #2980B9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   /* background-color: rgba(186, 48, 63, 1);;  #ba303f*/
    background: rgb(2, 5, 75, 1);
    padding: 0rem;
    margin: 0rem;
}
.nordic-fluid {
    padding-right: 0;
    padding-left: 0;
}
.nordic1 {
   /* background: rgb(7, 40, 63, 1); */
   background: rgb(15, 199, 240, 1);
    padding: 0rem;
    margin: 0;
}
.nordic1-fluid {
    padding-right: 0;
    padding-left: 0;
}
.nordic2 {
    background-color: #eee;
    padding: 0rem;
    margin: 0rem;
}
.nordic2-fluid {
    padding-right: 0;
    padding-left: 0;
}
.nordic3 {
    background-color: #444;
    padding: 0rem;
    margin-bottom: 0rem;
}
.nordic3-fluid {
    padding-right: 0;
    padding-left: 0;
}
.nordic4 {
    background-color: #f60;
    padding: 0rem;
    margin: 0rem;
}
.nordic4-fluid {
    padding-right: 0;
    padding-left: 0;
}

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

/* --------------------- Modul 1 --------------------- */
.modul1 {
    background-color: rgba(238, 238, 238, 0.90);
    border: 0.5rem #eee solid;
    border-radius: 1rem;
    margin: 2rem 0 1rem 0;
    padding: 0rem;
  }
  @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 h3 {
    padding: 0rem;
    margin: 0rem;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
  }
  @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;
  }

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

.tarjous {
    background-color: rgba(238, 238, 238, 1);
    border: 0.5rem #eee solid;
    border-radius: 1rem;
    margin: 2rem 0 1rem 0;
    padding: 1rem;
}
@media (max-width: 575.98px) {
    .tarjous {
      margin: 2rem 0 1rem 0;
      padding: 0rem;
    }
  }
  .tarjous h1 {
    padding: 0rem;
    margin: 0rem;
    font-size: 3rem;
    font-weight: 700;
    color: #090448;
    text-align: left;
  }
  @media (max-width: 575.98px) {
    .tarjous h1 {
      font-size: 2rem;
    }
  }
  .tarjous h2 {
    padding: 0rem;
    margin: 0rem;
    font-size: 3rem;
    font-weight: 700;
    color: #090448;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .tarjous h2 {
      font-size: 2rem;
    }
  }
  .tarjous p {
    padding: 0rem 0.5rem 0rem 1rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #222;
    text-align: left;
}
.tarjous a {
    border-radius: 1rem;
    background-color: #ba303f;
    background: linear-gradient();
    padding: 0.5rem 2.25rem 0.5rem 2.25rem;
    font-size: 1rem;
    text-decoration: none;
    color: #fff;
}
.tarjous a:hover {
    background-color: #000;
    font-size: 1rem;
    color:#fff;
}

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



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

.reklama1 {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 1rem;
    margin: 1rem 0 1rem 0;
    padding: 0.5rem 1rem 0.5rem 1rem;
    color: #fff;
}
@media (max-width: 575.98px) {
    .reklama1 {
      margin: 1rem 0 0rem 0;
      padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    }
}
.reklama1 h1 {
    padding: 1rem 0rem 0rem 1rem;
    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 1rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #090448;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .reklama1 h2 {
      font-size: 1rem;
    }
}
.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: center;
}
  @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 {
    border-radius: 1rem;
    background: rgb(15, 199, 240, 1);
    background: linear-gradient();
    padding: 0.5rem 2.25rem 0.5rem 2.25rem;
    font-size: 1.8rem;
    text-decoration: none;
    color: #fff;
}
.reklama1 a:hover {
    background: rgb(5, 17, 84, 1);
    font-size: 1.8rem;
    color:#fff;
}
.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;
}


.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: 20rem;
}
.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;
}

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

/* --------------------- 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);
}
.language {
  background: rgba(255, 255, 255, 0.4);
  margin: 1rem 0 1rem 0;
  padding: 0.25rem;
}
@media (max-width: 575.98px) {
  .language {
    margin: 1rem 0 1rem 0;
  }
}



.language img {
  padding: 0.25rem;
}
/* --------------------- end Menu --------------------- */

/* --------------------- Video --------------------- */
.video {
  background: rgba(255, 255, 255, 0.75);
  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: #fff;
  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: #ff931e;
  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(15, 199, 240, 1);
  padding: 0rem;
  margin-bottom: 0rem;
  border-radius: 0rem;
}

@media (min-width: 576px) {
  .learn1 {
    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 --------------------- */

/* --------------------- Education  --------------------- */
.education {
  background: rgb(15, 199, 240, 1);
  margin: 1rem 0 1rem 0;
  padding: 0.5rem;
}
.education h1 {
  font-size: 2rem;
  font-weight: 900;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
}
.edu1 {
  position: relative;
  margin: 0 auto;
}
.edu1 .edu2 {
  position: absolute;
  bottom: 0;
  background: rgba(15, 199, 240, 0.7);
  width: 100%;
  padding: 0.2rem 0 0 0.4rem;
}
/* --------------------- end Education  --------------------- */


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

/* --------------------- Work  --------------------- */
.work {
  background: rgba(255, 102, 0, 1);
  margin: 1rem 0 1rem 0;
  padding: 0.5rem;
}
.work1 {
  position: relative;
  margin: 0 auto;
}
.work1 .work2 {
  position: absolute;
  bottom: 0;
  background: rgba(255, 102, 0, 0.7);
  width: 100%;
  padding: 0.2rem 0 0 0.4rem;
}
/* --------------------- end Work  --------------------- */

/* --------------------- Groups  --------------------- */

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

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

/* --------------------- Learn 3--------------------- */
.learn3 {
  background: rgba(238, 238, 238, 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;
}

/* --------------------- Shops chapter --------------------- */
.shops {
    background: rgba(238, 238, 238, 1);
    margin: 1rem 0 1rem 0;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  }
  .shops h1 {
    font-size: 2rem;
    font-weight: 900;
    color: #ff931e;
    text-align: left;
    text-transform: uppercase;
  }
  @media (max-width: 575.98px) {
    .shops h1 {
        font-size: 1.6rem;
        text-transform: none;
    }
}
  .shop1 {
    position: relative;
    margin: 0 auto;
  }
  .shop1 .shop2 {
    position: absolute;
    bottom: 0;
    background: rgba(21, 21, 21, 0.75);
    width: 100%;
    padding: 0.2rem 0 0 0.4rem;
  }
  /* --------------------- end Shops  --------------------- */
/* --------------------- end Learn 3--------------------- */

/* --------------------- Services  --------------------- */
.service {
    background: rgba(255, 102, 0, 1);
  margin: 1rem 0 1rem 0;
  padding: 0.5rem;
}
.ser1 {
  position: relative;
  margin: 0 auto;
}
.ser1 .ser2 {
  position: absolute;
  bottom: 0;
  background: rgba(255, 102, 0, 0.7);
  width: 100%;
  padding: 0.2rem 0 0 0.4rem;
}
/* --------------------- end Services  --------------------- */

/* --------------------- Grammar --------------------- */
.grammar {
  background: rgba(15, 199, 240, 1);
  margin: 1rem 0 1rem 0;
  padding: 0.5rem;
}
.gram1 {
  position: relative;
  margin: 0 auto;
}
.gram1 .gram2 {
  position: absolute;
  bottom: 0;
  background: rgba(15, 199, 240, 0.7);
  width: 100%;
  padding: 0.2rem 0 0 0.4rem;
}
/* --------------------- end Grammar --------------------- */

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

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

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

@media (min-width: 576px) {
  .words {
    padding: 0rem 0rem;
  }
}
.words-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.words h1 {
  padding: 0rem 0 0 0rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #444;
  text-align: center;
}
/* --------------------- Language switch --------------------- */
.change {
  background: rgba(255, 255, 255, 0.75);
  margin: 2rem 0.75rem 0rem 0.75rem;
  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 {
  background: rgba(15, 199, 240, 0.0);
  padding: 0.5rem;
  margin: 0rem 0 2rem 0;
  color: #000;
}
@media (max-width: 575.98px) {
  .welcome {
    background: rgba(15, 199, 240, 0.9);
    border-radius: 0 0 1rem 1rem;
    margin: 0rem;
  }
}
.welcome 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) {
  .welcome h1 {
    padding: 0rem;
    color: #fff;
    font-weight: 500;
    font-size: 1.2rem;
    text-align: left;
    text-transform: 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;
  }
}


.welcome2 {
    background: rgba(250, 250, 250, 0.75);
    border-radius: 0.5rem;
    margin: 2rem 2rem 2rem 2rem;
    padding: 2rem 2rem 2rem 2rem;
  }
  @media (max-width: 575.98px) {
    .welcome2 {
      margin: 2rem 2rem 1rem 2rem;
      padding: 1rem 1rem 1rem 1rem;
    }
  }
  .welcome2 h1 {
    font-size: 4rem;
    font-weight: 900;
    color: #000;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .welcome2 h1 {
      font-size: 2rem;
    }
  }

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


/* --------------------- Education  --------------------- */
.wlist {
  background: #eee;
  border-radius: 0.5rem;
  margin: 1rem 0 1rem 0;
  padding: 1rem 1rem 0.5rem 1rem;
}
@media (max-width: 575.98px) {
  .wlist {
    border-radius: 0.5rem;
    margin: 1rem 0 1rem 0;
    padding: 0.75rem 0.5rem 0.25rem 0.5rem;
  }
}
.wlist h1 {
  padding: 0.2rem 0rem 0rem 0.4rem;
  margin: 0rem 0 0 0;
  font-size: 1rem;
  font-weight: 500;
  color: #ff931e;
  text-align: left;
}

.wlist h2 {
  padding: 0rem 0rem 0rem 0.4rem;
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  text-align: left;
}
.wlist h3 {
  padding: 0.2rem 0rem 0rem 0.4rem;
  margin: 0rem 0 0 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: #ff931e;
  text-align: left;
}
.wlist h4 {
  padding: 0rem 0rem 0.2rem 0.4rem;
  margin: 0rem 0 0 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: #000;
  text-align: left;
}



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

.sentences h2 {
  font-size: 1rem;
  font-weight: 500;
  color: #ff931e;
  text-align: left;
}

.sentences h4 {
  padding-left: 0.25rem;
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  text-align: left;
}
.sentences ol {
  padding: 0rem 0 0 1.75rem;
  color: #444;
  font-weight: 500;
}
.sentences li {
  padding-top: 1.5rem;
  color: #444;
  font-weight: 500;
}

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

/* --------------------- 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(0, 4, 74, 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  --------------------- */
.wtext {
  background: #eee;
  margin: 1rem 0 1rem 0;
  padding: 1rem;
}
.wtext h1 {
  padding: 0rem 0rem 0rem 0rem;
  font-size: 2.5rem;
  font-weight: 900;
  color: #000;
  text-align: left;
}
.wtext h2 {
  padding: 0rem 0rem 0rem 0rem;
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  text-align: left;
}
.wtext h3 {
  padding: 0rem 0rem 0rem 0rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #000;
  text-align: left;
}
.wtext a {
    text-decoration: none;
  }

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



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

.marketing {
  background-color: #667788;
  padding: 0rem;
  margin-bottom: 0rem;
  border-radius: 0rem;
}

@media (min-width: 576px) {
  .marketing {
    padding: 0rem 0rem;
  }
}
.marketings-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.marketing h1 {
  padding: 0rem 0 0 0rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #444;
}
/* --------------------- 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 --------------------- */

.marketing2 {
  background: rgb(15, 199, 240, 0.7);
  margin: 2rem 0 1rem 0;
  padding: 1rem 1rem 1rem 1rem;
  min-height: 25rem;
}
.marketing2 h1 {
  font-size: 2.5em;
  font-weight: 900;
  color: #000;
}
.marketing2 h2 {
  padding: 1rem 1rem 1rem 1rem;
  font-size: 1.8em;
  font-weight: 700;
  color: #fff;
  text-align: left;
}
.marketing2 h3 {
  padding: 1rem 0 0 0;
  font-size: 1.2em;
  font-weight: 700;
  color: #fff;
}
.marketing2 h4 {
  padding: 1rem 0 0 0;
  font-size: 1.6em;
  font-weight: 900;
  color: #0ec7f0;
  text-align: right;
}
.marketing2 h5 {
  padding: 1rem 0 0 0;
  font-size: 1.6em;
  font-weight: 900;
  color: #0ec7f0;
  text-align: right;
}
.marketing2 h6 {
  font-size: 1.4em;
  font-weight: 700;
  color: #0ec7f0;
  text-align: right;
  padding: 1rem 0 0 0;
}
.marketing2 p {
  font-size: 1.2em;
  font-weight: 500;
  color: #fff;
}
.marketing2 a {
  background-color: #000;
  border-radius: 1rem;
  padding: 0.75rem 1.5rem 0.75rem 1.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #eee;
  text-decoration: none;
}
.marketing2 a:hover {
  background-color: #fff;
  color: #0ec7f0;
}


.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;
    margin: 0rem;
    padding: 2rem 0 1rem 0;
}
.footer-fluid {
    padding-right: 0;
    padding-left: 0;
}
@media (max-width: 575.98px) {
    .footer {
        padding: 1rem 0 1rem 0;
    }
}
.footer1 {
    padding: 0rem;
    margin: 0rem;
}
@media (max-width: 575.98px) {
    .footer1 {
        padding: 1rem 0 1rem 0;
    }
}
.logo1 {
    margin: 0rem 0 0rem 0rem;
    padding: 0rem 4rem 4rem 4rem;
}
@media (max-width: 575.98px) {
    .logo1 {
        padding: 0rem 4rem 0rem 0rem;
    }
}
.footer2 {
    padding: 0rem;
    margin: 0rem;
}
@media (max-width: 575.98px) {
    .footer2 {
        padding: 1rem 0 0rem 1rem;
        margin: 0 0 1rem 0;
        border-bottom: 1px #fff solid ;
    }
}
.footer2 h1 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 1.6rem;
    font-weight: 900;
    color: #444;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .footer2 h1 {
      padding: 0rem 0rem 0rem 0rem;
      font-size: 1.4rem;
    }
}
.footer2 h2 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #444;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .footer2 h2 {
      padding: 0rem 0rem 1rem 0rem;
      font-size: 1.6rem;
    }
}
.footer2 p {
    padding: 0rem 0.5rem 0rem 0rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}


.footer3 {
    padding: 0rem;
    margin: 0rem;
}
@media (max-width: 575.98px) {
    .footer3 {
        padding: 1rem 0 0rem 1rem;
        margin: 0 0 1rem 0;
    }
}
.footer3 h1 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 1.6rem;
    font-weight: 900;
    color: #444;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .footer3 h1 {
      padding: 0rem 0rem 0rem 0rem;
      font-size: 1.4rem;
    }
}
.footer3 h2 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #444;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .footer3 h2 {
      padding: 0rem 0rem 1rem 0rem;
      font-size: 1.6rem;
    }
}
.footer3 p {
    padding: 0rem 0.5rem 0rem 0rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}

.footer4 {
    padding: 0rem;
    margin: 0rem;
}
.footer4 h2 {
    padding: 0rem 0rem 1rem 0rem;
    font-size: 2.5rem;
    font-weight: 900;
    color: #444;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .footer4 h2 {
      padding: 0rem 0rem 1rem 1rem;
      font-size: 1.6rem;
    }
}
.footer4 p {
    padding: 0rem 0.5rem 0rem 1rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}


 .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: 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: rgba(238, 238, 238, 1);
  padding: 0rem;
  margin-bottom: 0rem;
}
.mob a {
  color: #ff931e;
  text-decoration: none;
  text-align: center;
}
.mob a:hover {
  color: #ef1481;
}
.mob img {
  padding: 0.75rem 0 0 0;
}
.mobmenu {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  margin-bottom: 0rem;
  text-align: center;
}
.mobmenu h1 {
  font-size: 1rem;
  text-align: center;
}
.mobmenu h3 {
  color: #090448;
  font-size: 0.75rem;
  font-weight: 400;
  text-align: center;
}
.mobmenu h5 {
  padding: 0.75rem 0 0 0;
}
.mobmenu p {
  font-size: 1rem;
  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.75rem 0 0.75rem 0;
    min-width: 24rem;
  }
.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: 1rem;
    list-style: none;
    line-height: 2rem;
    color: #444;
    font-weight: 500;
    text-decoration: none;
  }
.displaylanguage  a:hover {
    color:#ef1481;
  }
/* --------------------- end Display Language - Mobile --------------------- */


/* --------------------- Languages Desktop - Menu --------------------- */
.languagesdesktop {
    background: #eee;
    border-radius: 0 0 1rem 1rem;
    margin: 0;
    padding: 0 0.5rem 0 0.5rem;
    min-width: 25rem;
  }
.languagesdesktop  ul {
    margin: 0;
    padding: 0rem;
    list-style: none;
  }
  .languagesdesktop  li a {
    font-size: 1.4rem;
    text-decoration: none;
    font-weight: 500;
    list-style: none;
  }
 .languagesdesktop  a {
    padding: 1rem 0 1rem 0;
    list-style: none;
    line-height: 2.1rem;
    color: #444;
    font-weight: 500;
    text-decoration: none;
  }
.languagesdesktop  a:hover {
    color:#ef1481;
  }


  /* --------------------- end Languages Desktop - Menu  --------------------- */
/* --------------------- 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;
}






.contact {
    background: rgb(238, 238, 238, 0.9);
    margin: 1rem 0 1rem 0;
    padding: 1rem 1rem 1rem 1rem;
}

.contact h1 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 2em;
    font-weight: 900;
    color: #000;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .contact h1 {
      padding: 0rem 0rem 0rem 0rem;
    }
}
.contact h2 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #444;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .contact h2 {
      padding: 0rem 0rem 0rem 0rem;
      font-size: 1.6rem;
    }
}
.contact p {
    padding: 0rem 0rem 0rem 0rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
}
.contact a {
    text-decoration: none;
}





.footer2 p {
    padding: 0rem 0.5rem 0rem 0rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}


/* --------------------- footer --------------------- */



.leftside {
    background-color: #fff;
    margin: 1rem 0 1rem 0;
    padding: 1rem 1rem 1rem 1rem;
}
.leftside h1 {
    padding: 0rem 0rem 1rem 0rem;
    font-size: 2.5em;
    font-weight: 900;
    color: #ba303f;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .leftside h1 {
      font-size: 1.8rem;
    }
}
.leftside h2 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 1.6em;
    font-weight: 700;
    color: #444;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .leftside h2 {
      font-size: 1.2rem;
    }
}
.leftside h3 {
    padding: 0.5rem 0.5rem 0rem 0rem;
    font-size: 1.6em;
    font-weight: 700;
    color: #444;
    text-align: right;
}
  @media (max-width: 575.98px) {
    .leftside h3 {
      font-size: 1.4rem;
    }
}
.leftside p {
    padding: 0rem 0.5rem 0rem 0rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}
.leftside a {
    text-decoration: none;
}

.mainpage {
    /* background: rgba(44, 16, 24, 1); */
    margin: 1rem 0 1rem 0;
    padding: 1rem 1rem 1rem 1rem;
    color: #fff;
}
.mainpage h1 {
    padding: 0rem 0rem 1rem 0rem;
    font-size: 3em;
    font-weight: 900;
    color: #eee;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .mainpage h1 {
      font-size: 1.8rem;
    }
}
.mainpage p {
    padding: 0rem 0.5rem 0rem 0rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    text-align: left;
}
.mainpage a {
    text-decoration: none;
}

.rightside {
    background: rgb(200, 200, 200, 1);
    margin: 1rem 0 1rem 0;
    padding: 1rem 1rem 1rem 1rem;
}
.rightside h1 {
    padding: 0rem 0rem 1rem 0rem;
    font-size: 2em;
    font-weight: 900;
    color: #000;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .rightside h1 {
      padding: 0rem 0rem 1rem 1rem;
      font-size: 1.6rem;
    }
}
.rightside p {
    padding: 0rem 0.5rem 0rem 0rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
}
.rightside a {
    text-decoration: none;
}
.tarjous1 {
    background: rgb(238, 238, 238, 0.9);
    border-radius: 1rem;
    margin: 1rem 0 1rem 0;
    padding: 0rem 1rem 0rem 1rem;
}
.tarjous1 h1 {
    padding: 0rem 0rem 1rem 0rem;
    font-size: 2em;
    font-weight: 900;
    color: #000;
    text-align: center;
    text-transform: uppercase;
}
  @media (max-width: 575.98px) {
    .tarjous1 h1 {
      padding: 0rem 0rem 1rem 1rem;
      font-size: 1.6rem;
    }
}
.tarjous1 h2 {
    padding: 0rem 0rem 1rem 0rem;
    font-size: 2.5em;
    font-weight: 900;
    color: #000;
    text-align: center;
}
  @media (max-width: 575.98px) {
    .tarjous1 h2 {
      padding: 0rem 0rem 1rem 1rem;
      font-size: 1.8rem;
    }
}
.tarjous1 p {
    padding: 0rem 0.5rem 0rem 0rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
}
.tarjous1 a {
    text-decoration: none;
}


.links1 {
    min-height: 10rem;
    padding: 0rem 0rem;
    border-radius: 1rem;
  }
  .links1 h1 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #444;
  }
  .links1 h3 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #ba303f;
    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;
  }


.mainslide {
    background: #fff;
    margin: 1rem 0 1rem 0;
    padding: 1rem 1rem 1rem 1rem;
    border-radius: 1rem;
}
.mainslide h1 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 3em;
    font-weight: 700;
    line-height: 1.2em;
    color: #000;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .mainslide h1 {
      font-size: 1.8rem;
    }
}
.mainslide h2 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.2em;
    color: #444;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .mainslide h2 {
      font-size: 1.2rem;
    }
}
.mainslide p {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4rem;
    color: #444;
    text-align: left;
}
.mainslide a {
    text-decoration: none;
}
.mainslide img {
    border-radius: 1rem;
    padding: 0em;
}

.slide1 {
    margin: 0rem 0 0rem 0;
    padding: 1rem 0.5rem 0.5rem 0.5rem;
}
.slide1 h1 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 3em;
    font-weight: 700;
    line-height: 1.2em;
    color: #000;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .slide1 h1 {
        padding: 3.5rem 0rem 0rem 0rem;
        font-size: 2rem;
    }
}
.slide1 h2 {
    padding: 1rem 0rem 1rem 0rem;
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.2em;
    color: #444;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .slide1 h2 {
        padding: 0rem 0rem 0rem 0rem;
        font-size: 1.2rem;
    }
}
.slide1 p {
    padding: 1rem 0rem 0rem 0rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4rem;
    color: #444;
    text-align: left;
}