@import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin-ext");
@import url("//fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap&subset=latin-ext");
:root {
  --bs-font-sans-serif: "Poppins", sans-serif;
  /*--bs-body-font-size: 0.8125rem;*/
  --bs-body-line-height: 1.3;
  --vs-font-size: .875rem;
}

.color-1 {
  color: #3B77BD;
}

.color-2 {
  color: #85AED7;
}

.color-3 {
  color: #D3EAE4;
}

.color-4 {
  color: #1F9E50;
}

.color-4_1 {
  color: #65D192;
}

.bg-color-1 {
  background-color: #3B77BD;
}

.bg-color-2 {
  background-color: #85AED7;
}

.bg-color-3 {
  background-color: #D3EAE4;
}

.bg-color-4 {
  background-color: #1F9E50;
}

.bg-color-4_1 {
  background-color: #65D192;
}

html {
  overflow-x: hidden !important;
  position: relative;
  min-height: 100%;
  min-width: 100%;
}
html:has(#landing) {
  background-color: #CFE8E1;
}

main {
  min-height: 100%;
  min-width: 100%;
}
main#landing {
  border-top: 10px solid #2AD80E;
  flex-grow: 1;
  align-self: stretch;
  background-color: #CFE8E1;
  min-height: 100vh !important;
  min-width: 100vh !important;
  display: flex;
  justify-content: stretch;
  align-items: center;
}
main#landing #lang_selector {
  display: flex;
}
main#landing #lang_selector a {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
  background-color: #3A78BD;
  position: relative;
  align-items: center;
  justify-content: start;
  padding: 20px;
  color: white;
  text-decoration: none;
  font-size: 18px;
}
main#landing #lang_selector a:not(:last-child)::after {
  position: absolute;
  content: "";
  height: 80%;
  right: 0px;
  background: white;
  opacity: 70%;
  top: 10%;
  width: 1px;
}
main#landing #lang_selector a span {
  text-align: center;
}
main#landing #lang_selector a:hover {
  background-color: rgb(73.2692307692, 132.8846153846, 199.2307692308);
}
@media only screen and (max-width: 767px) {
  main#landing #lang_selector {
    flex-wrap: wrap;
  }
  main#landing #lang_selector a:first-child {
    flex-basis: 50%;
    position: relative;
    /*border-bottom: 1px solid rgba(#ffffff,0.7);*/
  }
  main#landing #lang_selector a:first-child::before {
    position: absolute;
    content: "";
    height: 1px;
    background: white;
    opacity: 70%;
    left: 10%;
    width: 80%;
    bottom: 0;
    top: 99%;
  }
  main#landing #lang_selector a:nth-child(2) {
    flex-basis: 50%;
    position: relative;
    /*border-bottom: 1px solid rgba(#ffffff,0.7);*/
  }
  main#landing #lang_selector a:nth-child(2)::before {
    position: absolute;
    content: "";
    height: 1px;
    background: white;
    opacity: 70%;
    left: 10%;
    width: 80%;
    bottom: 0;
    top: 99%;
  }
}
main#landing #contact {
  color: #35A762;
  display: flex;
  column-gap: 20px;
  row-gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}
main h1, main h2, main h3, main h4, main h5, main h6 {
  color: #3B77BD;
  margin: 0;
}
main section {
  padding: 60px 0;
  font-size: 18px;
  line-height: 26px;
  color: #1C456C;
}
main section.alt {
  background-color: #F8FCFB;
}
main section li {
  margin-bottom: 1rem !important;
}
main section a {
  color: #0F335F;
  font-size: 16px;
  padding: 3px 6px;
  text-decoration: none;
  border-radius: 5px;
  background-color: rgb(229.0185185185, 237.75, 246.4814814815);
}
main section a:hover {
  border-radius: 5px;
  background-color: #85AED7;
  color: white;
  transition: all 0.4s;
}
main .hero {
  background-color: #D3EAE4;
  padding: 30px;
  border-radius: 8px;
}
main .pageheader {
  background-color: #85AED7;
  padding: 40px 0;
  text-align: center;
  font-size: 32px;
  color: white;
}
main #submenu {
  background-color: #D3EAE4;
}
main #submenu .nav {
  padding: 8px 0;
}
main #submenu .nav a {
  color: #0F335F;
  font-size: 16px;
  padding: 3px 6px;
}
main #submenu .nav a:hover, main #submenu .nav a.active {
  border-radius: 5px;
  background-color: #85AED7;
  color: white;
  transition: all 0.4s;
}

header {
  border-top: 14px solid #1F9E50;
}
@media only screen and (max-width: 991px) {
  header {
    border-top: 8px solid #1F9E50;
  }
}
header .top {
  background-color: #D3EAE4;
  padding: 10px 0;
}
header .top a {
  color: #3B77BD;
  text-decoration: none;
  padding: 1px 5px;
}
header .top a:hover {
  background-color: #1F9E50;
  color: white;
  border-radius: 5px;
  transition: all 0.4s;
}
header nav {
  background-color: #3B77BD;
}
header nav .navbar-toggler {
  background-color: #85AED7;
  color: white !important;
  padding: 10px 10px;
  border: 0 !important;
}
header nav .navbar-toggler:focus {
  border: 0 !important;
  box-shadow: none !important;
}
header nav .nav-item a {
  color: white;
  text-transform: uppercase;
  border-radius: 5px;
}
header nav .nav-item a:hover {
  border-radius: 5px;
  background-color: #548ACA;
  color: white !important;
}
header nav .nav-item a.active {
  border-radius: 5px;
  background-color: #85AED7;
  color: white !important;
  font-weight: bold;
  transition: all 0.4s;
}

.boxshadow {
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.09);
}

footer {
  background: #35A762;
  background: linear-gradient(179deg, rgb(53, 167, 98) 0%, rgb(114, 213, 155) 100%);
  color: white;
  padding: 30px 0;
}
footer .contact {
  line-height: 22px;
}
footer .contact a {
  color: white;
  text-decoration: none;
  position: relative;
  font-weight: 600;
  padding: 1px 4px;
}
footer .contact a:hover {
  border-radius: 5px;
  background-color: #1F9E50;
  color: white;
  transition: all 0.4s;
}
footer .menu {
  display: flex;
  align-content: center;
}
footer .menu a {
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  padding: 4px 10px;
  position: relative;
  font-weight: 500;
}
footer .menu a:not(:last-child)::after {
  position: absolute;
  content: "";
  height: 80%;
  right: 0px;
  background: white;
  opacity: 70%;
  top: 10%;
  width: 1px;
}
footer .menu a:hover {
  border-radius: 5px;
  background-color: #1F9E50;
  color: white;
  transition: all 0.4s;
}

.copyright {
  background: #35A762;
  color: white;
  font-size: 14px;
  padding: 8px 0;
  text-align: center;
}

.table {
  --bs-table-striped-bg: #F1F9F7;
  --bs-table-border-color: #D3EAE4;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-75 {
  padding-bottom: 70px;
}

.placeholder {
  background-color: #D3EAE4;
  min-height: 1.1em;
  margin-bottom: 5px;
}