/* @import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700); */
@import url(https://cdn.alphien.com/fonts.googleapis.com/Montserrat_300_400_600_700.css);

/*Variable*/
:root {
  --main-color: #35d4bc;
  --main-bg-color: #ffffff;
  --font-color-red: #dc3545;
  --primary-font: 'Montserrat', serif;
}
/*Body*/
body {
  font-family: var(--primary-font);
  font-size: 14px;
}
.container-custom-banner{
  /*padding-bottom: 80px;*/
}
/*Form*/
.al-container-main{
  padding: 48px 40px 36px;
  border: 1px solid #dadce0;
  border-radius: 8px;
  width: 450px;
  max-width: 100%;
  margin: auto;
  background-color: var(--main-bg-color);
}
.al-background-page{
  background-image: url(../images/al-background.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  background-attachment: fixed;
}
.al-height-window{
  height: 100vh;
  width: 100%;
}
.tolowercase{
  text-transform: lowercase !important;
}
/*Logo*/
img.al-logo{
  width: 150px;
  margin: auto;
}
/*Title*/
.al-form-title h1{
  font-size: 24px;
  font-weight: 400;
}
/*Footer*/
.al-container-footer{
  width: 450px;
  max-width: 100%;
  margin: auto;
}
/*Error*/
label.error{
  font-size: 10px;
  color: var(--font-color-red);
  width: 100%;
  margin: 0px;
}
input.error,
input.error:focus{
  border: solid thin var(--font-color-red);
  box-shadow: none;
}
a {
  color: #35d4bc;
}
.checkinline-cst{
  padding-top: 2px;
}

@media (max-width: 992px) {
  .container-custom-banner{
    padding-bottom: 0px;
  }
}