/*
*!
*   (C) 2021 Kieweg und Freiermuth Werbeagentur GmbH
*   
*   Main Theme File
*/
/* Theme Settings */
/* Spacings */
/* Breakpoints */
/*
*   (C) 2021 Kieweg und Freiermuth Werbeagentur GmbH
*   
*   Reset default browser styles to a minimum
*   
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
*   (C) 2021 Kieweg und Freiermuth Werbeagentur GmbH
*
*   Mixins File
*   
*   Predefined mixins for global usage
*/
/* Media Query Mixins */
/* roboto-condensed-300 - latin */
@font-face {
  font-family: "Roboto";
  font-stretch: condensed;
  font-style: normal;
  font-weight: 300;
  src: local(""), url("../fonts/roboto-condensed-v25-latin-300.woff2") format("woff2"), url("../fonts/roboto-condensed-v25-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-condensed-300italic - latin */
@font-face {
  font-family: "Roboto";
  font-stretch: condensed;
  font-style: italic;
  font-weight: 300;
  src: local(""), url("../fonts/roboto-condensed-v25-latin-300italic.woff2") format("woff2"), url("../fonts/roboto-condensed-v25-latin-300italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: "Roboto";
  font-stretch: condensed;
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/roboto-condensed-v25-latin-regular.woff2") format("woff2"), url("../fonts/roboto-condensed-v25-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-condensed-italic - latin */
@font-face {
  font-family: "Roboto";
  font-stretch: condensed;
  font-style: italic;
  font-weight: 400;
  src: local(""), url("../fonts/roboto-condensed-v25-latin-italic.woff2") format("woff2"), url("../fonts/roboto-condensed-v25-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: "Roboto";
  font-stretch: condensed;
  font-style: normal;
  font-weight: 700;
  src: local(""), url("../fonts/roboto-condensed-v25-latin-700.woff2") format("woff2"), url("../fonts/roboto-condensed-v25-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-condensed-700italic - latin */
@font-face {
  font-family: "Roboto";
  font-stretch: condensed;
  font-style: italic;
  font-weight: 700;
  src: local(""), url("../fonts/roboto-condensed-v25-latin-700italic.woff2") format("woff2"), url("../fonts/roboto-condensed-v25-latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  src: local(""), url("../fonts/roboto-v30-latin-300.woff2") format("woff2"), url("../fonts/roboto-v30-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-300italic - latin */
@font-face {
  font-family: "Roboto";
  font-stretch: normal;
  font-style: italic;
  font-weight: 300;
  src: local(""), url("../fonts/roboto-v30-latin-300italic.woff2") format("woff2"), url("../fonts/roboto-v30-latin-300italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/roboto-v30-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v30-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-italic - latin */
@font-face {
  font-family: "Roboto";
  font-stretch: normal;
  font-style: italic;
  font-weight: 400;
  src: local(""), url("../fonts/roboto-v30-latin-italic.woff2") format("woff2"), url("../fonts/roboto-v30-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
  font-family: "Roboto";
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  src: local(""), url("../fonts/roboto-v30-latin-500.woff2") format("woff2"), url("../fonts/roboto-v30-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  src: local(""), url("../fonts/roboto-v30-latin-700.woff2") format("woff2"), url("../fonts/roboto-v30-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700italic - latin */
@font-face {
  font-family: "Roboto";
  font-stretch: normal;
  font-style: italic;
  font-weight: 700;
  src: local(""), url("../fonts/roboto-v30-latin-700italic.woff2") format("woff2"), url("../fonts/roboto-v30-latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-900 - latin */
@font-face {
  font-family: "Roboto";
  font-stretch: normal;
  font-style: normal;
  font-weight: 900;
  src: local(""), url("../fonts/roboto-v30-latin-900.woff2") format("woff2"), url("../fonts/roboto-v30-latin-900.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: "dripicons-v2";
  src: url("../fonts/dripicons-v2.eot");
  src: url("../fonts/dripicons-v2.eot?#iefix") format("embedded-opentype"), url("../fonts/dripicons-v2.woff") format("woff"), url("../fonts/dripicons-v2.ttf") format("truetype"), url("../fonts/dripicons-v2.svg#dripicons-v2") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fontsize--extrasmall, form fieldset ul li, form fieldset label {
  font-size: 12px;
  line-height: 16px;
}

.fontsize--small, button, .button, .modal .modal--content .code .title, form .hint {
  font-size: 13px;
  line-height: 18px;
}

.fontsize--normal, .modal .modal--header .controls, blockquote {
  font-size: 14px;
  line-height: 25px;
}

.fontsize--mid {
  font-size: 16px;
  line-height: 24px;
}

.fontsize--medium, form fieldset input[type=text], form fieldset input[type=email], form fieldset input[type=password], form fieldset input[type=number], form fieldset select {
  font-size: 18px;
  line-height: 28px;
}

.fontsize--large, .modal .modal--content .code, .modal .modal--header .title {
  font-size: 25px;
  line-height: 36px;
}
@media (max-width: 767px) {
  .fontsize--large, .modal .modal--content .code, .modal .modal--header .title {
    font-size: 18px;
    line-height: 28px;
  }
}

.fontsize--extralarge {
  font-size: 50px;
  line-height: 65px;
}
@media (max-width: 767px) {
  .fontsize--extralarge {
    font-size: 28px;
    line-height: 32px;
  }
}

h1, h2, h3, h4, h5 {
  margin-bottom: 0.5em;
}

.full-width h1, .full-width h2, .full-width h3, .full-width h4, .full-width h5, .full-width .ce_text {
  max-width: 100%;
}

a {
  text-decoration: none;
  color: #094266;
}
a:hover {
  text-decoration: underline;
}

strong, .fontweight--bold {
  font-weight: 700;
}

p + p {
  margin-top: 15px;
}
p + h1, p + h2, p + h3, p + fieldset {
  margin-top: 15px;
}

.condensed, .modal .modal--header .title {
  font-stretch: condensed;
}

.uppercase {
  text-transform: uppercase;
}

em {
  font-style: italic;
}

.textalign--center {
  text-align: center;
}

.color--light {
  color: #FDFFFC;
}

.color--dark {
  color: #000000;
}

.color--key {
  color: #094266;
}

.color--success {
  color: #13ab64;
}

u {
  color: #000000;
  text-decoration-style: dotted;
  text-decoration-color: #000000;
}

blockquote {
  margin-top: 30px;
  font-style: italic;
}
blockquote p:before, blockquote p:after {
  content: '"';
}

ul li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 15px;
}
ul li:before {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  border: 1px solid #094266;
  left: 10px;
  top: 0.6em;
}

[data-icon]:before {
  font-family: "dripicons-v2" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=dripicons-]:before,
[class*=" dripicons-"]:before {
  font-family: "dripicons-v2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dripicons-alarm:before {
  content: "a";
}

.dripicons-align-center:before {
  content: "b";
}

.dripicons-align-justify:before {
  content: "c";
}

.dripicons-align-left:before {
  content: "d";
}

.dripicons-align-right:before {
  content: "e";
}

.dripicons-anchor:before {
  content: "f";
}

.dripicons-archive:before {
  content: "g";
}

.dripicons-arrow-down:before {
  content: "h";
}

.dripicons-arrow-left:before {
  content: "i";
}

.dripicons-arrow-right:before {
  content: "j";
}

.dripicons-arrow-thin-down:before {
  content: "k";
}

.dripicons-arrow-thin-left:before {
  content: "l";
}

.dripicons-arrow-thin-right:before {
  content: "m";
}

.dripicons-arrow-thin-up:before {
  content: "n";
}

.dripicons-arrow-up:before {
  content: "o";
}

.dripicons-article:before {
  content: "p";
}

.dripicons-backspace:before {
  content: "q";
}

.dripicons-basket:before {
  content: "r";
}

.dripicons-basketball:before {
  content: "s";
}

.dripicons-battery-empty:before {
  content: "t";
}

.dripicons-battery-full:before {
  content: "u";
}

.dripicons-battery-low:before {
  content: "v";
}

.dripicons-battery-medium:before {
  content: "w";
}

.dripicons-bell:before {
  content: "x";
}

.dripicons-blog:before {
  content: "y";
}

.dripicons-bluetooth:before {
  content: "z";
}

.dripicons-bold:before {
  content: "A";
}

.dripicons-bookmark:before {
  content: "B";
}

.dripicons-bookmarks:before {
  content: "C";
}

.dripicons-box:before {
  content: "D";
}

.dripicons-briefcase:before {
  content: "E";
}

.dripicons-brightness-low:before {
  content: "F";
}

.dripicons-brightness-max:before {
  content: "G";
}

.dripicons-brightness-medium:before {
  content: "H";
}

.dripicons-broadcast:before {
  content: "I";
}

.dripicons-browser:before {
  content: "J";
}

.dripicons-browser-upload:before {
  content: "K";
}

.dripicons-brush:before {
  content: "L";
}

.dripicons-calendar:before {
  content: "M";
}

.dripicons-camcorder:before {
  content: "N";
}

.dripicons-camera:before {
  content: "O";
}

.dripicons-card:before {
  content: "P";
}

.dripicons-cart:before {
  content: "Q";
}

.dripicons-checklist:before {
  content: "R";
}

.dripicons-checkmark:before {
  content: "S";
}

.dripicons-chevron-down:before {
  content: "T";
}

.dripicons-chevron-left:before {
  content: "U";
}

.dripicons-chevron-right:before {
  content: "V";
}

.dripicons-chevron-up:before {
  content: "W";
}

.dripicons-clipboard:before {
  content: "X";
}

.dripicons-clock:before {
  content: "Y";
}

.dripicons-clockwise:before {
  content: "Z";
}

.dripicons-cloud:before {
  content: "0";
}

.dripicons-cloud-download:before {
  content: "1";
}

.dripicons-cloud-upload:before {
  content: "2";
}

.dripicons-code:before {
  content: "3";
}

.dripicons-contract:before {
  content: "4";
}

.dripicons-contract-2:before {
  content: "5";
}

.dripicons-conversation:before {
  content: "6";
}

.dripicons-copy:before {
  content: "7";
}

.dripicons-crop:before {
  content: "8";
}

.dripicons-cross:before {
  content: "9";
}

.dripicons-crosshair:before {
  content: "!";
}

.dripicons-cutlery:before {
  content: '"';
}

.dripicons-device-desktop:before {
  content: "#";
}

.dripicons-device-mobile:before {
  content: "$";
}

.dripicons-device-tablet:before {
  content: "%";
}

.dripicons-direction:before {
  content: "&";
}

.dripicons-disc:before {
  content: "'";
}

.dripicons-document:before {
  content: "(";
}

.dripicons-document-delete:before {
  content: ")";
}

.dripicons-document-edit:before {
  content: "*";
}

.dripicons-document-new:before {
  content: "+";
}

.dripicons-document-remove:before {
  content: ",";
}

.dripicons-dot:before {
  content: "-";
}

.dripicons-dots-2:before {
  content: ".";
}

.dripicons-dots-3:before {
  content: "/";
}

.dripicons-download:before {
  content: ":";
}

.dripicons-duplicate:before {
  content: ";";
}

.dripicons-enter:before {
  content: "<";
}

.dripicons-exit:before {
  content: "=";
}

.dripicons-expand:before {
  content: ">";
}

.dripicons-expand-2:before {
  content: "?";
}

.dripicons-experiment:before {
  content: "@";
}

.dripicons-export:before {
  content: "[";
}

.dripicons-feed:before {
  content: "]";
}

.dripicons-flag:before {
  content: "^";
}

.dripicons-flashlight:before {
  content: "_";
}

.dripicons-folder:before {
  content: "`";
}

.dripicons-folder-open:before {
  content: "{";
}

.dripicons-forward:before {
  content: "|";
}

.dripicons-gaming:before {
  content: "}";
}

.dripicons-gear:before {
  content: "~";
}

.dripicons-graduation:before {
  content: "\\";
}

.dripicons-graph-bar:before {
  content: "\e000";
}

.dripicons-graph-line:before {
  content: "\e001";
}

.dripicons-graph-pie:before {
  content: "\e002";
}

.dripicons-headset:before {
  content: "\e003";
}

.dripicons-heart:before {
  content: "\e004";
}

.dripicons-help:before {
  content: "\e005";
}

.dripicons-home:before {
  content: "\e006";
}

.dripicons-hourglass:before {
  content: "\e007";
}

.dripicons-inbox:before {
  content: "\e008";
}

.dripicons-information:before {
  content: "\e009";
}

.dripicons-italic:before {
  content: "\e00a";
}

.dripicons-jewel:before {
  content: "\e00b";
}

.dripicons-lifting:before {
  content: "\e00c";
}

.dripicons-lightbulb:before {
  content: "\e00d";
}

.dripicons-link:before {
  content: "\e00e";
}

.dripicons-link-broken:before {
  content: "\e00f";
}

.dripicons-list:before {
  content: "\e010";
}

.dripicons-loading:before {
  content: "\e011";
}

.dripicons-location:before {
  content: "\e012";
}

.dripicons-lock:before {
  content: "\e013";
}

.dripicons-lock-open:before {
  content: "\e014";
}

.dripicons-mail:before {
  content: "\e015";
}

.dripicons-map:before {
  content: "\e016";
}

.dripicons-media-loop:before {
  content: "\e017";
}

.dripicons-media-next:before {
  content: "\e018";
}

.dripicons-media-pause:before {
  content: "\e019";
}

.dripicons-media-play:before {
  content: "\e01a";
}

.dripicons-media-previous:before {
  content: "\e01b";
}

.dripicons-media-record:before {
  content: "\e01c";
}

.dripicons-media-shuffle:before {
  content: "\e01d";
}

.dripicons-media-stop:before {
  content: "\e01e";
}

.dripicons-medical:before {
  content: "\e01f";
}

.dripicons-menu:before {
  content: "\e020";
}

.dripicons-message:before {
  content: "\e021";
}

.dripicons-meter:before {
  content: "\e022";
}

.dripicons-microphone:before {
  content: "\e023";
}

.dripicons-minus:before {
  content: "\e024";
}

.dripicons-monitor:before {
  content: "\e025";
}

.dripicons-move:before {
  content: "\e026";
}

.dripicons-music:before {
  content: "\e027";
}

.dripicons-network-1:before {
  content: "\e028";
}

.dripicons-network-2:before {
  content: "\e029";
}

.dripicons-network-3:before {
  content: "\e02a";
}

.dripicons-network-4:before {
  content: "\e02b";
}

.dripicons-network-5:before {
  content: "\e02c";
}

.dripicons-pamphlet:before {
  content: "\e02d";
}

.dripicons-paperclip:before {
  content: "\e02e";
}

.dripicons-pencil:before {
  content: "\e02f";
}

.dripicons-phone:before {
  content: "\e030";
}

.dripicons-photo:before {
  content: "\e031";
}

.dripicons-photo-group:before {
  content: "\e032";
}

.dripicons-pill:before {
  content: "\e033";
}

.dripicons-pin:before {
  content: "\e034";
}

.dripicons-plus:before {
  content: "\e035";
}

.dripicons-power:before {
  content: "\e036";
}

.dripicons-preview:before {
  content: "\e037";
}

.dripicons-print:before {
  content: "\e038";
}

.dripicons-pulse:before {
  content: "\e039";
}

.dripicons-question:before {
  content: "\e03a";
}

.dripicons-reply:before {
  content: "\e03b";
}

.dripicons-reply-all:before {
  content: "\e03c";
}

.dripicons-return:before {
  content: "\e03d";
}

.dripicons-retweet:before {
  content: "\e03e";
}

.dripicons-rocket:before {
  content: "\e03f";
}

.dripicons-scale:before {
  content: "\e040";
}

.dripicons-search:before {
  content: "\e041";
}

.dripicons-shopping-bag:before {
  content: "\e042";
}

.dripicons-skip:before {
  content: "\e043";
}

.dripicons-stack:before {
  content: "\e044";
}

.dripicons-star:before {
  content: "\e045";
}

.dripicons-stopwatch:before {
  content: "\e046";
}

.dripicons-store:before {
  content: "\e047";
}

.dripicons-suitcase:before {
  content: "\e048";
}

.dripicons-swap:before {
  content: "\e049";
}

.dripicons-tag:before {
  content: "\e04a";
}

.dripicons-tag-delete:before {
  content: "\e04b";
}

.dripicons-tags:before {
  content: "\e04c";
}

.dripicons-thumbs-down:before {
  content: "\e04d";
}

.dripicons-thumbs-up:before {
  content: "\e04e";
}

.dripicons-ticket:before {
  content: "\e04f";
}

.dripicons-time-reverse:before {
  content: "\e050";
}

.dripicons-to-do:before {
  content: "\e051";
}

.dripicons-toggles:before {
  content: "\e052";
}

.dripicons-trash:before {
  content: "\e053";
}

.dripicons-trophy:before {
  content: "\e054";
}

.dripicons-upload:before {
  content: "\e055";
}

.dripicons-user:before {
  content: "\e056";
}

.dripicons-user-group:before {
  content: "\e057";
}

.dripicons-user-id:before {
  content: "\e058";
}

.dripicons-vibrate:before {
  content: "\e059";
}

.dripicons-view-apps:before {
  content: "\e05a";
}

.dripicons-view-list:before {
  content: "\e05b";
}

.dripicons-view-list-large:before {
  content: "\e05c";
}

.dripicons-view-thumb:before {
  content: "\e05d";
}

.dripicons-volume-full:before {
  content: "\e05e";
}

.dripicons-volume-low:before {
  content: "\e05f";
}

.dripicons-volume-medium:before {
  content: "\e060";
}

.dripicons-volume-off:before {
  content: "\e061";
}

.dripicons-wallet:before {
  content: "\e062";
}

.dripicons-warning:before {
  content: "\e063";
}

.dripicons-web:before {
  content: "\e064";
}

.dripicons-weight:before {
  content: "\e065";
}

.dripicons-wifi:before {
  content: "\e066";
}

.dripicons-wrong:before {
  content: "\e067";
}

.dripicons-zoom-in:before {
  content: "\e068";
}

.dripicons-zoom-out:before {
  content: "\e069";
}

.padding {
  padding: 30px;
}

.padding--half {
  padding: 15px;
}

html {
  width: 100%;
  height: 100%;
  background: #094266 url("../img/background.jpg") center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
html body {
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
  background-color: rgba(9, 66, 102, 0.25);
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 25px;
  -webkit-font-smoothing: antialiased;
  font-stretch: normal;
}

main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
@media (max-width: 767px) {
  main {
    height: auto;
    padding: 15px;
  }
}

form {
  margin-top: 30px;
}
form > div {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
}
form fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 15px;
  -ms-grid-column-span: 2;
  grid-column: span 2;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
form fieldset.small {
  -ms-grid-column-span: 1;
  grid-column: span 1;
  padding-right: 5px;
}
form fieldset.small + .small {
  padding-right: 0;
  padding-left: 5px;
}
form fieldset label {
  font-weight: bold;
  margin-bottom: 7.5px;
  color: #454343;
}
form fieldset input[type=text], form fieldset input[type=email], form fieldset input[type=password], form fieldset input[type=number], form fieldset select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
  background: #fff;
  border: 3px solid #D8D4D5;
  padding: 10px;
  border-radius: 10px;
  font-weight: bold;
  width: 100%;
}
form fieldset input[type=text]:focus, form fieldset input[type=email]:focus, form fieldset input[type=password]:focus, form fieldset input[type=number]:focus, form fieldset select:focus {
  outline: none;
  border: 3px solid #094266;
}
form fieldset input[type=text].uppercase, form fieldset input[type=email].uppercase, form fieldset input[type=password].uppercase, form fieldset input[type=number].uppercase, form fieldset select.uppercase {
  text-transform: uppercase;
}
form fieldset ul {
  padding: 0;
}
form fieldset ul li {
  padding: 0;
  margin: 0;
  color: #F71735;
}
form fieldset ul li:before {
  display: none;
  padding: 0;
}
form .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
form .radiogroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
form .radiogroup input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #454343;
}
form .radiogroup input:checked {
  -webkit-box-shadow: inset 0px 0px 0px 2px #fff;
          box-shadow: inset 0px 0px 0px 2px #fff;
  background: #000000;
}
form .radiogroup label {
  margin-bottom: 0;
  color: #000000;
  font-weight: normal;
  margin-left: 7.5px;
}
form .hint {
  color: #454343;
}
form .codetype {
  margin-bottom: 30px;
}
form .codetype input {
  text-transform: uppercase;
  margin-right: 5px;
  margin-left: 5px;
}
form .codetype input:first-child {
  margin-left: 0;
}
form .codetype input:last-child {
  margin-right: 0;
}

.modal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px 10px 10px 10px;
  overflow: hidden;
  border: 10px solid #FDFFFC;
  background-color: #FDFFFC;
  min-height: 560px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 500px;
  grid-template-columns: auto 500px;
}
@media (max-width: 767px) {
  .modal {
    width: 100%;
    border: 20px solid #FDFFFC;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.modal .modal--header {
  background: #094266 url("../img/background.jpg") center center no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 7px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal .modal--header .title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bold;
  color: #FDFFFC;
}
@media (max-width: 767px) {
  .modal .modal--header {
    margin-bottom: 30px;
  }
}
.modal .modal--header .logo {
  padding: 30px;
}
.modal .modal--header .logo img {
  display: block;
}
.modal .modal--header .controls {
  padding: 15px;
  text-align: center;
}
.modal .modal--header .controls .username {
  color: #FDFFFC;
}
.modal .modal--header .controls a {
  color: #FDFFFC;
  font-weight: bold;
}
.modal .modal--header .controls a .icon {
  font-size: 18px;
  vertical-align: middle;
  margin-left: 7.5px;
}
.modal .modal--header .controls a:hover {
  text-decoration: none;
  color: #41EAD4;
}
.modal .modal--error {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #F71735;
  color: #FDFFFC;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 30px;
}
.modal .modal--error .icon {
  margin-right: 10px;
  font-size: 20px;
  vertical-align: middle;
}
.modal .modal--content {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #FDFFFC;
  padding: 30px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .modal .modal--content {
    padding: 0;
  }
}
.modal .modal--content .right {
  width: 100%;
}
.modal .modal--content.content--center .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal .modal--content .code {
  background: #e5eaf6;
  padding: 15px 30px;
  font-family: "Courier New";
  font-weight: bold;
  text-align: center;
  border: 2px solid #000000;
}
.modal .modal--content .code .title {
  font-family: "Roboto", sans-serif;
}
.modal .modal--content .center {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal .line--vertical {
  padding: 0 30px;
}
.modal .line--vertical:after {
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  border-left: 1px solid #094266;
}

button, .button {
  background: #000000;
  color: #FDFFFC;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 15px 30px;
  border: none;
  min-width: 150px;
  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;
  border-radius: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  cursor: pointer;
  white-space: nowrap;
}
button .icon, .button .icon {
  margin-left: 15px;
  line-height: 0;
  font-size: 20px;
}
button:hover, .button:hover {
  background: #094266;
  text-decoration: none;
}
button.button--light, .button.button--light {
  background: #e5eaf6;
  color: #000000;
}
button.button--light:hover, .button.button--light:hover {
  background: #094266;
  color: #FDFFFC;
}
button.button--small, .button.button--small {
  width: auto;
  min-width: auto;
  margin-right: 10px;
  padding: 15px;
}
button.button--small .icon, .button.button--small .icon {
  margin-left: 0;
  margin-right: 15px;
}
button.button--inline, .button.button--inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: bottom;
}
@media (max-width: 767px) {
  button.button--inline, .button.button--inline {
    padding: 15px;
  }
}
button.primary, .button.primary {
  background: #41EAD4;
  color: #000000;
}
button.button--icon--arrow--right:before, .button.button--icon--arrow--right:before {
  content: "j";
  font-family: "dripicons-v2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tooltip {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 5px;
  z-index: 100;
}
.tooltip .icon {
  display: block;
  cursor: help;
}
.tooltip .text {
  display: none;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  background: #000000;
  color: #FDFFFC;
  padding: 15px;
  min-width: 180px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.tooltip:hover .text {
  display: block;
}

.loader {
  border: 16px solid #e5eaf6; /* Light grey */
  border-top: 16px solid #094266; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*# sourceMappingURL=style.css.map */