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

.languages {
  padding: 0rem;
}
.languages a {
  color: #444;
  text-transform: none;
}
.languages a:hover {
  color: #000;
  text-transform: none;
}

.languages ul {
  padding: 0rem;
}
.languages li {
  margin: 0rem;
  padding: 0rem;
  list-style-type: none;
}
/* --------------------- Company --------------------- */
.company {
  background-color: #009345;
  padding: 0rem;
  margin: 0rem;
}
.company-fluid {
  padding-right: 0;
  padding-left: 0;
}
/* ---- This is for main title above text area 



/* --------------------- Content --------------------- */
.frame {
  background: rgba(255, 255, 255, 1);
  margin: 1rem 0rem 1rem 0rem;
  padding: 0rem 0rem 0rem 0rem;
}

.frame1 {
  background: rgba(255, 255, 255, 1);
  margin: 1rem 1rem 1rem 1rem;
  padding: 1rem 1rem 1rem 1rem;
}
@media (max-width: 575.98px) {
  .frame1 {
    margin: 1rem 1rem 1rem 1rem;
    padding: 0.75rem 0.5rem 1rem 0.75rem;
  }
}
.frame1 h1 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #000;
  text-align: left;
}
@media (max-width: 575.98px) {
  .teksti2 h1 {
    font-size: 1.8rem;
  }
}
.frame1 h2 {
  padding: 0rem 0 0.5rem 0;
  font-size: 2rem;
  font-weight: 700;
  color: #222;
  text-align: left;
}
@media (max-width: 575.98px) {
  .frame1 h2 {
    font-size: 1rem;
    font-weight: 700;
  }
}
.frame1 h3 {
  padding: 1rem 0 1rem 0;
  font-size: 2rem;
  font-weight: 700;
  color: #222;
  text-align: center;
}
@media (max-width: 575.98px) {
  .frame1 h3 {
    font-size: 1rem;
    font-weight: 700;
  }
}
.frame1 h4 {
  background-color: #009345;
  border-radius: 1rem;
  padding: 0.5rem 1rem 0.5rem 1rem;
  font-size: 1.8rem; 
  font-weight: 900; 
  color: #eee;
  text-decoration: none;
  opacity: 0.7;
}
.frame1 p {
  line-height: 1.4rem;  
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  text-align: left;
}
@media (max-width: 575.98px) {
  .frame1 p {
    font-size: 1rem;
  }
}
.frame1 a {
  border-radius: 1rem;
  padding: 0.5rem 1rem 0.5rem 1rem;
  font-size: 1rem; 
  font-weight: 500; 
  color: #009345;
  text-decoration: none;
}

.frame1 a:hover {
  color:#000; 
}


.frame2 {
  background: rgba(250, 250, 250, 1);
  margin: 2rem 1rem 1rem 1rem;
  padding: 1rem 1rem 1rem 1rem;
}
@media (max-width: 575.98px) {
  .frame2 {
    margin: 1rem 1.25rem 1rem 1.25rem;
    padding: 1rem 0.5rem 1rem 1.25rem;
  }
}
.frame2 h1 {
  font-size: 2rem;
  font-weight: 900;
  color: #000;
  text-align: left;
}
@media (max-width: 575.98px) {
  .teksti2 h1 {
    font-size: 1.8rem;
  }
}
.frame2 h2 {
  padding: 1rem 0 0 0 ;
  font-size: 1.8rem;
  font-weight: 700;
  color: #000;
  text-align: left;
}
@media (max-width: 575.98px) {
  .teksti2 h2 {
    font-size: 1.8rem;
  }
}
.frame2 p {
  line-height: 1.4rem;  
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  text-align: left;
}
@media (max-width: 575.98px) {
  .frame2 p {
    font-size: 1rem;
  }
}
.frame2 a {
  line-height: 1.4rem;  
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
}
.frame2 ul {
  margin: 2rem 0 0 0;
  padding: 0 0 0 0rem;
}

.frame2 li {
  margin: 0rem;
  padding: 0rem;
  list-style-type: none;
  line-height: 2.5rem;
  font-size: 1.4rem;
  font-weight: 700;
}
.frame2 li ul {
  margin: 0rem 0 0 0;
  padding: 0 0 0 1rem;
}
.frame2 li ul li {
  margin: 0rem;
  padding: 0 0 0 0.65rem;
  list-style-type: none;
  line-height: 2.5rem;
  font-size: 1rem;
  font-weight: 500;
}
.frame2 li a {
  text-decoration: none;
  color: #fff;
}

