@font-face {
  font-family: 'Raleway';
  src: url("../fonts/Raleway-ExtraLight.woff2") format("woff2"), url("../fonts/Raleway-ExtraLight.woff") format("woff"), url("../fonts/Raleway-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/Raleway-Regular.woff2") format("woff2"), url("../fonts/Raleway-Regular.woff") format("woff"), url("../fonts/Raleway-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/Raleway-SemiBold.woff2") format("woff2"), url("../fonts/Raleway-SemiBold.woff") format("woff"), url("../fonts/Raleway-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
.size-1-25 {
  font-size: 1.25em; }

.size-1-5 {
  font-size: 1.50em; }

.size-1-75 {
  font-size: 1.75em; }

.size-2-0 {
  font-size: 2.00em; }

.margin-top-4-0 {
  margin-top: 4.0em; }

.margin-top-5-0 {
  margin-top: 5.0em; }

.margin-top-6-0 {
  margin-top: 6.0em; }

html {
  margin: 0px;
  padding: 0px;
  font-size: 10px; }
  html body {
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    font-family: 'Raleway', sans-serif; }

input, option, select, textarea, .readonly {
  font-family: 'Raleway', sans-serif;
  font-size: 1.75em; }
  input:focus, option:focus, select:focus, textarea:focus, .readonly:focus {
    outline: none; }

.hidden {
  display: none !important; }

.invisible {
  visibility: hidden; }

.error {
  color: #ff4b4b; }

.f-left {
  float: left; }

.f-right {
  float: right; }

.f-child-left > * {
  float: left; }

.f-child-right > * {
  float: right; }

.clearfix::after {
  content: '';
  display: block;
  height: 0px;
  overflow: hidden;
  clear: both; }

.text-red {
  color: #ff4b4b; }

@font-face {
  font-family: 'Raleway';
  src: url("../fonts/Raleway-ExtraLight.woff2") format("woff2"), url("../fonts/Raleway-ExtraLight.woff") format("woff"), url("../fonts/Raleway-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/Raleway-Regular.woff2") format("woff2"), url("../fonts/Raleway-Regular.woff") format("woff"), url("../fonts/Raleway-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/Raleway-SemiBold.woff2") format("woff2"), url("../fonts/Raleway-SemiBold.woff") format("woff"), url("../fonts/Raleway-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
.size-1-25 {
  font-size: 1.25em; }

.size-1-5 {
  font-size: 1.50em; }

.size-1-75 {
  font-size: 1.75em; }

.size-2-0 {
  font-size: 2.00em; }

.margin-top-4-0 {
  margin-top: 4.0em; }

.margin-top-5-0 {
  margin-top: 5.0em; }

.margin-top-6-0 {
  margin-top: 6.0em; }

html {
  margin: 0px;
  padding: 0px;
  font-size: 10px; }
  html body {
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    font-family: 'Raleway', sans-serif; }

input, option, select, textarea, .readonly {
  font-family: 'Raleway', sans-serif;
  font-size: 1.75em; }
  input:focus, option:focus, select:focus, textarea:focus, .readonly:focus {
    outline: none; }

.hidden {
  display: none !important; }

.invisible {
  visibility: hidden; }

.error {
  color: #ff4b4b; }

.f-left {
  float: left; }

.f-right {
  float: right; }

.f-child-left > * {
  float: left; }

.f-child-right > * {
  float: right; }

.clearfix::after {
  content: '';
  display: block;
  height: 0px;
  overflow: hidden;
  clear: both; }

.text-red {
  color: #ff4b4b; }

h1 {
  font-size: 3.0em;
  margin: 0em 0em 2.0em 0em;
  font-weight: 600; }

h2 {
  font-size: 2.5em;
  margin: 0em 0em 1.5em 0em;
  font-weight: 600; }

h3 {
  font-size: 2.0em;
  margin: 0em 0em 1.0em 0em;
  font-weight: 600; }

input[type="submit"] {
  color: #ffffff;
  padding: 0.75em 1.5em;
  font-size: 1.5em;
  border: 0px;
  background-color: #474747;
  -webkit-transition: background-color 1s;
  transition: background-color 1s;
  /* turn off default ios style */
  -webkit-appearance: none;
  border-radius: 0; }
  input[type="submit"]:hover {
    background-color: #00698c;
    cursor: pointer;
    -webkit-transition: background-color 125ms;
    transition: background-color 125ms; }

.button {
  display: inline-block;
  padding: 1em;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  min-width: 5em;
  background-color: #474747;
  -webkit-transition: background-color 500ms;
  transition: background-color 500ms; }
  .button.button-4em {
    height: 4em;
    line-height: 4em;
    padding: 0em 1em; }
    .button.button-4em .text-1p25em {
      font-size: 1.25em; }
  .button ~ .button {
    margin-left: 3em; }
  .button:hover {
    -webkit-transition: background-color 50ms;
    transition: background-color 50ms;
    background-color: #919191; }

.icon-thin {
  display: inline-block;
  position: relative;
  background-color: #00698c; }
  .icon-thin.size-2em {
    width: 2em;
    height: 2em; }
  .icon-thin.size-3em {
    width: 3em;
    height: 3em; }
  .icon-thin.size-4em {
    width: 4em;
    height: 4em; }
  .icon-thin::after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: url("../../res/icons-thin.svg"); }
  .icon-thin.icon-2em-20px {
    width: 2em;
    height: 2em; }
    .icon-thin.icon-2em-20px::after {
      width: 20px;
      height: 20px;
      background-size: 200px 40px; }
    .icon-thin.icon-2em-20px.icon-checkmark::after {
      background-position-x: 0px; }
    .icon-thin.icon-2em-20px.icon-cross::after {
      background-position-x: -20px; }
    .icon-thin.icon-2em-20px.icon-trash::after {
      background-position-x: -40px; }
    .icon-thin.icon-2em-20px.icon-pen::after {
      background-position-x: -60px; }
    .icon-thin.icon-2em-20px.icon-info::after {
      background-position-x: -80px; }
    .icon-thin.icon-2em-20px.icon-gear::after {
      background-position-x: -100px; }
    .icon-thin.icon-2em-20px.icon-clock-start::after {
      background-position-x: -120px; }
    .icon-thin.icon-2em-20px.icon-clock-stop::after {
      background-position-x: -140px; }
    .icon-thin.icon-2em-20px.icon-square::after {
      background-position-x: -160px; }
    .icon-thin.icon-2em-20px.icon-triangle::after {
      background-position-x: -180px; }
    .icon-thin.icon-2em-20px.icon-white::after {
      background-position-y: 20px; }
  .icon-thin.icon-3em-20px {
    width: 3em;
    height: 3em; }
    .icon-thin.icon-3em-20px::after {
      width: 20px;
      height: 20px;
      background-size: 200px 40px; }
    .icon-thin.icon-3em-20px.icon-checkmark::after {
      background-position-x: 0px; }
    .icon-thin.icon-3em-20px.icon-cross::after {
      background-position-x: -20px; }
    .icon-thin.icon-3em-20px.icon-trash::after {
      background-position-x: -40px; }
    .icon-thin.icon-3em-20px.icon-pen::after {
      background-position-x: -60px; }
    .icon-thin.icon-3em-20px.icon-info::after {
      background-position-x: -80px; }
    .icon-thin.icon-3em-20px.icon-gear::after {
      background-position-x: -100px; }
    .icon-thin.icon-3em-20px.icon-clock-start::after {
      background-position-x: -120px; }
    .icon-thin.icon-3em-20px.icon-clock-stop::after {
      background-position-x: -140px; }
    .icon-thin.icon-3em-20px.icon-square::after {
      background-position-x: -160px; }
    .icon-thin.icon-3em-20px.icon-triangle::after {
      background-position-x: -180px; }
    .icon-thin.icon-3em-20px.icon-white::after {
      background-position-y: 20px; }
  .icon-thin.icon-3em-30px {
    width: 3em;
    height: 3em; }
    .icon-thin.icon-3em-30px::after {
      width: 30px;
      height: 30px;
      background-size: 300px 60px; }
    .icon-thin.icon-3em-30px.icon-checkmark::after {
      background-position-x: 0px; }
    .icon-thin.icon-3em-30px.icon-cross::after {
      background-position-x: -30px; }
    .icon-thin.icon-3em-30px.icon-trash::after {
      background-position-x: -60px; }
    .icon-thin.icon-3em-30px.icon-pen::after {
      background-position-x: -90px; }
    .icon-thin.icon-3em-30px.icon-info::after {
      background-position-x: -120px; }
    .icon-thin.icon-3em-30px.icon-gear::after {
      background-position-x: -150px; }
    .icon-thin.icon-3em-30px.icon-clock-start::after {
      background-position-x: -180px; }
    .icon-thin.icon-3em-30px.icon-clock-stop::after {
      background-position-x: -210px; }
    .icon-thin.icon-3em-30px.icon-square::after {
      background-position-x: -240px; }
    .icon-thin.icon-3em-30px.icon-triangle::after {
      background-position-x: -270px; }
    .icon-thin.icon-3em-30px.icon-white::after {
      background-position-y: 30px; }
  .icon-thin.icon-4em-20px {
    width: 4em;
    height: 4em; }
    .icon-thin.icon-4em-20px::after {
      width: 20px;
      height: 20px;
      background-size: 200px 40px; }
    .icon-thin.icon-4em-20px.icon-checkmark::after {
      background-position-x: 0px; }
    .icon-thin.icon-4em-20px.icon-cross::after {
      background-position-x: -20px; }
    .icon-thin.icon-4em-20px.icon-trash::after {
      background-position-x: -40px; }
    .icon-thin.icon-4em-20px.icon-pen::after {
      background-position-x: -60px; }
    .icon-thin.icon-4em-20px.icon-info::after {
      background-position-x: -80px; }
    .icon-thin.icon-4em-20px.icon-gear::after {
      background-position-x: -100px; }
    .icon-thin.icon-4em-20px.icon-clock-start::after {
      background-position-x: -120px; }
    .icon-thin.icon-4em-20px.icon-clock-stop::after {
      background-position-x: -140px; }
    .icon-thin.icon-4em-20px.icon-square::after {
      background-position-x: -160px; }
    .icon-thin.icon-4em-20px.icon-triangle::after {
      background-position-x: -180px; }
    .icon-thin.icon-4em-20px.icon-white::after {
      background-position-y: 20px; }
  .icon-thin.icon-4em-30px {
    width: 4em;
    height: 4em; }
    .icon-thin.icon-4em-30px::after {
      width: 30px;
      height: 30px;
      background-size: 300px 60px; }
    .icon-thin.icon-4em-30px.icon-checkmark::after {
      background-position-x: 0px; }
    .icon-thin.icon-4em-30px.icon-cross::after {
      background-position-x: -30px; }
    .icon-thin.icon-4em-30px.icon-trash::after {
      background-position-x: -60px; }
    .icon-thin.icon-4em-30px.icon-pen::after {
      background-position-x: -90px; }
    .icon-thin.icon-4em-30px.icon-info::after {
      background-position-x: -120px; }
    .icon-thin.icon-4em-30px.icon-gear::after {
      background-position-x: -150px; }
    .icon-thin.icon-4em-30px.icon-clock-start::after {
      background-position-x: -180px; }
    .icon-thin.icon-4em-30px.icon-clock-stop::after {
      background-position-x: -210px; }
    .icon-thin.icon-4em-30px.icon-square::after {
      background-position-x: -240px; }
    .icon-thin.icon-4em-30px.icon-triangle::after {
      background-position-x: -270px; }
    .icon-thin.icon-4em-30px.icon-white::after {
      background-position-y: 30px; }
  .icon-thin.icon-4em-40px {
    width: 4em;
    height: 4em; }
    .icon-thin.icon-4em-40px::after {
      width: 40px;
      height: 40px;
      background-size: 400px 80px; }
    .icon-thin.icon-4em-40px.icon-checkmark::after {
      background-position-x: 0px; }
    .icon-thin.icon-4em-40px.icon-cross::after {
      background-position-x: -40px; }
    .icon-thin.icon-4em-40px.icon-trash::after {
      background-position-x: -80px; }
    .icon-thin.icon-4em-40px.icon-pen::after {
      background-position-x: -120px; }
    .icon-thin.icon-4em-40px.icon-info::after {
      background-position-x: -160px; }
    .icon-thin.icon-4em-40px.icon-gear::after {
      background-position-x: -200px; }
    .icon-thin.icon-4em-40px.icon-clock-start::after {
      background-position-x: -240px; }
    .icon-thin.icon-4em-40px.icon-clock-stop::after {
      background-position-x: -280px; }
    .icon-thin.icon-4em-40px.icon-square::after {
      background-position-x: -320px; }
    .icon-thin.icon-4em-40px.icon-triangle::after {
      background-position-x: -360px; }
    .icon-thin.icon-4em-40px.icon-white::after {
      background-position-y: 40px; }
  .icon-thin.icon-5em-20px {
    width: 5em;
    height: 5em; }
    .icon-thin.icon-5em-20px::after {
      width: 20px;
      height: 20px;
      background-size: 200px 40px; }
    .icon-thin.icon-5em-20px.icon-checkmark::after {
      background-position-x: 0px; }
    .icon-thin.icon-5em-20px.icon-cross::after {
      background-position-x: -20px; }
    .icon-thin.icon-5em-20px.icon-trash::after {
      background-position-x: -40px; }
    .icon-thin.icon-5em-20px.icon-pen::after {
      background-position-x: -60px; }
    .icon-thin.icon-5em-20px.icon-info::after {
      background-position-x: -80px; }
    .icon-thin.icon-5em-20px.icon-gear::after {
      background-position-x: -100px; }
    .icon-thin.icon-5em-20px.icon-clock-start::after {
      background-position-x: -120px; }
    .icon-thin.icon-5em-20px.icon-clock-stop::after {
      background-position-x: -140px; }
    .icon-thin.icon-5em-20px.icon-square::after {
      background-position-x: -160px; }
    .icon-thin.icon-5em-20px.icon-triangle::after {
      background-position-x: -180px; }
    .icon-thin.icon-5em-20px.icon-white::after {
      background-position-y: 20px; }
  .icon-thin.icon-5em-30px {
    width: 5em;
    height: 5em; }
    .icon-thin.icon-5em-30px::after {
      width: 30px;
      height: 30px;
      background-size: 300px 60px; }
    .icon-thin.icon-5em-30px.icon-checkmark::after {
      background-position-x: 0px; }
    .icon-thin.icon-5em-30px.icon-cross::after {
      background-position-x: -30px; }
    .icon-thin.icon-5em-30px.icon-trash::after {
      background-position-x: -60px; }
    .icon-thin.icon-5em-30px.icon-pen::after {
      background-position-x: -90px; }
    .icon-thin.icon-5em-30px.icon-info::after {
      background-position-x: -120px; }
    .icon-thin.icon-5em-30px.icon-gear::after {
      background-position-x: -150px; }
    .icon-thin.icon-5em-30px.icon-clock-start::after {
      background-position-x: -180px; }
    .icon-thin.icon-5em-30px.icon-clock-stop::after {
      background-position-x: -210px; }
    .icon-thin.icon-5em-30px.icon-square::after {
      background-position-x: -240px; }
    .icon-thin.icon-5em-30px.icon-triangle::after {
      background-position-x: -270px; }
    .icon-thin.icon-5em-30px.icon-white::after {
      background-position-y: 30px; }
  .icon-thin.icon-5em-40px {
    width: 5em;
    height: 5em; }
    .icon-thin.icon-5em-40px::after {
      width: 40px;
      height: 40px;
      background-size: 400px 80px; }
    .icon-thin.icon-5em-40px.icon-checkmark::after {
      background-position-x: 0px; }
    .icon-thin.icon-5em-40px.icon-cross::after {
      background-position-x: -40px; }
    .icon-thin.icon-5em-40px.icon-trash::after {
      background-position-x: -80px; }
    .icon-thin.icon-5em-40px.icon-pen::after {
      background-position-x: -120px; }
    .icon-thin.icon-5em-40px.icon-info::after {
      background-position-x: -160px; }
    .icon-thin.icon-5em-40px.icon-gear::after {
      background-position-x: -200px; }
    .icon-thin.icon-5em-40px.icon-clock-start::after {
      background-position-x: -240px; }
    .icon-thin.icon-5em-40px.icon-clock-stop::after {
      background-position-x: -280px; }
    .icon-thin.icon-5em-40px.icon-square::after {
      background-position-x: -320px; }
    .icon-thin.icon-5em-40px.icon-triangle::after {
      background-position-x: -360px; }
    .icon-thin.icon-5em-40px.icon-white::after {
      background-position-y: 40px; }
  .icon-thin.icon-5em-50px {
    width: 5em;
    height: 5em; }
    .icon-thin.icon-5em-50px::after {
      width: 50px;
      height: 50px;
      background-size: 500px 100px; }
    .icon-thin.icon-5em-50px.icon-checkmark::after {
      background-position-x: 0px; }
    .icon-thin.icon-5em-50px.icon-cross::after {
      background-position-x: -50px; }
    .icon-thin.icon-5em-50px.icon-trash::after {
      background-position-x: -100px; }
    .icon-thin.icon-5em-50px.icon-pen::after {
      background-position-x: -150px; }
    .icon-thin.icon-5em-50px.icon-info::after {
      background-position-x: -200px; }
    .icon-thin.icon-5em-50px.icon-gear::after {
      background-position-x: -250px; }
    .icon-thin.icon-5em-50px.icon-clock-start::after {
      background-position-x: -300px; }
    .icon-thin.icon-5em-50px.icon-clock-stop::after {
      background-position-x: -350px; }
    .icon-thin.icon-5em-50px.icon-square::after {
      background-position-x: -400px; }
    .icon-thin.icon-5em-50px.icon-triangle::after {
      background-position-x: -450px; }
    .icon-thin.icon-5em-50px.icon-white::after {
      background-position-y: 50px; }
  .icon-thin.icon-6em-20px {
    width: 6em;
    height: 6em; }
    .icon-thin.icon-6em-20px::after {
      width: 20px;
      height: 20px;
      background-size: 200px 40px; }
    .icon-thin.icon-6em-20px.icon-checkmark::after {
      background-position-x: 0px; }
    .icon-thin.icon-6em-20px.icon-cross::after {
      background-position-x: -20px; }
    .icon-thin.icon-6em-20px.icon-trash::after {
      background-position-x: -40px; }
    .icon-thin.icon-6em-20px.icon-pen::after {
      background-position-x: -60px; }
    .icon-thin.icon-6em-20px.icon-info::after {
      background-position-x: -80px; }
    .icon-thin.icon-6em-20px.icon-gear::after {
      background-position-x: -100px; }
    .icon-thin.icon-6em-20px.icon-clock-start::after {
      background-position-x: -120px; }
    .icon-thin.icon-6em-20px.icon-clock-stop::after {
      background-position-x: -140px; }
    .icon-thin.icon-6em-20px.icon-square::after {
      background-position-x: -160px; }
    .icon-thin.icon-6em-20px.icon-triangle::after {
      background-position-x: -180px; }
    .icon-thin.icon-6em-20px.icon-white::after {
      background-position-y: 20px; }
  .icon-thin.icon-6em-30px {
    width: 6em;
    height: 6em; }
    .icon-thin.icon-6em-30px::after {
      width: 30px;
      height: 30px;
      background-size: 300px 60px; }
    .icon-thin.icon-6em-30px.icon-checkmark::after {
      background-position-x: 0px; }
    .icon-thin.icon-6em-30px.icon-cross::after {
      background-position-x: -30px; }
    .icon-thin.icon-6em-30px.icon-trash::after {
      background-position-x: -60px; }
    .icon-thin.icon-6em-30px.icon-pen::after {
      background-position-x: -90px; }
    .icon-thin.icon-6em-30px.icon-info::after {
      background-position-x: -120px; }
    .icon-thin.icon-6em-30px.icon-gear::after {
      background-position-x: -150px; }
    .icon-thin.icon-6em-30px.icon-clock-start::after {
      background-position-x: -180px; }
    .icon-thin.icon-6em-30px.icon-clock-stop::after {
      background-position-x: -210px; }
    .icon-thin.icon-6em-30px.icon-square::after {
      background-position-x: -240px; }
    .icon-thin.icon-6em-30px.icon-triangle::after {
      background-position-x: -270px; }
    .icon-thin.icon-6em-30px.icon-white::after {
      background-position-y: 30px; }
  .icon-thin.icon-6em-40px {
    width: 6em;
    height: 6em; }
    .icon-thin.icon-6em-40px::after {
      width: 40px;
      height: 40px;
      background-size: 400px 80px; }
    .icon-thin.icon-6em-40px.icon-checkmark::after {
      background-position-x: 0px; }
    .icon-thin.icon-6em-40px.icon-cross::after {
      background-position-x: -40px; }
    .icon-thin.icon-6em-40px.icon-trash::after {
      background-position-x: -80px; }
    .icon-thin.icon-6em-40px.icon-pen::after {
      background-position-x: -120px; }
    .icon-thin.icon-6em-40px.icon-info::after {
      background-position-x: -160px; }
    .icon-thin.icon-6em-40px.icon-gear::after {
      background-position-x: -200px; }
    .icon-thin.icon-6em-40px.icon-clock-start::after {
      background-position-x: -240px; }
    .icon-thin.icon-6em-40px.icon-clock-stop::after {
      background-position-x: -280px; }
    .icon-thin.icon-6em-40px.icon-square::after {
      background-position-x: -320px; }
    .icon-thin.icon-6em-40px.icon-triangle::after {
      background-position-x: -360px; }
    .icon-thin.icon-6em-40px.icon-white::after {
      background-position-y: 40px; }
  .icon-thin.icon-6em-50px {
    width: 6em;
    height: 6em; }
    .icon-thin.icon-6em-50px::after {
      width: 50px;
      height: 50px;
      background-size: 500px 100px; }
    .icon-thin.icon-6em-50px.icon-checkmark::after {
      background-position-x: 0px; }
    .icon-thin.icon-6em-50px.icon-cross::after {
      background-position-x: -50px; }
    .icon-thin.icon-6em-50px.icon-trash::after {
      background-position-x: -100px; }
    .icon-thin.icon-6em-50px.icon-pen::after {
      background-position-x: -150px; }
    .icon-thin.icon-6em-50px.icon-info::after {
      background-position-x: -200px; }
    .icon-thin.icon-6em-50px.icon-gear::after {
      background-position-x: -250px; }
    .icon-thin.icon-6em-50px.icon-clock-start::after {
      background-position-x: -300px; }
    .icon-thin.icon-6em-50px.icon-clock-stop::after {
      background-position-x: -350px; }
    .icon-thin.icon-6em-50px.icon-square::after {
      background-position-x: -400px; }
    .icon-thin.icon-6em-50px.icon-triangle::after {
      background-position-x: -450px; }
    .icon-thin.icon-6em-50px.icon-white::after {
      background-position-y: 50px; }
  .icon-thin.icon-6em-60px {
    width: 6em;
    height: 6em; }
    .icon-thin.icon-6em-60px::after {
      width: 60px;
      height: 60px;
      background-size: 600px 120px; }
    .icon-thin.icon-6em-60px.icon-checkmark::after {
      background-position-x: 0px; }
    .icon-thin.icon-6em-60px.icon-cross::after {
      background-position-x: -60px; }
    .icon-thin.icon-6em-60px.icon-trash::after {
      background-position-x: -120px; }
    .icon-thin.icon-6em-60px.icon-pen::after {
      background-position-x: -180px; }
    .icon-thin.icon-6em-60px.icon-info::after {
      background-position-x: -240px; }
    .icon-thin.icon-6em-60px.icon-gear::after {
      background-position-x: -300px; }
    .icon-thin.icon-6em-60px.icon-clock-start::after {
      background-position-x: -360px; }
    .icon-thin.icon-6em-60px.icon-clock-stop::after {
      background-position-x: -420px; }
    .icon-thin.icon-6em-60px.icon-square::after {
      background-position-x: -480px; }
    .icon-thin.icon-6em-60px.icon-triangle::after {
      background-position-x: -540px; }
    .icon-thin.icon-6em-60px.icon-white::after {
      background-position-y: 60px; }

.bar {
  position: relative;
  border: 1px solid #474747; }
  .bar .bar-value {
    background-color: #00b2dc;
    border-right: 1px solid #474747;
    min-height: 4em; }
    .bar .bar-value.color-2 {
      background-color: #00698c; }
  .bar .bar-desc {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.f-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 1px;
  padding-left: 1px; }

.f-box-cell {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #474747;
  margin-top: -1px;
  margin-left: -1px; }
  .f-box-cell.f-box-cell-b25 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%; }
  .f-box-cell.f-box-cell-b50 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
  .f-box-cell.f-box-cell-b75 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%; }
  .f-box-cell.f-box-cell-b100 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }

.overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  overflow: hidden; }
  .overlay .background {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); }
  .overlay .window {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    padding: 4em;
    background-color: #ffffff; }
    .overlay .window .head, .overlay .window .bottom {
      text-align: center; }
    .overlay .window .body, .overlay .window .bottom {
      font-size: 1.5em; }
    .overlay .window .head {
      font-size: 2em; }
    .overlay .window .body {
      margin-top: 2em; }
      .overlay .window .body.center, .overlay .window .body .center {
        text-align: center; }
    .overlay .window .bottom {
      margin-top: 3em; }

@-webkit-keyframes rotAndScaleWithColor {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    background-color: #ababab; }
  60% {
    -webkit-transform: rotate(45deg) scale(2);
            transform: rotate(45deg) scale(2);
    background-color: #1198cf; }
  100% {
    -webkit-transform: rotate(90deg) scale(1);
            transform: rotate(90deg) scale(1);
    background-color: #ababab; } }

@keyframes rotAndScaleWithColor {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    background-color: #ababab; }
  60% {
    -webkit-transform: rotate(45deg) scale(2);
            transform: rotate(45deg) scale(2);
    background-color: #1198cf; }
  100% {
    -webkit-transform: rotate(90deg) scale(1);
            transform: rotate(90deg) scale(1);
    background-color: #ababab; } }
.animation-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100px;
  height: 100px; }
  .animation-wrapper span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 2em;
    z-index: 100;
    color: white; }
  .animation-wrapper .animation {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    padding-top: 100%;
    background-color: grey;
    z-index: 10;
    -webkit-animation: rotAndScaleWithColor 5s infinite;
            animation: rotAndScaleWithColor 5s infinite; }

.bar-100 {
  width: 100%;
  height: 1em;
  background-color: greenyellow; }

.page-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 100vh; }

.login-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90%;
          flex: 0 0 90%; }
  @media (min-width: 640px) {
    .login-wrapper {
      -ms-flex-preferred-size: 576px;
          flex-basis: 576px; } }
  .login-wrapper h1 {
    text-align: center; }
  .login-wrapper .input-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    border-bottom: 1px solid black; }
    .login-wrapper .input-line ~ .input-line {
      margin-top: 2em; }
    .login-wrapper .input-line .label {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 7.5em;
              flex: 0 0 7.5em;
      font-size: 1.5em; }
    .login-wrapper .input-line .input {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
      .login-wrapper .input-line .input input {
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: 0;
        background-color: rgba(0, 0, 0, 0);
        outline: none;
        vertical-align: bottom;
        font-size: 2.5em; }
  .login-wrapper .output-messages > * {
    visibility: hidden; }
  .login-wrapper.show-error .output-messages > * {
    visibility: initial; }

.output-messages {
  font-size: 1.75em;
  margin-top: 5rem; }

.button-wrapper {
  text-align: center;
  margin-top: 7.5rem; }

/*# sourceMappingURL=landingpage.css.map */