body {
  display: flex;
  flex-direction: row;
}

#language_selector {
  position:absolute;
  right: 0;
  top: 0;
  margin: 20px;
  display: flex;
  flex-direction: row;
  height: 40px;
  .icon {
    height: -webkit-fill-available;
    height: -moz-available;
    width: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  select {
    transition: 0.4s;
    font-size: 12pt;
    padding: 8px;
    padding-right: 2px;
    margin: auto;
  }

  select:hover, select:focus {
    background: #ddd;
  }
}

#wrongPassword {
  color: red;
}


.fl_showoff_container {
  height:100%;
  min-width: 600px;
  min-height: 600px;
  background-repeat: repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;

 .showingoff_image {
    position:relative;
    display:flex;
    width:100%;
    height:100%;
    align-items: center;
    background-color: black;
    overflow: hidden;
    > img {
      position:absolute;
      width:100%;
      height:100%;
      opacity: .8;
      object-fit: cover;
    }
  }

  .center_text {
    color: white;
    width:100%;
    z-index: 1;

    margin-top: 45%;
    margin-left: 5%;
    /* color | offset-x | offset-y | blur-radius */
    text-shadow: rgb(0,0,0,0.4) 3pt 3pt 4pt;

    .readmore {
      margin:40px;
    }

    .stat_number {
      font-size: 40pt;
      font-weight: 600;
      max-width:80%;
    }

    .stat_label {
      font-size: 18pt;
      max-width:80%;
    }
  }
}

#login {
  min-width: 600px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
}

#stickylogo {
  z-index: 99;
  position: absolute;
  display: block;
  left:40px;
  top:40px;
  max-height: 80px;
}
.slidescontainer {
  position: relative;
  height: 100%;
  width: 100%;
  min-width: 600px;

  .left, .right {
    position:absolute;
    z-index: 99;
    width:30%;
    height:inherit;
    cursor: pointer;
  }
  .left {
    left:0px;
  }

  .right {
    right:0px;
  }

}

.slides {
  height: 100%;
  display: grid;
  grid-template-columns: 100% 100% 100%;
  overflow-x: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: auto;
  /*scroll-behavior: smooth;*/
  > div.slide {
    /*scroll-snap-align: start;*/
    width: 100%;
    z-index: 0;
  }

}

div.readmore {
  margin: 20px;
  > a {
    color: white;
  }
  > a:hover {
    /*color: #212529;*/
    background-color: #008442;
    border-color: #006b35;
    transition: 0.15s ease-out;
  }
}

.login_internal {
  width: 100%;
  max-width: 1200px;
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  
  input,button {
    max-width: 460px;
    width: 100%;
  }

  button {
    max-width: 492px;
  }

  .forgotPassword {
    text-decoration: none;
    color: #666;
  }

  .forgotPassword:hover {
    text-decoration: underline;
  }
}

#login_loading_img {
  display: none;
}


@media (max-width: 1000px) {
    body {
      flex-direction: column-reverse;
    }

    #sticky_logo {
      left: auto;
      align-self: center;
      height: 100px;
      max-width: unset;
      width: auto;
    }

    .login_internal {
      margin-top: 150px;
    }
}

#forgotPasswordContainer {
  display: grid;
  grid-template-columns: auto;
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
  
  * {
    margin-right: auto;
    margin-left: auto;
  }
}

.passwordrequirements {
  text-align: left;
  white-space: pre-line;
}