.frame3 {
  background: rgba(255, 255, 255, 1);
  margin: 0 0 0rem 0;
  padding: 0rem 0rem 0rem 0rem;
}

.frame4 {
  margin: 2rem 2rem 2rem 2rem;
  padding: 1rem 1rem 1rem 1rem;
}
@media (max-width: 575.98px) {
  .frame4 {
    margin: 0rem 0rem 1rem 0rem;
    padding: 1rem 0.5rem 0.5rem 1.25rem;
  }
}
.frame4 h1 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #000;
  text-align: left;
}
@media (max-width: 575.98px) {
  .frame4 h1 {
    font-size: 2rem;
  }
}
.frame4 h3 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #000;
  text-align: center;
}
@media (max-width: 575.98px) {
  .frame4 h3 {
    font-size: 2rem;
  }
}
.frame4 a {
  border: 1px #444 solid;
  background-color: #444;
  border-radius: 1rem;
  font-size: 2.5rem;
  font-weight: 900;
  color: #009345;
  text-decoration: none;
}
.frame4 a:hover {
  color: #fff;
}
.frame4 p {
  line-height: 1.4rem;  
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  text-align: left;
}
@media (max-width: 575.98px) {
  .frame4 p {
    font-size: 1rem;
  }
}

.frame4 ul {
  margin: 0rem 0 0 0;
  padding: 0 0 0 0rem;
}
.frame4 li {
  margin: 0rem;
  padding: 0 0 0 0.65rem;
  list-style-type: none;
  line-height: 2.5rem;
  font-size: 1rem;
  font-weight: 700;
}

.frame5 {
  margin: 0rem;
  padding: 0rem 1rem 0rem 1rem;
}
@media (max-width: 575.98px) {
  .frame5 {
    margin: 0rem 0rem 1rem 0rem;
    padding: 1rem 0.5rem 0.5rem 1.25rem;
  }
}
.frame5 h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #000;
  text-align: left;
}
@media (max-width: 575.98px) {
  .frame5 h2 {
    font-size: 1.8rem;
  }
}
.frame5 h3 {
  font-size: 2rem;
  font-weight: 900;
  color: #000;
  text-align: left;
}
@media (max-width: 575.98px) {
  .frame5 h3 {
    font-size: 1.5rem;
  }
}
.frame5 a {
  padding: 0rem;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
}
.frame5 a:hover {
  color: #009345;
}
.frame5 p {
  line-height: 1.4rem;  
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  text-align: left;
}
@media (max-width: 575.98px) {
  .frame5 p {
    font-size: 1rem;
  }
}
.frame5 ul {
  margin: 0rem;
  padding: 0 0 0 0.5rem;
  list-style-type: none;
  line-height: 2rem;
  font-size: 1rem;
  font-weight: 500;
}
.frame5 li {
  margin: 0rem;
  padding: 0rem;
  list-style-type: none;
  line-height: 2rem;
  font-size: 1rem;
  font-weight: 500;
}

.frame5 li a {
  text-decoration: none;
  color: #fff;
}
.welcome {
  background: rgba(250, 250, 250, 1);
  border-radius: 0.5rem;
  margin: 3rem 15rem 3rem 15rem;
  padding: 2rem 2rem 2rem 2rem;
}
@media (max-width: 575.98px) {
  .welcome {
    margin: 2rem 2rem 1rem 2rem;
    padding: 1rem 1rem 1rem 1rem;
  }
}
.welcome h1 {
  font-size: 3rem;
  font-weight: 900;
  color: #000;
  text-align: center;
}
@media (max-width: 575.98px) {
  .welcome h1 {
    font-size: 1.8rem;
  }
}


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

.teksti1 a:hover {
  color:#000; 
}



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

.teksti2 a:hover {
  color:#000; 
}
/* --------------------- end Content--------------------- */

