/* --------------------- Main colors --------------------- */
.ncc {
   /* background: rgb(238, 238, 238, 1); */
    background: #fff;
    padding: 0rem;
    margin: 0rem;
}
.ncc-fluid {
    padding-right: 0;
    padding-left: 0;
}




/* --------------------- content ---------------------- */
.content {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 2rem 0 1rem 0;
    padding: 1rem;
    color: #000;
}
@media (max-width: 575.98px) {
    .content {
        margin: 1rem 0 0rem 0;
    }
}
.content h1 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 2.4rem;
    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.8rem;
    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;
    text-align: center;
}
.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;
}








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

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

/* --------------------- 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, 113, 188, 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 --------------------- */


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



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



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


/* --------------------- Footer --------------------- */
.footer {
    background-color: #ba303f;
    padding: 2rem 0 2rem 0;
    margin: 0rem;
}
.footer-fluid {
    padding-right: 0;
    padding-left: 0;
}
@media (max-width: 575.98px) {
    .footer {
        padding: 0rem 0 2rem 0;
    }
}
.footer1 {
    padding: 0rem;
    margin: 0rem;
}

.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: 0rem 0 2rem 0;
    }
}
.footer2 h2 {
    padding: 0rem 0rem 1rem 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .footer2 h2 {
      padding: 0rem 0rem 1rem 1rem;
      font-size: 1.6rem;
    }
}
.footer2 p {
    padding: 0rem 0.5rem 0rem 1rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    text-align: left;
}

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

.footer4 {
    padding: 0rem;
    margin: 0rem;
}
.footer4 h2 {
    padding: 0rem 0rem 1rem 0rem;
    font-size: 2.5rem;
    font-weight: 900;
    color: #fff;
    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: #fff;
    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 --------------------- */



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

.visit h1 {
    padding: 0.5rem 2rem 0rem 2rem;
    font-size: 2rem;
    font-weight: 900;
    color: #090448;
    text-align: center;
}

@media (max-width: 575.98px) {
    .visit h1 {
        font-size: 1.4rem;
    }
}

.visit h2 {
    padding: 0rem 0rem 1rem 0rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #090448;
    text-align: center;
}

.visit h3 {
    padding: 1rem 0 1rem 0;
    font-weight: 700;
    font-size: 1.4rem;
    text-align: center;
}

.visit h4 {
    padding: 1rem 0 1rem 0;
    font-weight: 700;
    font-size: 1.4rem;
    text-align: center;
}



.visit p {
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
}

.visit a {
    font-size: 1.2rem;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
}

.visit a:hover {
    font-size: 1.2rem;
    font-weight: 700;
    color: #ef0607;
}

.visit ul {
    margin: 0;
    padding: 0rem;
    background-color: #eee;
    list-style: none;
}

.visit li {
    line-height: 1.8rem;
}

.visit li a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    list-style: none;
}

.visit5 h2 {
    color: #fff;
}
.visit5 a {
    color: #fff;
}

.visit5 a:hover {
    color: #054;
}


/* --------------------- Menu 2 --------------------- */
.menu3 {
    margin: 1rem 0 0rem 0;
    padding: 0 0rem 1rem 0rem;
  }
  @media (max-width: 575.98px) {
    .menu3 {
      margin: 1rem 0 1rem 0;
      padding: 0rem;
    }
  }
  .menu3 h1 {
    padding: 0rem;
    margin: 0rem;
    font-size: 2.5rem;
    font-weight: 700;
    color: #090448;
  }
  @media (max-width: 575.98px) {
    .menu3 h1 {
      font-size: 1.6rem;
    }
  }

  .menu3 p {
    padding: 0 0rem 0 0rem;
    font-size: 1rem;
    font-weight: 500;
    color:#000;
    text-align: center;
  }
  .menu3 a {
    font-size: 2.5rem;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
  }
  .menu3 a:hover {
    font-size: 2rem;
    color:#fff;
  }

.search {
    background-color: #eee;
    border-radius: 0.5rem;
    margin: 1rem 0 0 0;
    padding: 0rem;
}

@media (max-width: 576px) {
    .search {
        margin: 0.5rem 0 0 0;
        padding: 0 0 0rem 0rem;
    }
}