/* --------------------- Modul 1 --------------------- */
.modul1 {  
  background: rgba(255, 255, 255, 0.75);
  border: 0.75rem #eee solid;
  border-radius: 1rem;
  margin: 2rem 0 1rem 0;
  padding: 1rem;
}
@media (max-width: 575.98px) {
  .modul1 {
    margin: 0rem 0 1rem 0;
    padding: 0rem;
  }
}
.modul1 h1 {
  padding: 0rem;
  margin: 0rem;
  font-size: 3rem;
  font-weight: 700;
  color: #000;
  text-align: center;
}
@media (max-width: 575.98px) {
  .modul1 h1 {
    font-size: 2rem;
  }
}
.modul1 h2 {
  padding: 0rem;
  margin: 0rem;
  line-height: 3rem;
  font-size: 2rem;
  font-weight: 700;
  color: #090448;
  text-align: left;
}
@media (max-width: 575.98px) {
  .modul1 h2 {
    font-size: 1.6rem;
  }
}
.modul1 p {
  padding: 1rem;
  font-size: 1rem;
  font-weight: 500;
  color: #444;
  text-align: left;
}
.modul1 a {
  padding: 0rem;
  font-size: 2rem;
  text-decoration: none;
  font-weight: 700;
  text-align: center;
}
.modul1 a:hover {
  font-size: 1rem;
  color:#090448;
}
.rightside {
  border-radius: 1rem;
  margin: 0rem 0 0rem 0;
  padding: 0rem;
}
.rightside h1 {
  padding: 0.5rem 1rem 1rem 1rem;
  font-size: 1.9rem;
  font-weight: 700;
  color: #fff;
  text-align: left;
}
.rightside h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #090448;
  text-align: left;
}
.rightside a {
  text-decoration: none;
}
.service1 {
  border-radius: 1rem;
  margin: 0rem;
  padding: 0rem;
}
.service1 h2 {
  padding: 0rem 1rem 1rem 1rem;
  font-size: 1.9rem;
  font-weight: 700;
  color: #000;
  text-align: left;
}
@media (max-width: 575.98px) {
  .service1 h2 {
   font-size: 1.6rem;
  }
}
.service2 {
  border-radius: 1rem;
  margin: 0rem;
  padding: 0rem;
}
.service2 h1 {
  padding: 0rem 1rem 0.5rem 1rem;
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  text-align: left;
}
@media (max-width: 575.98px) {
  .service2 h1 {
   padding: 1rem 1rem 0.5rem 1rem;
   font-size: 1.6rem;
  }
}
.service2 p {
  padding: 1rem 0rem 0rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  text-align: left;
}
.service2 a {
  padding: 0rem;
  font-size: 1rem;
  text-decoration: none;
  font-weight: 500;
}
.service2 a:hover {
  font-size: 1rem;
  color:#090448;
}
/* --------------------- end of Modul 1 --------------------- */
/* --------------------- Footer --------------------- */

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

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

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



.footer2 ul {  
  margin: 0;
  padding: 0rem;
  list-style: none;
}
.footer2  li {
  line-height: 2rem;
}
.footer2 li a {
  font-size: 1rem;
  text-decoration: none;
  font-weight: 500;
  list-style: none;
  color: #000;
}
.footer2 li a:hover {
  color: #009345;
}

.footer3 {
  padding: 1rem 0rem 1rem 0rem;
  margin-bottom: 0rem;
}
@media (max-width: 575.98px) {
  .footer3 {
    padding: 1rem 0rem 1rem 1rem;
  }
}
.footer3 h1 {
  padding: 0rem;
  font-size: 2rem;
  font-weight: 700;
  color: #000;
}
@media (max-width: 575.98px) {
  .footer3 h1 {
    font-size: 1.6rem;
  }
}
.footer3 {    
  margin-top: 0.2rem;
}
.footer3 p {  
  color:#000;
  font-size: 1rem;
  font-weight: 500;
}
.copyright {
  background-color: #fff;
  padding: 0rem 0rem 0rem 0rem;
  margin-bottom: 0rem;
  border-radius: 0rem; 
}
.footer4 {
  padding: 1rem 0rem 1rem 0rem;
  margin-bottom: 0rem;
}
@media (max-width: 575.98px) {
  .footer4 {
    padding: 1rem 0rem 2rem 1rem;
  }
}

/* --------------------- end Footer --------------------- */

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

.mobile {
  min-width: 15rem;
  padding: 0.5rem 0rem 0.5rem 0rem;
}
.mobile a {
  line-height: 1.6rem;
  font-size: 1rem;
  color: #000;
}
.mobile a:hover {
  color: #009345;
  font-size: 1rem;
}

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

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