@import "font/font.css";
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;
  -webkit-font-smoothing: antialiased;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  background-color: white;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
object:focus,
embed:focus,
a,
a:hover,
a:focus,
a:active {
  outline: none;
  text-decoration: none;
  color: inherit;
}
input::-moz-focus-inner {
  border: none;
}
label {
  /*cursor: pointer*/
}
fieldset {
  border: none;
}
input,
select,
option,
textarea,
button {
  font-size: 100%;
  outline-style: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-line-break: auto;
  -webkit-line-clamp: none;
  box-shadow: none;
  text-indent: 0px;
  text-align: start;
  display: inline-block;
  text-shadow: none;
  text-transform: none;
  word-spacing: normal;
  text-rendering: auto;
  cursor: auto;
  flex-grow: 0;
  flex-shrink: 1;
  line-height: normal;
  letter-spacing: normal;
  border-radius: 0px;
  tab-size: 8;
  stroke-width: 1;
  stroke-dashoffset: 0;
}
input {
  baseline-shift: baseline;
  -webkit-appearance: textfield;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
}
textarea {
  resize: none;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}
*:focus {
  outline: none!important;
}
.hidden {
  visibility: hidden;
}
.active {
  visibility: visible;
}
.event_coordinates {
  display: none;
}
.ml-auto {
  margin-left: auto !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.f-right {
  float: right !important;
}
.f-left {
  float: left !important;
}
.lineheight-0 {
  line-height: 0 !important;
}
.w-100 {
  width: 100%;
}
.emoji {
  width: 1.1em;
  height: 1.1em;
  padding: 0 0 0 0;
  vertical-align: -0.15em;
}
.cursor-pointer {
  cursor: pointer;
}
.dm-uploader {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 3px dashed #CAC7C7;
  padding: 10px;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  height: 160px;
}
.dm-uploader h2 {
  text-align: center;
}
.dm-uploader .--data-hub {
  display: none;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  z-index: 0;
}
.dm-uploader .btn {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  background-color: #EC7F21;
  font-family: 'nitti-heading';
  font-size: 16px;
  color: white;
  cursor: pointer;
  display: inline-block;
  padding: 8px 20px;
  margin-right: 5px;
  border: 0;
  -webkit-transition: background-color 0.25s, border-color 0.25s, color 0.25s;
  -o-transition: background-color 0.25s, border-color 0.25s, color 0.25s;
  transition: background-color 0.25s, border-color 0.25s, color 0.25s;
}
.dm-uploader .btn:hover {
  background-color: #E86523;
}
.dm-uploader .btn input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}
.dm-uploader.active {
  border-color: #E86523;
}
.dm-uploader.error {
  border: 3px dashed #E34524;
  box-shadow: 0 0 20px rgba(227, 69, 36, 0.2);
}
@keyframes load-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes nn-spin {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 360deg;
  }
}
#load-screen {
  background: rgba(179, 179, 179, 0.5);
  background: -moz-radial-gradient(center, ellipse cover, #b3b3b3 0%, rgba(179, 179, 179, 0.8) 30%, rgba(139, 139, 139, 0.2) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #b3b3b3), color-stop(30%, rgba(179, 179, 179, 0.8)), color-stop(100%, rgba(139, 139, 139, 0.2)));
  background: -webkit-radial-gradient(center, ellipse cover, #b3b3b3 0%, rgba(179, 179, 179, 0.8) 30%, rgba(139, 139, 139, 0.2) 100%);
  background: -o-radial-gradient(center, ellipse cover, #b3b3b3 0%, rgba(179, 179, 179, 0.8) 30%, rgba(139, 139, 139, 0.2) 100%);
  background: -ms-radial-gradient(center, ellipse cover, #b3b3b3 0%, rgba(179, 179, 179, 0.8) 30%, rgba(139, 139, 139, 0.2) 100%);
  background: radial-gradient(ellipse at center, #b3b3b3 0%, rgba(179, 179, 179, 0.8) 30%, rgba(139, 139, 139, 0.2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#8b8b8b', GradientType=1);
  position: fixed;
  opacity: 0.9;
  top: 0px;
  left: 0px;
  width: 1px;
  height: 1px;
  z-index: 2000000;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: visibility 0s, opacity 0.3s linear;
  -webkit-transition: visibility 0s, opacity 0.3s linear;
}
#load-screen .container {
  display: block;
  text-align: center;
}
#load-screen .container ul.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 130px;
  font-size: 150px;
  margin: 0px auto 40px auto;
  position: relative;
}
#load-screen .container ul.icon li {
  display: block;
  position: absolute;
  border-bottom: 3px solid;
  border-radius: 50%;
  border-right: none;
  border-left: none;
  border-top: none;
  border-bottom-color: white;
}
#load-screen .container ul.icon li:nth-child(1) {
  width: 130px;
  height: 130px;
  -webkit-animation: load-spin 2s infinite linear;
  animation: load-spin 2s infinite linear;
  animation-delay: -1s;
  top: 0px;
  left: 0px;
}
#load-screen .container ul.icon li:nth-child(2) {
  width: 110px;
  height: 110px;
  -webkit-animation: load-spin 1.5s infinite linear;
  animation: load-spin 1.5s infinite linear;
  animation-delay: -1s;
  top: 10px;
  left: 10px;
}
#load-screen .container ul.icon li:nth-child(3) {
  width: 90px;
  height: 90px;
  -webkit-animation: load-spin 1s infinite linear;
  animation: load-spin 1s infinite linear;
  animation-delay: -1s;
  top: 20px;
  left: 20px;
}
#load-screen .container ul.icon li:nth-child(4) {
  width: 130px;
  height: 130px;
  border-bottom: 15px solid;
  border-bottom-color: rgba(255, 255, 255, 0.3);
  -webkit-animation: load-spin 3s infinite linear;
  animation: load-spin 3s infinite linear;
  animation-direction: reverse;
  animation-delay: -1s;
  top: 0px;
  left: 0px;
}
#load-screen .container p.label {
  display: block;
  color: white;
  font-family: 'nitti';
  font-weight: 100;
  font-size: 35px;
}
h1 {
  font-family: 'nitti-heading';
  font-weight: 400;
  font-size: 35px;
  padding-bottom: 20px;
  color: #EC7F21;
}
h1 > span {
  color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #EC7F21), color-stop(0.5, #E86523), color-stop(1, #E34524));
  background-image: gradient(linear, left top, right top, color-stop(0, #EC7F21), color-stop(0.5, #E86523), color-stop(1, #E34524));
  -webkit-background-clip: text;
  background-clip: text;
  margin-right: 30px;
  display: inline-block;
}
h1 > span.c-light {
  color: #EC7F21;
  background-image: none;
}
h1 > span.c-medium {
  color: #E86523;
  background-image: none;
}
h1.nnbb-grey,
h1.nnbb-grey > span {
  color: #999999;
}
h1.nnbb-large {
  font-size: 48px;
  padding-bottom: 30px;
}
h2 {
  font-family: 'nitti';
  font-weight: 700;
  font-size: 24px;
  padding-bottom: 18px;
  color: #EC7F21;
}
h2 > span {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #EC7F21), color-stop(0.5, #E86523), color-stop(1, #E34524));
  background-image: gradient(linear, left top, right top, color-stop(0, #EC7F21), color-stop(0.5, #E86523), color-stop(1, #E34524));
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-right: 20px;
  display: inline-block;
  line-height: 34px;
}
h2.nnbb-grey,
h2.nnbb-grey > span {
  color: #414141;
}
h3 {
  font-family: 'nitti';
  font-weight: 700;
  font-size: 19px;
  padding-bottom: 8px;
  color: #EC7F21;
}
h3.nnbb-grey {
  color: #414141;
}
h4 {
  font-family: 'nitti';
  font-weight: 700;
  font-size: 14px;
  padding-bottom: 6px;
  color: #414141;
}
h5 {
  font-family: 'nitti';
  font-size: 13px;
  padding-bottom: 5px;
  color: #414141;
}
h6 {
  font-family: 'nitti';
  font-size: 12px;
  padding-bottom: 4px;
  color: #414141;
}
p.nnbb-intro-text {
  font-family: 'nitti';
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  padding-bottom: 30px;
  font-style: normal;
  font-weight: normal;
  color: #414141;
}
p.nnbb-body-text {
  font-family: 'nitti';
  font-size: 16px;
  line-height: 18px;
  padding-bottom: 20px;
  font-style: normal;
  font-weight: normal;
  color: #414141;
}
p.regular {
  font-family: 'nitti';
  font-style: normal;
  font-weight: normal;
}
p.bold {
  font-family: 'nitti';
  font-style: normal;
  font-weight: bold;
}
p.light {
  font-family: 'nitti';
  font-style: normal;
  font-weight: 100;
}
p.display {
  font-family: 'nitti-heading';
  font-weight: 700;
  font-style: normal;
  font-weight: normal;
}
ul.text {
  padding-bottom: 0px;
  margin-left: 20px;
  margin-bottom: 20px;
  list-style: none;
}
ul.text li {
  font-family: 'nitti';
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #414141;
  margin-bottom: 10px;
}
ul.text li::before {
  content: "•";
  color: #EC7F21;
  margin-right: 10px;
}
ul.text.regular {
  font-family: 'nitti';
  font-style: normal;
  font-weight: normal;
}
ul.text.bold {
  font-family: 'nitti';
  font-style: normal;
  font-weight: bold;
}
ul.text.light {
  font-family: 'nitti';
  font-style: normal;
  font-weight: lighter;
}
ul.text.display {
  font-family: 'nitti-heading';
  font-weight: 700;
  font-style: normal;
  font-weight: normal;
}
ol.text {
  padding-bottom: 0px;
  margin-bottom: 20px;
  list-style: none;
}
ol.text.numeric,
ol.text.decimal {
  list-style-position: outside;
  margin-left: 20px;
  list-style-type: decimal;
}
ol.text.lower-roman {
  list-style-position: outside;
  margin-left: 20px;
  list-style-type: lower-roman;
}
ol.text.upper-roman {
  list-style-position: outside;
  margin-left: 20px;
  list-style-type: upper-roman;
}
ol.text.lower-alpha,
ol.text.lower-latin {
  list-style-position: outside;
  margin-left: 20px;
  counter-reset: list;
}
ol.text.lower-alpha > li,
ol.text.lower-latin > li {
  list-style: none;
}
ol.text.lower-alpha > li:before,
ol.text.lower-latin > li:before {
  counter-increment: list;
  content: counter(list, lower-alpha) ") ";
}
ol.text.upper-alpha,
ol.text.upper-latin {
  list-style-position: outside;
  margin-left: 20px;
  list-style-type: upper-alpha;
}
ol.text.disc {
  list-style-position: outside;
  margin-left: 20px;
  list-style-type: none;
}
ol.text.disc li::before {
  content: "•";
  color: #EC7F21;
  margin-right: 10px;
  display: inline-block;
}
ol.text li {
  font-family: 'nitti';
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #414141;
  margin-bottom: 10px;
}
ol.text.regular {
  font-family: 'nitti';
  font-style: normal;
  font-weight: normal;
}
ol.text.bold {
  font-family: 'nitti';
  font-style: normal;
  font-weight: bold;
}
ol.text.light {
  font-family: 'nitti';
  font-style: normal;
  font-weight: lighter;
}
ol.text.display {
  font-family: 'nitti-heading';
  font-weight: 700;
  font-style: normal;
  font-weight: normal;
}
h1.regular,
h1 > span.regular,
h2.regular,
h2 > span.regular,
h3.regular,
h3 > span.regular {
  font-family: 'nitti';
  font-style: normal;
  font-weight: normal;
}
h1.bold,
h1 > span.bold,
h2.bold,
h2 > span.bold,
h3.bold,
h3 > span.bold {
  font-family: 'nitti';
  font-style: normal;
  font-weight: bold;
}
h1.light,
h1 > span.light,
h2.light,
h2 > span.light,
h3.light,
h3 > span.light {
  font-family: 'nitti';
  font-style: normal;
  font-weight: lighter;
}
h1.display,
h1 > span.display,
h2.display,
h2 > span.display,
h3.display,
h3 > span.display {
  font-family: 'nitti-heading';
  font-weight: 700;
  font-style: normal;
  font-weight: normal;
}
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
select {
  padding: 5px 17px 4px 10px;
  font-family: 'nitti';
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  border-radius: 4px;
  background-image: url("/resources/image/form/fas-chevron-down-light.png");
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 15px;
  border: 1px solid #dadada;
  background-color: #fafafa;
  cursor: pointer;
  white-space: nowrap;
  -webkit-appearance: none;
}
select::-ms-expand {
  display: none;
}
select:hover {
  border: 1px solid #E86523;
  background-image: url("/resources/image/form/fas-chevron-down-medium-orange.png");
  color: #E86523;
}
select.disabled {
  background: none;
  opacity: 0.5;
  cursor: default;
  color: #999999;
}
select.disabled:hover {
  background: none;
  opacity: 0.5;
  cursor: default;
  border: 1px solid #dadada;
  color: #999999;
}
select.hidden {
  visibility: visible;
  display: none;
}
select.error {
  border: 1px solid #E34524;
  box-shadow: 0 0 20px rgba(227, 69, 36, 0.2);
}
input {
  padding: 5px 10px 4px 10px;
  font-family: 'nitti';
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  border-radius: 4px;
  border: 1px solid #dadada;
  background-color: #fafafa;
  -webkit-appearance: none;
}
input::placeholder {
  color: #CAC7C7;
  opacity: 1;
}
input:-ms-input-placeholder {
  color: #CAC7C7;
}
input::-ms-input-placeholder {
  color: #CAC7C7;
}
input.disabled {
  background: none;
  opacity: 0.5;
  cursor: default;
  color: #999999;
}
input.error {
  border: 1px solid #E34524;
  box-shadow: 0 0 20px rgba(227, 69, 36, 0.2);
}
textarea {
  padding: 5px 10px 4px 10px;
  font-family: 'nitti';
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  border-radius: 4px;
  border: 1px solid #dadada;
  background-color: #fafafa;
  line-height: 22px;
}
textarea::placeholder {
  color: #CAC7C7;
  opacity: 1;
}
textarea:-ms-input-placeholder {
  color: #CAC7C7;
}
textarea::-ms-input-placeholder {
  color: #CAC7C7;
}
textarea.error {
  border: 1px solid #E34524;
  box-shadow: 0 0 20px rgba(227, 69, 36, 0.2);
}
button {
  border-radius: 4px;
  background-color: #EC7F21;
  border: 1px solid #EC7F21;
  font-family: 'nitti-heading';
  font-weight: 700;
  font-size: 16px;
  color: white;
  cursor: pointer;
  display: inline-block;
  padding: 8px 20px;
  -webkit-transition: background-color 0.25s, border-color 0.25s, color 0.25s;
  -o-transition: background-color 0.25s, border-color 0.25s, color 0.25s;
  transition: background-color 0.25s, border-color 0.25s, color 0.25s;
}
button:hover {
  background-color: #E86523;
  border: 1px solid #E86523;
}
button.blue {
  background-color: #7CAAD6;
  border: 1px solid #7CAAD6;
}
button.blue:hover {
  background-color: #5389C2;
  border: 1px solid #5389C2;
}
button.green {
  background-color: #96B439;
  border: 1px solid #96B439;
}
button.green:hover {
  background-color: #5B9853;
  border: 1px solid #5B9853;
}
button.purple {
  background-color: #9C91C6;
  border: 1px solid #9C91C6;
}
button.purple:hover {
  background-color: #706CB0;
  border: 1px solid #706CB0;
}
button.red {
  background-color: #E34524;
  border: 1px solid #E34524;
}
button.red:hover {
  background-color: #d73413;
  border: 1px solid #d73413;
}
button.frame {
  background-color: white;
  color: #EC7F21;
  border: 1px solid #EC7F21;
}
button.frame:hover {
  color: #E86523;
  border: 1px solid #E86523;
}
button.frame.disabled,
button.frame:disabled {
  background-color: white;
  color: #CAC7C7;
  border: 1px solid #CAC7C7;
}
button.frame.disabled:hover,
button.frame:disabled:hover {
  background-color: white;
  color: #CAC7C7;
  border: 1px solid #CAC7C7;
}
button.frame.blue {
  background-color: white;
  color: #7CAAD6;
  border: 1px solid #7CAAD6;
}
button.frame.blue:hover {
  background-color: white;
  color: #5389C2;
  border: 1px solid #5389C2;
}
button.frame.green {
  background-color: white;
  color: #96B439;
  border: 1px solid #96B439;
}
button.frame.green:hover {
  background-color: white;
  color: #5B9853;
  border: 1px solid #5B9853;
}
button.frame.purple {
  background-color: white;
  color: #9C91C6;
  border: 1px solid #9C91C6;
}
button.frame.purple:hover {
  background-color: white;
  color: #706CB0;
  border: 1px solid #706CB0;
}
button.frame.red {
  background-color: white;
  color: #E34524;
  border: 1px solid #E34524;
}
button.frame.red:hover {
  background-color: white;
  color: #d73413;
  border: 1px solid #d73413;
}
button.icon {
  text-align: center;
  width: 40px;
  font-size: 20px;
  padding: 4px 0;
}
button.disabled,
button:disabled {
  background-color: #CAC7C7;
  border: 1px solid #CAC7C7;
  cursor: default;
}
button.disabled:hover,
button:disabled:hover {
  background-color: #CAC7C7;
  border: 1px solid #CAC7C7;
}
/*******************************************************/
/***          iOS7 switch                            ***/
/*******************************************************/
label.switch {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}
label.switch input {
  opacity: 0;
  position: absolute;
}
label.switch input + span {
  position: relative;
  display: inline-block;
  width: 1.65em;
  height: 1em;
  background: white;
  box-shadow: inset 0 0 0 0.0625em #e9e9e9;
  border-radius: 0.5em;
  vertical-align: -0.15em;
  transition: color 0.4s cubic-bezier(0.17, 0.67, 0.43, 0.98);
  will-change: color;
}
label.switch:active input + span,
label.switch input + span:active {
  box-shadow: inset 0 0 0 0.73em #e9e9e9;
}
label.switch input + span:after {
  position: absolute;
  display: block;
  content: '';
  width: 0.875em;
  height: 0.875em;
  border-radius: 0.4375em;
  top: 0.0625em;
  left: 0.0625em;
  background: white;
  box-shadow: inset 0 0 0 0.03em rgba(0, 0, 0, 0.1), 0 0 0.05em rgba(0, 0, 0, 0.05), 0 0.1em 0.2em rgba(0, 0, 0, 0.2);
  transition: width 0.25s ease-out, left 0.25s ease-out;
  will-change: width, left;
}
label.switch:active input + span:after,
label.switch input + span:active:after {
  width: 1.15em;
}
label.switch input:checked + span {
  box-shadow: inset 0 0 0 0.73em #EC7F21;
}
label.switch.green input:checked + span {
  box-shadow: inset 0 0 0 0.73em #96B439;
}
label.switch input:checked + span:after {
  left: 0.7125em;
}
label.switch:active input:checked + span:after,
label.switch input:checked + span:active:after {
  left: 0.4375em;
}
label.switch input:focus + span:after {
  box-shadow: inset 0 0 0 0.03em rgba(0, 0, 0, 0.15), 0 0 0.05em rgba(0, 0, 0, 0.08), 0 0.1em 0.2em rgba(0, 0, 0, 0.3);
  background: #fff;
}
label.switch input:focus + span {
  box-shadow: inset 0 0 0 0.0625em #dadada;
}
label.switch input:focus:checked + span {
  box-shadow: inset 0 0 0 0.73em #E86523;
}
label.switch.green input:focus:checked + span {
  box-shadow: inset 0 0 0 0.73em #5B9853;
}
label.switch:hover input:focus + span:after {
  box-shadow: inset 0 0 0 0.03em rgba(0, 0, 0, 0.1), 0 0 0.05em rgba(0, 0, 0, 0.05), 0 0.1em 0.2em rgba(0, 0, 0, 0.2);
  background: #fff;
}
label.switch:hover input:focus + span {
  box-shadow: inset 0 0 0 0.0625em #e9e9e9;
}
label.switch:hover input:focus:checked + span {
  box-shadow: inset 0 0 0 0.73em #EC7F21;
}
label.switch.green:hover input:focus:checked + span {
  box-shadow: inset 0 0 0 0.73em #96B439;
}
label.switch:active input:disabled + span,
label.switch input:disabled + span:active {
  box-shadow: inset 0 0 0 0.03em #e9e9e9;
}
label.switch input:disabled:checked + span {
  box-shadow: inset 0 0 0 0.73em #CAC7C7;
}
label.switch:active input:disabled + span:after,
label.switch input:disabled + span:active:after {
  width: 0.875em;
}
label.switch:active input:disabled:checked + span:after,
label.switch input:disabled:checked + span:active:after {
  left: 0.7125em;
}
p.switch {
  margin-bottom: 10px;
}
p.switch:last-child {
  margin-bottom: 0px;
}
p.switch label.switch input + span {
  font-size: 20px;
  margin-right: 5px;
}
p.switch label.switch input + span + span {
  position: relative;
  top: -1px;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: -color 0.25s;
}
p.switch label.switch input:disabled + span + span {
  color: #CAC7C7;
}
p.switch:hover label.switch input + span + span {
  color: #EC7F21;
}
p.switch:hover label.switch input:disabled + span + span {
  color: #CAC7C7;
}
p.switch:hover label.switch.green input + span + span {
  color: #96B439;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 1em 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  width: 100%;
  border-radius: 4px;
  background-color: #e9ecef;
  overflow: hidden;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: stretch;
  -webkit-align-items: stretch;
}
.progress .progress-bar {
  font-family: 'nitti';
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  font-style: normal;
  color: white;
  text-align: center;
  background-color: #7CAAD6 !important;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  background-size: 1rem 1rem;
  background-image: none;
}
.progress .progress-bar.in-progress {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress .progress-bar.animated {
  animation: progress-bar-stripes 1s linear infinite;
}
.progress .progress-bar.success {
  background-color: #96B439 !important;
}
.progress .progress-bar.error {
  background-color: #dd4b39 !important;
}
@media (max-width: 575px) {
  select {
    padding: 9px 17px 8px 10px;
    font-family: 'nitti';
    font-size: 18px;
  }
}
input[type=range] {
  -webkit-appearance: none;
  margin: 30px/2 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  background: #c0c0c0;
  border-radius: 5px;
  border: 0px solid black;
}
input[type=range]::-webkit-slider-thumb {
  border: 0px solid white;
  height: 30px;
  width: 30px;
  border-radius: 20px;
  background: #EC7F21;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #cdcdcd;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  background: #c0c0c0;
  border-radius: 5px;
  border: 0px solid black;
}
input[type=range]::-moz-range-thumb {
  border: 0px solid white;
  height: 30px;
  width: 30px;
  border-radius: 20px;
  background: #EC7F21;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 30px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #b3b3b3;
  border: 0px solid black;
  border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
  background: #c0c0c0;
  border: 0px solid black;
  border-radius: 10px;
}
input[type=range]::-ms-thumb {
  border: 0px solid white;
  height: 30px;
  width: 30px;
  border-radius: 20px;
  background: #EC7F21;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #c0c0c0;
}
input[type=range]:focus::-ms-fill-upper {
  background: #cdcdcd;
}
/* surrounding tag container */
.tag-editor {
  list-style-type: none;
  padding: 0 5px 0 0;
  margin: 0;
  overflow: hidden;
  cursor: text;
  font: normal 14px sans-serif;
  color: #555;
  background: #fff;
  line-height: 20px;
  border-radius: 4px;
  border: 1px solid #dadada;
  /* core styles usually need no change */
  /* tag style */
  /* delete icon */
}
.tag-editor li {
  display: block;
  float: left;
  overflow: hidden;
  margin: 5px 0;
}
.tag-editor div {
  float: left;
  padding: 0 4px;
}
.tag-editor .placeholder {
  color: #CAC7C7;
  opacity: 1;
  padding: 0 5px;
  font-family: 'nitti';
  font-size: 16px;
  font-weight: 400;
}
.tag-editor .tag-editor-spacer {
  padding: 0;
  width: 8px;
  overflow: hidden;
  color: transparent;
  background: none;
}
.tag-editor input {
  height: auto!important;
  vertical-align: inherit;
  border: 0;
  outline: none;
  padding: 0!important;
  margin: 0px 0 0 0!important;
  cursor: text;
  box-shadow: none;
  background: none;
  font-family: 'nitti';
  font-size: 16px!important;
  font-weight: 400;
  color: #666666;
}
.tag-editor .tag-editor-tag {
  padding-left: 5px;
  background-color: #EC7F21;
  white-space: nowrap;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  overflow: hidden;
  cursor: pointer;
  border-radius: 60px 0 0 60px;
  padding: 2px 0px 2px 10px;
}
.tag-editor .tag-editor-tag:before {
  content: "#";
}
.tag-editor .tag-editor-tag.active {
  background: none !important;
}
.tag-editor .tag-editor-tag.active:before {
  display: none;
}
.tag-editor .tag-editor-delete {
  background-color: #EC7F21;
  cursor: pointer;
  border-radius: 0 60px 60px 0;
  padding-left: 6px;
  padding-right: 6px;
  color: #ffffff;
}
.tag-editor .tag-editor-delete i {
  line-height: 18px;
  display: inline-block;
}
.tag-editor .tag-editor-delete i:before {
  font-size: 18px;
  color: #ffffff;
  content: "×";
  font-style: normal;
}
.tag-editor .tag-editor-delete:hover i:before {
  color: #E34524;
}
/* hide original input field or textarea visually to allow tab navigation */
.tag-editor-hidden-src {
  position: absolute !important;
  left: -99999px;
}
/* hide IE10 "clear field" X */
.tag-editor ::-ms-clear {
  display: none;
}
.tag-editor .tag-editor-tag.active + .tag-editor-delete,
.tag-editor .tag-editor-tag.active + .tag-editor-delete i {
  visibility: hidden;
  cursor: text;
}
/* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  font-size: 14px;
}
.ui-front {
  z-index: 9999;
}
.ui-menu {
  list-style: none;
  padding: 1px;
  margin: 0;
  display: block;
  outline: none;
  padding: 5px!important;
  border: none!important;
  border-radius: 4px;
  background-color: #fff;
  background-clip: border-box;
  -webkit-box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.3);
  font-family: 'nitti';
  font-size: 16px;
  font-weight: normal;
  color: #666666;
}
.ui-menu .ui-menu-item {
  text-decoration: none;
  display: block;
  padding: 0!important;
  margin: 0!important;
  min-height: 0;
  -webkit-transition: background-color 0.25s, color 0.25s;
  -o-transition: background-color 0.25s, color 0.25s;
  transition: background-color 0.25s, color 0.25s;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper {
  padding: 3px 5px!important;
  margin: 0!important;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background-color: #EC7F21 !important;
  border-radius: 3px!important;
  color: #ffffff !important;
  padding: 3px 5px!important;
  margin: 0!important;
  border: none!important;
}
.ui-widget-content {
  border: 1px solid #bbb;
  background: #fff;
  color: #555;
}
.ui-widget-content a {
  color: #46799b;
}
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #e0eaf1;
}
.ui-helper-hidden-accessible {
  display: none;
}
table.nn {
  border-collapse: collapse;
}
table.nn.w100 {
  width: 100%;
}
table.nn thead tr {
  height: 30px;
}
table.nn thead tr th {
  height: 30px;
  font-family: 'nitti';
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #414141;
  overflow: hidden;
  margin: 0;
  padding: 5px 10px;
  border-bottom: 1px solid #EC7F21;
  vertical-align: bottom;
  text-align: center;
}
table.nn tbody tr {
  height: 37px;
}
table.nn tbody tr td {
  height: 37px;
  font-family: 'nitti';
  color: #414141;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 5px 10px;
  border-bottom: 1px solid #eaeaea;
  vertical-align: middle;
}
table.nn tbody tr td.left {
  text-align: left;
}
table.nn tbody tr:nth-child(odd) td {
  background-color: #fff;
}
table.nn tbody tr:nth-child(even) td {
  background-color: #f7f7f7;
}
table.nn tbody tr:last-child td {
  border-bottom: 1px solid #EC7F21;
}
table.nn tbody.center tr td {
  text-align: center;
}
table.nn tbody.center tr td.left {
  text-align: left;
}
body .swal-overlay .swal-modal {
  border-radius: 4px;
  background-color: #fff;
  background-clip: border-box;
  -webkit-box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.3);
}
body .swal-overlay .swal-modal .swal-title {
  font-family: 'nitti-heading';
  font-size: 24px;
  padding-bottom: 18px;
  color: #EC7F21;
  font-weight: 700;
}
body .swal-overlay .swal-modal .swal-text {
  font-family: 'nitti';
  font-size: 18px;
  font-weight: 700;
  color: #666666;
}
body .swal-overlay .swal-modal .swal-button {
  border-radius: 4px;
  background-color: #EC7F21;
  font-family: 'nitti-heading';
  font-size: 16px;
  font-weight: 700;
  color: white;
  cursor: pointer;
  display: inline-block;
  padding: 8px 20px;
  margin-right: 5px;
  border: 0;
  -webkit-transition: background-color 0.25s, border-color 0.25s, color 0.25s;
  -o-transition: background-color 0.25s, border-color 0.25s, color 0.25s;
  transition: background-color 0.25s, border-color 0.25s, color 0.25s;
  box-shadow: none;
}
body .swal-overlay .swal-modal .swal-button:hover {
  background-color: #E86523;
  box-shadow: none;
}
body .swal-overlay .swal-modal .swal-button:focus {
  background-color: #E86523;
  box-shadow: none;
}
body .swal-overlay .swal-modal .swal-button.red {
  background-color: #E34524;
}
body .swal-overlay .swal-modal .swal-button.red:hover {
  background-color: #cf2c0b;
}
body .swal-overlay .swal-modal .swal-button.frame {
  background-color: white;
  color: #EC7F21;
  border: 1px solid #EC7F21;
}
body .swal-overlay .swal-modal .swal-button.frame:hover {
  color: #E86523;
  border: 1px solid #E86523;
}
body .swal-overlay .swal-modal .swal-button.frame:focus {
  color: #E86523;
  border: 1px solid #E86523;
}
body .swal-overlay .swal-modal .swal-button.disabled,
body .swal-overlay .swal-modal .swal-button:disabled {
  background-color: #CAC7C7;
  cursor: default;
}
body .swal-overlay .swal-modal .swal-button.disabled:hover,
body .swal-overlay .swal-modal .swal-button:disabled:hover {
  background-color: #CAC7C7;
}
body .swal-overlay .swal-modal .swal-button.disabled + .swal-button__loader {
  display: none;
}
body .swal-overlay .swal-modal .swal-footer {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #FCFCFC;
  border-top: 1px #F1F1F1 solid;
  margin-top: 32px;
  overflow: hidden;
}
body .swal-overlay .swal-modal.form .swal-content {
  margin-top: 8px;
}
body .swal-overlay .swal-modal.form .swal-footer {
  margin-top: 10px;
}
body .swal-overlay .text p {
  font-family: 'nitti';
  font-size: 18px;
  font-weight: 400;
  color: #666666;
  margin-bottom: 8px;
  text-align: left;
}
body .swal-overlay .text span.bold {
  font-weight: 700;
}
body .swal-overlay .config-container {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #E4E4E4;
  text-align: left;
}
body .swal-overlay .config-container:first-of-type {
  border-top: none;
}
body .swal-overlay .config-container.hidden {
  visibility: visible;
  display: none;
}
body .swal-overlay .config-container label {
  text-align: left;
  display: block;
  font-family: 'nitti';
  font-size: 16px;
  font-weight: 400;
  margin-right: 5px;
  margin-top: 10px;
  color: #999999;
  margin-bottom: 5px;
}
body .swal-overlay .config-container label:first-child {
  margin-top: 0px;
}
body .swal-overlay .config-container label.hidden {
  visibility: visible;
  display: none;
}
body .swal-overlay .config-container input {
  height: 32px;
  font-size: 16px;
  background-color: white;
  display: block;
  color: #666666;
  width: 100%;
}
body .swal-overlay .config-container input.w-100 {
  width: 100%;
}
body .swal-overlay .config-container input.flex-1 {
  flex: 1;
}
body .swal-overlay .config-container input.title {
  font-weight: 700;
  font-size: 24px;
  height: 42px;
  color: #EC7F21;
}
body .swal-overlay .config-container textarea {
  font-size: 16px;
  background-color: white;
  color: #666666;
  width: 100%;
}
body .swal-overlay .config-container textarea.prolog {
  height: 80px;
}
body .swal-overlay .config-container textarea.labels {
  height: 32px;
}
body .swal-overlay .config-container select {
  font-size: 14px;
  margin-right: 5px;
  height: 32px;
  background-color: white;
}
body .swal-overlay .config-container select.category {
  width: 200px;
}
body .swal-overlay .config-container select.url-type {
  width: 140px;
}
body .swal-overlay .config-container p.switch {
  margin-top: 10px;
}
body .swal-overlay .config-container .config-container-row {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
body .swal-overlay .config-container .config-container-row p.switch {
  margin-bottom: 0;
}
body .swal-overlay .config-container .config-container-row button {
  margin-top: 5px;
  padding: 5px 15px;
}
body .swal-overlay .config-container .config-container-row button.hidden {
  display: none;
  visibility: visible;
}
body.videocall {
  overflow: hidden;
}
body.videocall header ul li {
  z-index: 10000;
}
body.videocall .page {
  padding-top: 10px;
}
body.videocall .page .header {
  margin-top: 20px;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
body.videocall .page .header .container .wrapper .image-wrapper .image {
  background-image: url(/resources/image/page/videocall/header-main.jpg);
}
body.videocall .page .header .container .wrapper .content-wrapper {
  max-width: 1000px;
  min-width: 400px;
}
body.videocall .page .header .container .wrapper .content-wrapper h1 {
  margin-bottom: 10px;
  display: inline-block;
}
body.videocall .page .header .container .wrapper .content-wrapper p {
  margin-bottom: 10px;
  display: block;
}
body.videocall .page .header .container .wrapper .content-wrapper input {
  height: 36px;
}
body.videocall .page .header .container .wrapper .content-wrapper.hidden {
  visibility: visible;
  display: none;
}
body.videocall .page .header.unvisible {
  opacity: 0;
}
body.videocall .page .header.hidden {
  visibility: visible;
  display: none;
}
body.videocall .page .join-wrapper.hidden {
  visibility: visible;
  display: none;
}
body.videocall .page .error-wrapper.hidden {
  visibility: visible;
  display: none;
}
body.videocall .page .main-video-wrapper {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: opacity 0.5s, top 0.5s;
  -o-transition: opacity 0.5s, top 0.5s;
  transition: opacity 0.5s, top 0.5s;
  opacity: 1;
  top: 0;
  position: relative;
}
body.videocall .page .main-video-wrapper.unvisible {
  top: 50px;
  opacity: 0;
}
body.videocall .page .main-video-wrapper .video {
  position: relative;
  border: 1px solid #e5deda;
  border-radius: 4px;
  overflow: hidden;
  background-color: #f1edeb;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  z-index: 100;
}
body.videocall .page .main-video-wrapper .video .icon i {
  font-size: 80px;
  color: #e5deda;
}
body.videocall .page .main-video-wrapper .video .icon.hidden {
  visibility: visible;
  display: none;
}
body.videocall .page .main-video-wrapper .video video {
  width: 100%;
}
body.videocall .page .main-video-wrapper .toolbar {
  position: relative;
  top: 0;
  margin-top: 7px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  z-index: 101;
}
body.videocall .page .main-video-wrapper .toolbar a {
  font-family: 'nitti';
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #414141;
  margin-right: 30px;
  cursor: pointer;
  text-shadow: none;
}
body.videocall .page .main-video-wrapper .toolbar a:last-child {
  margin-right: 0;
}
body.videocall .page .main-video-wrapper .toolbar a:hover {
  color: #EC7F21;
}
body.videocall .page .main-video-wrapper .toolbar a.hidden {
  visibility: visible;
  display: none;
}
body.videocall .page .main-video-wrapper .toolbar.hidden {
  visibility: visible;
  display: none;
}
body.videocall .page .main-video-wrapper.hidden {
  visibility: visible;
  display: none;
}
body.videocall .page .right-panel {
  position: absolute;
  top: 45px;
  left: 0;
  width: 240px;
  z-index: 102;
}
body.videocall .page .right-panel .small-video-wrapper {
  border: 1px solid #e5deda;
  border-radius: 4px;
  overflow: hidden;
  background-color: #f1edeb;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08);
  width: 240px;
  height: 180px;
  margin-bottom: 20px;
  cursor: pointer;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
}
body.videocall .page .right-panel .small-video-wrapper video {
  height: 100%;
  cursor: pointer;
  border-radius: 4px;
}
body.videocall .page .right-panel .small-video-wrapper:hover {
  border: 1px solid #EC7F21;
  -webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
}
body.videocall .page .right-panel.hidden {
  visibility: visible;
  display: none;
}
body.videocall footer {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
}
body.videocall footer .container .wrapper {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
body.videocall footer .container .wrapper .left {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: center;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
}
body.videocall footer .container .wrapper .right {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: center;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
}
body.videocall footer.hidden {
  visibility: visible;
  display: none;
}
body.videocall.online .page {
  max-width: 100%;
  margin: 0 0;
}
body.videocall.large-screen header > ul {
  margin: 0 0;
  padding: 0 10px;
}
body.videocall.large-screen .page {
  margin: 0 0;
  max-width: 100%;
}
body.videocall.large-screen .page .main-video-wrapper .toolbar {
  top: -134px;
}
body.videocall.large-screen .page .main-video-wrapper .toolbar a {
  background-color: white;
  padding: 5px 15px;
  border-radius: 4px;
}
body.videocall.large-screen .page .right-panel {
  top: 20px;
}
body.videocall.large-screen footer {
  display: none;
}
body.landing-page .page {
  padding-top: 10px;
  max-width: 1010px;
  padding-left: 10px;
  padding-right: 10px;
}
body.landing-page .page .header {
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 20px;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
body.landing-page .page .header.hidden {
  visibility: visible;
  display: none;
}
body.landing-page .page .content {
  margin-bottom: 30px;
}
body.landing-page .page .content h3 {
  text-align: left;
}
body.landing-page .page .content ul {
  list-style-position: outside;
  margin-left: 10px;
}
body.landing-page .page .content ol {
  list-style-position: outside;
  margin-left: 30px;
}
body.landing-page .page .content ul li {
  text-align: left;
  color: #414141;
}
body.landing-page .page .content ul li::before {
  float: left;
}
body.landing-page .page .content ul.flex li {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}
body.landing-page .page .content ol li {
  text-align: left;
  color: #414141;
}
body.landing-page .page .content p {
  font-family: 'nitti';
  font-weight: 400;
  font-size: 16px;
  color: #414141;
  margin-bottom: 15px;
  text-align: left;
}
body.landing-page .page .content p a.statement,
body.landing-page .page .content p a.link {
  text-decoration: underline;
  font-weight: 700;
  cursor: pointer;
}
body.landing-page .page .content p a.statement:hover,
body.landing-page .page .content p a.link:hover {
  text-decoration: none;
  color: #EC7F21;
}
body.landing-page .page .content p.sub-title {
  color: #EC7F21;
  font-weight: 700;
  width: 100%;
  padding-bottom: 2px;
  border-bottom: 1px solid #EC7F21;
}
body.landing-page .page .content span.bold {
  font-weight: bold;
}
body.landing-page .page .content .form {
  width: 100%;
  border-radius: 4px;
  background-color: #f1edeb;
  padding: 20px;
  margin-top: 20px;
}
body.landing-page .page .content .form .form-row {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 15px;
}
body.landing-page .page .content .form .form-row .input-wrapper {
  flex: 1;
}
body.landing-page .page .content .form .form-row > label {
  width: 150px;
}
body.landing-page .page .content .form .form-row p.error {
  color: red;
  font-family: 'nitti';
  font-size: 15px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 3px;
}
body.landing-page .page .content .form .form-row p.error.hidden {
  display: none;
  visibility: visible;
}
body.landing-page .page .content .form .form-row input {
  flex: 1;
  height: 36px;
  background-color: #fff;
  width: 100%;
}
body.landing-page .page .content .form .form-row input.error {
  border: 1px solid red;
}
body.landing-page .page .content .form .form-row button {
  margin-top: 20px;
}
body.landing-page .page .content .form .form-row .statement-wrapper {
  flex: 1;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement {
  width: 100%;
  display: block;
  position: relative;
  padding-left: 38px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement span.text {
  display: inline-block;
  font-family: 'nitti';
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  margin-top: 6px;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement span.text a {
  text-decoration: underline;
  font-weight: 700;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement span.text a:hover {
  text-decoration: none;
  color: #EC7F21;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement div.statement-text p {
  font-family: 'nitti';
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #414141;
  margin-top: 6px;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement div.statement-text p a {
  text-decoration: underline;
  font-weight: 700;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement div.statement-text p a:hover {
  text-decoration: none;
  color: #EC7F21;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement div.statement-text ol {
  list-style-position: outside;
  margin-left: 30px;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement div.statement-text ol li,
body.landing-page .page .content .form .form-row .statement-wrapper label.statement div.statement-text ul li {
  font-family: 'nitti';
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #414141;
  margin-top: 6px;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement div.statement-text span.bold {
  font-weight: 700;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement div.statement-text span.italic {
  font-style: italic;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  border-radius: 4px;
  border: 1px solid #dadada;
  background-color: #fff;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement .checkmark.error {
  border: 1px solid red;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement:hover input ~ .checkmark {
  background-color: #f8f8f8;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement input:checked ~ .checkmark {
  background-color: #fff;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement:hover input:checked ~ .checkmark {
  background-color: #f8f8f8;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement input:disabled ~ .checkmark {
  opacity: 0.5;
  background-color: #f8f8f8;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement:hover input:disabled ~ .checkmark {
  opacity: 0.5;
  background-color: #f8f8f8;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement input:checked ~ .checkmark::after {
  display: block;
}
body.landing-page .page .content .form .form-row .statement-wrapper label.statement .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 9px;
  top: 2px;
  width: 11px;
  height: 19px;
  border: solid #EC7F21;
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.landing-page .page .content .form .form-row:last-child {
  margin-bottom: 0;
}
body.landing-page .page .content .form .drop-area {
  height: 140px;
}
body.landing-page .page .content .form .drop-area h3 {
  text-align: center;
}
body.landing-page .page .content .form .drop-area .btn {
  text-align: center;
}
body.landing-page .page .content .form .drop-area.hidden {
  visibility: visible;
  display: none;
}
body.landing-page .page .content .form .uploaded .upload-progress {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress {
  flex: 1;
  background-color: #f9f7f7;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .progress-bar {
  height: 30px;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .progress-bar.hidden {
  visibility: visible;
  display: none;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filetype {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  margin-right: 8px;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filetype::before {
  content: "\f004";
  font-family: "Font Awesome 5 Pro";
  display: none;
  color: white;
  font-size: 19px;
  position: relative;
  top: 2px;
  font-weight: 300;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filetype.ms-excel {
  background-image: url("/resources/image/form/filetype-excel-64.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #96B439;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filetype.ms-word {
  background-image: url("/resources/image/form/filetype-word-64.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #7CAAD6;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filetype.ms-powerpoint {
  background-image: url("/resources/image/form/filetype-powerpoint-128.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #dd4b39;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filetype.pdf {
  background-image: url("/resources/image/form/filetype-pdf-128.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #dd4b39;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filetype.audio {
  background-image: none;
  background-color: #33aeca;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filetype.audio::before {
  content: "\f028";
  display: block;
  left: 4px;
  top: 5px;
  font-size: 20px;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filetype.video {
  background-image: none;
  background-color: #33aeca;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filetype.video::before {
  content: "\f03d";
  display: block;
  left: 4px;
  top: 5px;
  font-size: 20px;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filetype.error {
  background-image: none;
  background-color: #dd4b39;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filetype.error::before {
  content: "\f071";
  display: block;
  left: 4px;
  top: 5px;
  font-size: 20px;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filetype.zip {
  background-image: none;
  background-color: #EC7F21;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filetype.zip::before {
  content: "\f1c6";
  display: block;
  left: 8px;
  top: 5px;
  font-size: 21px;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filetype.image {
  background-image: none;
  background-color: #EC7F21;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filetype.image::before {
  content: "\f03e";
  display: block;
  left: 4px;
  top: 3px;
  font-size: 22px;
  font-weight: 700;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filetype.file {
  background-image: none;
  background-color: #EC7F21;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filetype.file::before {
  content: "\f0c6";
  display: block;
  left: 6px;
  top: 6px;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filename {
  display: block;
  color: #414141;
  font-family: 'nitti';
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 10px;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file span.filesize {
  display: block;
  color: #414141;
  font-family: 'nitti';
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  padding-left: 7px;
  padding-top: 6px;
  height: 100%;
}
body.landing-page .page .content .form .uploaded .upload-progress .progress .file.hidden {
  visibility: visible;
  display: none;
}
body.landing-page .page .content .form .uploaded .upload-progress button.download {
  margin-left: 8px;
  height: 30px;
  width: 30px;
  padding: 6px 0px;
  text-align: center;
}
body.landing-page .page .content .form .uploaded .upload-progress button.download.hidden {
  visibility: visible;
  display: none;
}
body.landing-page .page .content .form .uploaded .upload-progress button.remove {
  margin-left: 8px;
  height: 30px;
  width: 30px;
  padding: 5px 0px;
  text-align: center;
}
body.landing-page .page .content .form .uploaded .upload-progress button.remove.hidden {
  visibility: visible;
  display: none;
}
body.landing-page .page .content .form .uploaded .upload-progress.hidden {
  visibility: visible;
  display: none;
}
body.landing-page .page .content .form .uploaded.hidden {
  visibility: visible;
  display: none;
}
body.landing-page .page .content .form .sended p {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: center;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  margin-bottom: 0;
}
body.landing-page .page .content .form .sended p i {
  font-size: 35px;
  display: block;
  margin-right: 10px;
  color: #96B439;
}
body.landing-page .page .content .form .sended p span {
  display: block;
}
body.landing-page .page .content .form .sended.hidden {
  visibility: visible;
  display: none;
}
body.landing-page .page .content.hidden {
  visibility: visible;
  display: none;
}
body.landing-page .page a.banner-link {
  font-family: 'nitti-heading';
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  display: inline-block;
  position: relative;
  padding: 0 0 0 10px;
  color: #414141;
  text-decoration: none;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
}
body.landing-page .page a.banner-link:before {
  position: absolute;
  top: -3px;
  left: -8px;
  font-size: 1.5em;
  line-height: 1;
  font-family: 'NN Icon Font';
  content: ">";
  color: #ea650d;
  font-weight: 400;
}
body.landing-page .page a.banner-link:hover {
  color: #ea650d;
}
body.landing-page .page .half-wrapper {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
body.landing-page .page .half-wrapper .half {
  flex: 1;
  padding: 0 10px;
}
body.landing-page .page .row {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
body.landing-page .page .row .col-auto,
body.landing-page .page .row .col,
body.landing-page .page .row .col-1,
body.landing-page .page .row .col-2,
body.landing-page .page .row .col-3,
body.landing-page .page .row .col-4,
body.landing-page .page .row .col-5,
body.landing-page .page .row .col-6,
body.landing-page .page .row .col-7,
body.landing-page .page .row .col-8,
body.landing-page .page .row .col-9,
body.landing-page .page .row .col-10,
body.landing-page .page .row .col-11,
body.landing-page .page .row .col-12,
body.landing-page .page .row .col-lg-auto,
body.landing-page .page .row .col-lg,
body.landing-page .page .row .col-lg-1,
body.landing-page .page .row .col-lg-2,
body.landing-page .page .row .col-lg-3,
body.landing-page .page .row .col-lg-4,
body.landing-page .page .row .col-lg-5,
body.landing-page .page .row .col-lg-6,
body.landing-page .page .row .col-lg-7,
body.landing-page .page .row .col-lg-8,
body.landing-page .page .row .col-lg-9,
body.landing-page .page .row .col-lg-10,
body.landing-page .page .row .col-lg-11,
body.landing-page .page .row .col-lg-12,
body.landing-page .page .row .col-md-auto,
body.landing-page .page .row .col-md,
body.landing-page .page .row .col-md-1,
body.landing-page .page .row .col-md-2,
body.landing-page .page .row .col-md-3,
body.landing-page .page .row .col-md-4,
body.landing-page .page .row .col-md-5,
body.landing-page .page .row .col-md-6,
body.landing-page .page .row .col-md-7,
body.landing-page .page .row .col-md-8,
body.landing-page .page .row .col-md-9,
body.landing-page .page .row .col-md-10,
body.landing-page .page .row .col-md-11,
body.landing-page .page .row .col-md-12,
body.landing-page .page .row .col-sm-auto,
body.landing-page .page .row .col-sm,
body.landing-page .page .row .col-sm-1,
body.landing-page .page .row .col-sm-2,
body.landing-page .page .row .col-sm-3,
body.landing-page .page .row .col-sm-4,
body.landing-page .page .row .col-sm-5,
body.landing-page .page .row .col-sm-6,
body.landing-page .page .row .col-sm-7,
body.landing-page .page .row .col-sm-8,
body.landing-page .page .row .col-sm-9,
body.landing-page .page .row .col-sm-10,
body.landing-page .page .row .col-sm-11,
body.landing-page .page .row .col-sm-12,
body.landing-page .page .row .col-xl-auto,
body.landing-page .page .row .col-xl,
body.landing-page .page .row .col-xl-1,
body.landing-page .page .row .col-xl-2,
body.landing-page .page .row .col-xl-3,
body.landing-page .page .row .col-xl-4,
body.landing-page .page .row .col-xl-5,
body.landing-page .page .row .col-xl-6,
body.landing-page .page .row .col-xl-7,
body.landing-page .page .row .col-xl-8,
body.landing-page .page .row .col-xl-9,
body.landing-page .page .row .col-xl-10,
body.landing-page .page .row .col-xl-11,
body.landing-page .page .row .col-xl-12 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
body.landing-page .page .row .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
body.landing-page .page .row .col.hidden {
  visibility: visible;
  display: none;
}
body.landing-page .page .row .col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
body.landing-page .page .row .col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
body.landing-page .page .row .col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
body.landing-page .page .row .col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
body.landing-page .page .row .col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
body.landing-page .page .row .col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
body.landing-page .page .row .col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
body.landing-page .page .row .col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
body.landing-page .page .row .col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
body.landing-page .page .row .col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
body.landing-page .page .row .col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
body.landing-page .page .row .col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
body.landing-page .page .row .col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
body.landing-page .page .row .col-1d5,
body.landing-page .page .row .col-1p5,
body.landing-page .page .row .col-20p {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
body.landing-page .page .row .col-1d10,
body.landing-page .page .row .col-1p10,
body.landing-page .page .row .col-10p {
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%;
}
body.landing-page footer {
  display: block;
}
body.landing-page footer .container .wrapper {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
body.landing-page footer .container .wrapper .left {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: center;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
}
body.landing-page footer .container .wrapper .right {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: center;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
}
body.landing-page footer.hidden {
  visibility: visible;
  display: none;
}
@media (max-width: 575px) {
  body.landing-page header {
    display: block;
  }
  body.landing-page > div.page {
    display: block;
  }
  body.landing-page > div.page .header {
    margin-left: -10px;
    margin-right: -10px;
  }
  body.landing-page > div.page .header .container .wrapper {
    height: 280px;
    position: relative;
  }
  body.landing-page > div.page .header .container .wrapper .image-wrapper .image {
    height: 280px;
  }
  body.landing-page > div.page .header .container .wrapper .content-wrapper {
    max-width: 90%;
    margin-left: 10px;
    padding: 20px 30px 20px 20px;
    position: absolute;
    bottom: 10px;
  }
  body.landing-page > div.page .header .container .wrapper .content-wrapper h1 {
    font-size: 27px;
  }
  body.landing-page > div.page .content .form {
    padding: 10px;
  }
  body.landing-page > div.page .content .form .form-row {
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: flex-start;
    -webkit-align-items: flex-start;
  }
  body.landing-page > div.page .content .form .form-row label {
    margin-bottom: 5px;
  }
  body.landing-page > div.page .content .form .form-row input {
    flex: auto;
    width: 100%;
  }
  body.landing-page > div.page .content .form .form-row[data-id='accept'] {
    align-items: center;
    -webkit-align-items: center;
  }
  body.landing-page > div.page .content .form .drop-area {
    height: auto;
    border: none;
    padding: 0;
  }
  body.landing-page > div.page .content .form .drop-area h2 {
    display: none;
  }
  body.landing-page > div.page .content .form .drop-area h3 {
    display: none;
  }
  body.landing-page > div.page .content .form .uploaded .button-wrapper {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  body.landing-page > div.mobil-temp {
    display: none;
  }
  body.landing-page footer {
    display: block;
  }
  body.landing-page .swal-overlay:before {
    vertical-align: top;
  }
}
@media (max-width: 780px) {
  body.landing-page .page .row .col-1 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  body.landing-page .page .row .col-2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  body.landing-page .page .row .col-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  body.landing-page .page .row .col-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  body.landing-page .page .row .col-5 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  body.landing-page .page .row .col-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  body.landing-page .page .row .col-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  body.landing-page .page .row .col-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  body.landing-page .page .row .col-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  body.landing-page .page .row .col-10 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  body.landing-page .page .row .col-11 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  body.landing-page .page .row .col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  body.landing-page .page .row .col-1d5,
  body.landing-page .page .row .col-1p5,
  body.landing-page .page .row .col-20p {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  body.landing-page .page .row .col-1d10,
  body.landing-page .page .row .col-1p10,
  body.landing-page .page .row .col-10p {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.recruitment .page .header .container .wrapper .image-wrapper .image {
  background-image: url(/resources/image/page/recruitment/header-1.jpg);
}
body.recruitment .page .content .form .form-row[data-id='privacy1'],
body.recruitment .page .content .form .form-row[data-id='ecom'] {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
body.recruitment .page .content .form .form-row[data-id='privacy1'] > label,
body.recruitment .page .content .form .form-row[data-id='ecom'] > label {
  margin-top: 9px;
}
body.recruitment .page .content .form .uploaded #send-cv,
body.recruitment .page .content .form .uploaded #retry-cv,
body.recruitment .page .content .form .uploaded #send-diploma,
body.recruitment .page .content .form .uploaded #retry-diploma {
  margin-top: 20px;
}
body.recruitment .page .content .form .uploaded #send-cv.hidden,
body.recruitment .page .content .form .uploaded #retry-cv.hidden,
body.recruitment .page .content .form .uploaded #send-diploma.hidden,
body.recruitment .page .content .form .uploaded #retry-diploma.hidden {
  visibility: visible;
  display: none;
}
body.recruitment .page .content[data-id="te-szamitasz"] .banner {
  width: 100%;
  height: 200px;
  background-image: url(/resources/image/page/recruitment/te_szamitasz_pros_bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 4px;
  margin-bottom: 10px;
  cursor: pointer;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: center;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
}
body.recruitment .page .content[data-id="te-szamitasz"] .banner .text {
  position: relative;
  padding: 10px 20px 10px 30px;
  border-radius: 4px;
  top: 66px;
  left: -20px;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
}
body.recruitment .page .content[data-id="te-szamitasz"] .banner .text h3 {
  padding-bottom: 0;
}
body.recruitment .page .content[data-id="te-szamitasz"] .banner:hover .text {
  left: -15px;
}
body.recruitment .page .content[data-id="te-szamitasz"] .banner:hover + .link a.banner-link {
  color: #ea650d;
}
body.recruitment .page .content[data-id="te-szamitasz"] .link {
  margin-left: 20px;
}
body.recruitment .page .content[data-id="motivation-elements"] .banner {
  width: 100%;
  height: 200px;
  border-radius: 4px;
  margin-bottom: 10px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: center;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
}
body.recruitment .page .content[data-id="motivation-elements"] .banner .bg {
  position: absolute;
  width: 100%;
  height: 200px;
  background-image: url(/resources/image/page/motivational_elements/header-main.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
body.recruitment .page .content[data-id="motivation-elements"] .banner .text {
  position: relative;
  padding: 10px 20px 10px 20px;
  border-radius: 4px;
  top: 29px;
  left: 20px;
  background-color: rgba(255, 255, 255, 0.95);
}
body.recruitment .page .content[data-id="motivation-elements"] .banner .text h2 {
  padding-bottom: 10px;
}
body.recruitment .page .content[data-id="motivation-elements"] .banner .text p {
  color: #414141;
  font-family: 'nitti';
  font-size: 15px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 3px;
}
body.recruitment .page .content[data-id="motivation-elements"] .banner:hover .bg {
  transform: scale(1.04);
}
body.recruitment .page .content[data-id="motivation-elements"] .banner:hover + .link a.banner-link {
  color: #ea650d;
}
body.recruitment .page .content[data-id="motivation-elements"] .link {
  margin-left: 20px;
}
body.recruitment .page .content[data-id="aktivitasi-bonusz"] .banner {
  width: 100%;
  height: 200px;
  border-radius: 4px;
  margin-bottom: 10px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background-image: url(/resources/image/page/recruitment/aktivitasi_bonusz_bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: center;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
}
body.recruitment .page .content[data-id="aktivitasi-bonusz"] .banner .text {
  position: relative;
  padding: 10px 20px 10px 30px;
  border-radius: 4px;
  top: 66px;
  left: -20px;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
}
body.recruitment .page .content[data-id="aktivitasi-bonusz"] .banner .text h3 {
  padding-bottom: 0;
}
body.recruitment .page .content[data-id="aktivitasi-bonusz"] .banner:hover .text {
  left: -15px;
}
body.recruitment .page .content[data-id="aktivitasi-bonusz"] .banner:hover + .link a.banner-link {
  color: #ea650d;
}
body.recruitment .page .content[data-id="aktivitasi-bonusz"] .link {
  margin-left: 20px;
}
body.recruitment .page .content[data-id="toborzasi-folyamat"] .banner {
  width: 100%;
  height: 200px;
  border-radius: 4px;
  margin-bottom: 10px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background-image: url(/resources/image/page/recruitment/toborzasi_folyamat.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: center;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
}
body.recruitment .page .content[data-id="toborzasi-folyamat"] .banner .text {
  position: relative;
  padding: 10px 20px 10px 30px;
  border-radius: 4px;
  top: 66px;
  left: -20px;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
}
body.recruitment .page .content[data-id="toborzasi-folyamat"] .banner .text h3 {
  padding-bottom: 0;
}
body.recruitment .page .content[data-id="toborzasi-folyamat"] .banner:hover .text {
  left: -15px;
}
body.recruitment .page .content[data-id="toborzasi-folyamat"] .banner:hover + .link a.banner-link {
  color: #ea650d;
}
body.recruitment .page .content[data-id="toborzasi-folyamat"] .link {
  margin-left: 20px;
}
body.recruitment .page .content[data-id="other-content"] p {
  margin-left: 15px;
}
body.recruitment .page .content[data-id="onboarding"] h3 {
  margin-top: 20px;
}
body.recruitment .page .content[data-id="onboarding"] h3:first-of-type {
  margin-top: 0;
}
body.recruitment .page .content[data-id="onboarding"] .block {
  width: 100%;
  border-radius: 4px;
  background-color: #f1edeb;
  padding: 20px 20px 10px 20px;
}
body.recruitment .page .content[data-id="onboarding"] .todo-item {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: stretch;
  -webkit-justify-content: flex-start;
  -webkit-align-items: stretch;
  margin-bottom: 10px;
}
body.recruitment .page .content[data-id="onboarding"] .todo-item label.checkbox {
  width: 30px;
  height: 30px;
  display: block;
  position: relative;
  padding-left: 38px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.recruitment .page .content[data-id="onboarding"] .todo-item label.checkbox.hidden {
  opacity: 0;
  visibility: hidden;
  display: block;
  pointer-events: none;
}
body.recruitment .page .content[data-id="onboarding"] .todo-item label.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 1px;
  width: 1px;
  top: 0;
  left: 0;
}
body.recruitment .page .content[data-id="onboarding"] .todo-item label.checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  border-radius: 4px;
  border: 1px solid #dadada;
  background-color: #fff;
}
body.recruitment .page .content[data-id="onboarding"] .todo-item label.checkbox .checkmark.error {
  border: 1px solid red;
}
body.recruitment .page .content[data-id="onboarding"] .todo-item label.checkbox:hover input ~ .checkmark {
  background-color: #f8f8f8;
}
body.recruitment .page .content[data-id="onboarding"] .todo-item label.checkbox input:checked ~ .checkmark {
  background-color: #fff;
}
body.recruitment .page .content[data-id="onboarding"] .todo-item label.checkbox:hover input:checked ~ .checkmark {
  background-color: #f8f8f8;
}
body.recruitment .page .content[data-id="onboarding"] .todo-item label.checkbox input:disabled ~ .checkmark {
  cursor: default;
  border: 1px solid #eaeaea;
  background-color: #F8F4F2;
}
body.recruitment .page .content[data-id="onboarding"] .todo-item label.checkbox:hover input:disabled ~ .checkmark {
  cursor: default;
  background-color: #F8F4F2;
}
body.recruitment .page .content[data-id="onboarding"] .todo-item label.checkbox input:checked ~ .checkmark::after {
  display: block;
}
body.recruitment .page .content[data-id="onboarding"] .todo-item label.checkbox .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 9px;
  top: 2px;
  width: 11px;
  height: 19px;
  border: solid #EC7F21;
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.recruitment .page .content[data-id="onboarding"] .todo-item label.checkbox.green .checkmark::after {
  border: solid #96B439;
  border-width: 0 4px 4px 0;
}
body.recruitment .page .content[data-id="onboarding"] .todo-item label.checkbox.loading {
  cursor: default;
  pointer-events: none;
}
body.recruitment .page .content[data-id="onboarding"] .todo-item label.checkbox.loading .checkmark::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f110";
  font-weight: 700;
  border: none;
  width: 25px;
  height: 25px;
  font-size: 20px;
  transform: rotate(0deg);
  display: block;
  top: 2px;
  left: 4.5px;
  color: #999;
  -webkit-animation: fa-spin 2s linear infinite;
  animation: fa-spin 2s linear infinite;
  transform-origin: 10px 12px;
}
body.recruitment .page .content[data-id="onboarding"] .todo-item > div.text {
  flex: 1;
  margin-left: 5px;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
}
body.recruitment .page .content[data-id="onboarding"] .todo-item > div.text p.action {
  margin-bottom: 0;
  width: 100%;
  cursor: pointer;
}
body.recruitment .page .content[data-id="onboarding"] .todo-detail {
  background-color: #F8F4F2;
  border-radius: 4px;
  padding: 10px;
  margin-left: 43px;
  margin-bottom: 15px;
}
body.recruitment .page .content[data-id="onboarding"] .todo-detail.hidden {
  display: none;
}
body.recruitment .page .content[data-id="onboarding"] .todo-detail:last-of-type {
  margin-bottom: 10px;
}
body.recruitment .page .content[data-id="onboarding"] .todo-detail .wrapper {
  margin: 8px;
}
body.recruitment .page .content[data-id="onboarding"] .todo-detail .wrapper .form-row {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  margin: 0;
}
body.recruitment .page .content[data-id="onboarding"] .todo-detail .wrapper .form-row .field {
  width: 192px;
  padding: 8px 15px 8px 0;
  border-right: 1px solid #EC7F21;
}
body.recruitment .page .content[data-id="onboarding"] .todo-detail .wrapper .form-row .field p {
  font-family: 'nitti';
  font-size: 15px;
  font-weight: 100;
  color: #666;
  text-align: right;
  padding: 0;
  margin-bottom: 0;
}
body.recruitment .page .content[data-id="onboarding"] .todo-detail .wrapper .form-row .value {
  flex: 1;
  padding: 8px 0 8px 15px;
  border-left: 1px solid #EC7F21;
  position: relative;
  left: -1px;
}
body.recruitment .page .content[data-id="onboarding"] .todo-detail .wrapper .form-row .value p {
  font-family: 'nitti';
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #666;
  padding: 0;
  margin-bottom: 0;
}
body.recruitment .page .content[data-id="onboarding"] .todo-detail .wrapper .form-row .value p span.italic {
  font-style: italic;
}
body.recruitment .page .content[data-id="onboarding"] .todo-detail .wrapper .form-row.hidden {
  visibility: visible;
  display: none;
}
body.recruitment .page .content.hidden {
  visibility: visible;
  display: none;
}
body.recruitment .recruitment-statement-container .content {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.recruitment .recruitment-statement-container .content h2,
body.recruitment .recruitment-statement-container .content h3 {
  text-align: left;
}
body.recruitment .recruitment-statement-container .content ul.flex li {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}
body.recruitment .recruitment-statement-container .content ul li {
  font-family: 'nitti';
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  text-align: left;
  margin-bottom: 10px;
}
body.recruitment .recruitment-statement-container .content ul {
  margin-left: 10px;
}
body.recruitment .recruitment-statement-container .content ul,
body.recruitment .recruitment-statement-container .content ol {
  list-style-position: outside;
}
body.recruitment .recruitment-statement-container .content ol li {
  font-family: 'nitti';
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  text-align: left;
  margin-bottom: 10px;
}
body.recruitment .recruitment-statement-container .content a.statement,
body.recruitment .recruitment-statement-container .content a.link {
  text-decoration: underline;
  font-weight: 700;
  cursor: pointer;
}
body.recruitment .recruitment-statement-container .content a.statement:hover,
body.recruitment .recruitment-statement-container .content a.link:hover {
  text-decoration: none;
  color: #EC7F21;
}
body.recruitment .recruitment-statement-container .content p {
  font-family: 'nitti';
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  text-align: left;
  margin-bottom: 20px;
}
body.recruitment .recruitment-statement-container .content p.main-title {
  color: #EC7F21;
  font-weight: 700;
  width: 100%;
  margin-bottom: 15px;
  font-size: 18px;
}
body.recruitment .recruitment-statement-container .content p.sub-title {
  color: #EC7F21;
  font-weight: 700;
  width: 100%;
  padding-bottom: 2px;
  border-bottom: 1px solid #EC7F21;
}
body.recruitment .recruitment-statement-container .content span.bold {
  font-weight: 700;
}
body.recruitment .recruitment-statement-container .content span.italic {
  font-style: italic;
}
body.recruitment .recruitment-statement-container .content span.fix-100 {
  display: inline-block;
  width: 100px;
}
body.recruitment .recruitment-statement-container .content.hidden {
  visibility: visible;
  display: none;
}
body.recruitment .recruitment-statement-container .content table {
  border-collapse: collapse;
  margin-bottom: 20px;
}
body.recruitment .recruitment-statement-container .content table tr td {
  vertical-align: top;
  font-family: 'nitti';
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  text-align: left;
  padding-bottom: 7px;
}
body.recruitment .recruitment-statement-container .content table.lined tr td {
  border-bottom: 1px solid #e9e9e9;
  padding-top: 7px;
}
body.recruitment .recruitment-statement-container .content table.lined tr:last-child td {
  border-bottom: none;
}
@media (max-width: 575px) {
  body.recruitment > div.page .content .form .form-row[data-id='accept-1'] {
    align-items: center;
    -webkit-align-items: center;
  }
  body.recruitment > div.page .content .form .form-row[data-id='accept-2'] {
    align-items: center;
    -webkit-align-items: center;
  }
  body.recruitment > div.page .content[data-id="onboarding"] .todo-detail .wrapper .form-row {
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    margin-bottom: 5px;
  }
  body.recruitment > div.page .content[data-id="onboarding"] .todo-detail .wrapper .form-row:last-child {
    margin-bottom: 0;
  }
  body.recruitment > div.page .content[data-id="onboarding"] .todo-detail .wrapper .form-row .field {
    border: none;
    width: auto;
    padding: 0;
  }
  body.recruitment > div.page .content[data-id="onboarding"] .todo-detail .wrapper .form-row .field p {
    font-size: 14px;
  }
  body.recruitment > div.page .content[data-id="onboarding"] .todo-detail .wrapper .form-row .value {
    border: none;
    flex: auto;
    width: auto;
    padding: 0;
  }
  body.recruitment > div.page .half-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
}
body.onboarding-journey {
  background-color: #f8f8f8;
}
body.onboarding-journey header {
  background-color: white;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
}
body.onboarding-journey > .page {
  padding-top: 0;
}
body.onboarding-journey .page-title[data-id='onboarding-title-row'] {
  padding: 7px;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0px;
  z-index: 1100;
  background-color: white;
}
body.onboarding-journey .page-title[data-id='onboarding-title-row'] .wrapper {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
}
body.onboarding-journey .page-title[data-id='onboarding-title-row'] .wrapper .title {
  flex: 1;
  margin-left: 30px;
}
body.onboarding-journey .page-title[data-id='onboarding-title-row'] .wrapper .title h1 {
  padding-bottom: 0;
  margin-left: 20px;
}
body.onboarding-journey .row[data-id='onboarding-tab-row'] {
  margin-top: 10px;
}
body.onboarding-journey .row[data-id='onboarding-tab-row'] .card {
  margin-bottom: 15px;
}
body.onboarding-journey .button-switch {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
}
body.onboarding-journey .button-switch a {
  display: block;
  padding: 10px 30px;
  font-family: 'nitti';
  font-weight: 400;
  color: #666666;
  font-size: 16px;
  text-align: center;
  background: none;
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
  position: relative;
  margin-left: 15px;
}
body.onboarding-journey .button-switch a.active {
  color: #EC7F21;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 30px;
  background-color: white;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
body.onboarding-journey .button-switch a.active::before {
  content: " ";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: -8px;
  left: 30px;
  background-color: white;
  border-right: 1px solid rgba(0, 0, 0, 0.125);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
body.onboarding-journey .button-switch a:hover {
  color: #EC7F21;
}
body.onboarding-journey .button-switch a:first-child {
  margin-left: 0px;
}
body.onboarding-journey .button-switch.nn-bb {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: flex-end;
  -webkit-justify-content: flex-start;
  -webkit-align-items: flex-end;
  border-bottom: 1px solid #d1d1d1;
  margin: 0 15px;
  border-radius: 0px;
}
body.onboarding-journey .button-switch.nn-bb a {
  display: block;
  padding: 10px 15px;
  font-family: 'nitti';
  font-weight: 100;
  color: #666666;
  font-size: 16px;
  text-align: center;
  background: none;
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-transition: color 0.25s, opacity 0.5s;
  -o-transition: color 0.25s opacity 0.5s;
  transition: color 0.25s opacity 0.5s;
  margin-left: 0px;
  border-bottom: 1px solid #d1d1d1;
  position: relative;
  top: 1px;
  border-radius: 0px;
  opacity: 1;
}
body.onboarding-journey .button-switch.nn-bb a.search {
  position: relative;
  z-index: 100;
}
body.onboarding-journey .button-switch.nn-bb a.active {
  color: #E86523;
  border-radius: 0px;
  background-color: transparent;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #E86523;
}
body.onboarding-journey .button-switch.nn-bb a.active::before {
  content: " ";
  display: none;
}
body.onboarding-journey .button-switch.nn-bb a:hover {
  color: #EC7F21;
}
body.onboarding-journey .button-switch.nn-bb a:hover.active {
  color: #E86523;
}
body.onboarding-journey .button-switch.nn-bb a:first-child {
  margin-left: 0px;
}
body.onboarding-journey .button-switch.nn-bb input.search-text {
  display: none;
  background: none;
  border: none;
  border-bottom: 1px solid #EC7F21;
  font-family: 'nitti';
  font-weight: 400;
  color: #666666;
  font-size: 16px;
  position: absolute;
  width: 0;
  padding: 11px 0px;
  margin: 0;
  border-radius: 0;
  opacity: 1;
}
body.onboarding-journey .button-switch.nn-bb.search-anim a:not(.search) {
  opacity: 0;
  pointer-events: none;
  cursor: default;
}
body.onboarding-journey .button-switch.nn-bb.search-anim input.search-text {
  display: inline-block;
  top: 1px;
}
body.onboarding-journey .button-switch.nn-bb.search-anim2 a:not(.search) {
  pointer-events: none;
  cursor: default;
}
body.onboarding-journey .button-switch.nn-bb.search-anim2 a {
  opacity: 1;
}
body.onboarding-journey .button-switch.nn-bb.search-anim2 input.search-text {
  display: inline-block;
  top: 1px;
}
body.onboarding-journey .button-switch.nn-bb.search a:not(.search) {
  opacity: 0;
  pointer-events: none;
  cursor: default;
  display: none;
}
body.onboarding-journey .button-switch.nn-bb.search a.search {
  position: absolute;
  top: 1px;
  border-bottom: none;
}
body.onboarding-journey .button-switch.nn-bb.search input.search-text {
  display: inline-block;
  position: relative;
  left: 0;
  top: 1px;
  width: 100%;
}
body.onboarding-journey .card {
  position: relative;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  margin-bottom: 30px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}
body.onboarding-journey .card .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 20px;
  min-height: 1px;
}
body.onboarding-journey .card.no-style {
  border: none;
  background: none;
  background-color: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body.onboarding-journey div.onboarding-page {
  position: relative;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
}
body.onboarding-journey div.onboarding-page > .row {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  flex-wrap: wrap;
}
body.onboarding-journey div.onboarding-page > .row.mw-1000 {
  max-width: 1000px;
}
body.onboarding-journey div.onboarding-page > .row .col {
  max-width: 100%;
}
body.onboarding-journey div.onboarding-page > .row .col-12 {
  flex: 0 0 100%;
}
body.onboarding-journey div.onboarding-page > .row.hidden {
  visibility: visible;
  display: none;
}
body.onboarding-journey div.onboarding-page > .row > .loading {
  width: 100%;
  margin-top: 60px;
}
body.onboarding-journey div.onboarding-page > .row > .there-is-nothing {
  width: 100%;
  font-family: 'nitti';
  color: #666666;
  font-size: 30px;
  font-weight: 100;
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: center;
}
body.onboarding-journey div.onboarding-page > .row > .there-is-nothing.hidden {
  display: none;
  visibility: visible;
}
body.onboarding-journey div.onboarding-page > .row.progress {
  position: fixed;
  top: 74px;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #f1f1f1;
  z-index: 100;
}
body.onboarding-journey div.onboarding-page > .row.progress .col {
  margin: 0 auto;
  max-width: 1200px;
}
body.onboarding-journey div.onboarding-page > .row.progress .col .card {
  margin-bottom: 0;
}
body.onboarding-journey div.onboarding-page > .row.progress .col .card .card-body {
  padding: 2px 0px 5px 0px;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
}
body.onboarding-journey div.onboarding-page > .row.progress .col .card .card-body .period .single-chart {
  width: 30px;
  height: 26px;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
body.onboarding-journey div.onboarding-page > .row.progress .col .card .card-body .period .single-chart .circular-chart {
  display: block;
  margin: 4px auto;
  max-width: 80%;
  max-height: 250px;
}
body.onboarding-journey div.onboarding-page > .row.progress .col .card .card-body .period .single-chart .circular-chart.orange .circle {
  stroke: #EC7F21;
}
body.onboarding-journey div.onboarding-page > .row.progress .col .card .card-body .period .single-chart .circular-chart.red-orange .circle {
  stroke: #E86523;
}
body.onboarding-journey div.onboarding-page > .row.progress .col .card .card-body .period .single-chart .circular-chart.red .circle {
  stroke: #E34524;
}
body.onboarding-journey div.onboarding-page > .row.progress .col .card .card-body .period .single-chart .circular-chart.green .circle {
  stroke: #96B439;
}
body.onboarding-journey div.onboarding-page > .row.progress .col .card .card-body .period .single-chart svg {
  cursor: pointer;
  transform: scale(1);
}
body.onboarding-journey div.onboarding-page > .row.progress .col .card .card-body .period .single-chart svg:hover {
  transform: scale(1.1);
}
body.onboarding-journey div.onboarding-page > .row.progress .col .card .card-body .period .single-chart .circle-bg {
  fill: none;
  stroke: #e1e1e1;
  stroke-width: 3.8;
}
body.onboarding-journey div.onboarding-page > .row.progress .col .card .card-body .period .single-chart .circle {
  stroke: #EC7F21;
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
}
body.onboarding-journey div.onboarding-page > .row.progress .col .card .card-body .period .single-chart .circle.hidden {
  display: none;
}
body.onboarding-journey div.onboarding-page > .row.progress .col .card .card-body .period .single-chart .percentage {
  fill: #666;
  font-family: 'nitti-heading';
  font-size: 19px;
  text-anchor: middle;
}
body.onboarding-journey div.onboarding-page > .row.progress .col .card .card-body .period .single-chart .percentage tspan {
  font-size: 7px;
}
@keyframes nnbl-csucsforma-circle-chart-progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
body.onboarding-journey div.onboarding-page > .row.tab {
  margin: 0;
  position: fixed;
  top: 111px;
  padding-top: 5px;
  z-index: 100;
  background-color: #f8f8f8;
}
body.onboarding-journey div.onboarding-page > .row.tab .card {
  margin-bottom: 5px;
}
body.onboarding-journey div.onboarding-page > .row.checklist {
  margin-top: 170px;
  z-index: 99;
  opacity: 1;
}
body.onboarding-journey div.onboarding-page > .row.checklist.transparent {
  opacity: 0;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card {
  margin-bottom: 15px;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.no-style.title .card-body {
  padding: 0;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.no-style.title .card-body p {
  padding: 0 0 20px 25px;
  font-family: 'nitti';
  font-size: 22px;
  font-weight: 100;
  margin-bottom: 0;
  padding-bottom: 0;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.no-style.title .card-body p span.light {
  font-size: 20px;
  color: #888;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block {
  margin-bottom: 20px;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body {
  padding: 0;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > div:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > div:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task {
  border-bottom: 1px solid #eee;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task:last-child {
  border-bottom: none;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task.even {
  background-color: #fafafa;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main {
  padding: 8px;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: stretch;
  -webkit-justify-content: flex-start;
  -webkit-align-items: stretch;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main label.checkbox {
  width: 30px;
  height: 30px;
  display: block;
  position: relative;
  padding-left: 38px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main label.checkbox.hidden {
  opacity: 0;
  visibility: hidden;
  display: block;
  pointer-events: none;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main label.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 1px;
  width: 1px;
  top: 0;
  left: 0;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main label.checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  border-radius: 4px;
  border: 1px solid #dadada;
  background-color: #fff;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main label.checkbox .checkmark.error {
  border: 1px solid red;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main label.checkbox:hover input ~ .checkmark {
  background-color: #f8f8f8;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main label.checkbox input:checked ~ .checkmark {
  background-color: #fff;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main label.checkbox:hover input:checked ~ .checkmark {
  background-color: #f8f8f8;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main label.checkbox input:disabled ~ .checkmark {
  cursor: default;
  border: 1px solid #eaeaea;
  background-color: #fff;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main label.checkbox:hover input:disabled ~ .checkmark {
  cursor: default;
  background-color: #fff;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main label.checkbox input:checked ~ .checkmark::after {
  display: block;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main label.checkbox .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 9px;
  top: 2px;
  width: 11px;
  height: 19px;
  border: solid #EC7F21;
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main label.checkbox.green .checkmark::after {
  border: solid #96B439;
  border-width: 0 4px 4px 0;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main label.checkbox.loading {
  cursor: default;
  pointer-events: none;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main label.checkbox.loading .checkmark::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f110";
  font-weight: 700;
  border: none;
  width: 25px;
  height: 25px;
  font-size: 20px;
  transform: rotate(0deg);
  display: block;
  top: 2px;
  left: 4.5px;
  color: #999;
  -webkit-animation: fa-spin 2s linear infinite;
  animation: fa-spin 2s linear infinite;
  transform-origin: 10px 12px;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main > div.text {
  flex: 1;
  margin-left: 5px;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main > div.text p.action {
  margin-bottom: 0;
  width: 100%;
  cursor: pointer;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main > div.toolbar {
  margin-left: 10px;
  opacity: 0.2;
  transition: opacity 0.5s;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main > div.toolbar button {
  height: 31px;
  width: 31px;
  padding: 0;
  text-align: center;
  margin-left: 3px;
  border: 1px solid #dadada;
  color: #9d9d9d;
  cursor: pointer;
  pointer-events: none;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main > div.toolbar button:hover {
  border: 1px solid #EC7F21;
  color: #EC7F21;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.main > div.toolbar button.hidden {
  display: none;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.ext {
  padding: 0;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
  border-top: 1px solid #eee;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.ext > div.wrapper {
  margin: 8px;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.ext > div.wrapper .form-row {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  margin: 0;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.ext > div.wrapper .form-row .field {
  width: 220px;
  padding: 8px 15px 8px 0;
  border-right: 1px solid #EC7F21;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.ext > div.wrapper .form-row .field p {
  font-family: 'nitti';
  font-size: 15px;
  font-weight: 100;
  color: #666;
  text-align: right;
  padding: 0;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.ext > div.wrapper .form-row .value {
  flex: 1;
  padding: 8px 0 8px 15px;
  border-left: 1px solid #EC7F21;
  position: relative;
  left: -1px;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.ext > div.wrapper .form-row .value p {
  font-family: 'nitti';
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #666;
  padding: 0;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.ext > div.wrapper .form-row .value p span.italic {
  font-style: italic;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.ext > div.wrapper .form-row.hidden {
  visibility: visible;
  display: none;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task > div.ext.with-transition {
  transition: opacity 0.5s, height 0.5s;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task.opened > div.ext {
  opacity: 1;
  pointer-events: auto;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task:hover > div.main > div.toolbar {
  opacity: 1;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .task:hover > div.main > div.toolbar button {
  pointer-events: auto;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .topic {
  padding: 4px;
  background-color: #999999;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .topic[data-id='1'] {
  background-color: #7CAAD6;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .topic[data-id='2'] {
  background-color: #efa25f;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .topic[data-id='3'] {
  background-color: #9C91C6;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .topic[data-id='4'] {
  background-color: #96B439;
}
body.onboarding-journey div.onboarding-page > .row.checklist .card.block .card-body > .topic p {
  font-family: 'nitti';
  font-family: 18px;
  font-weight: 700;
  color: white;
  padding-left: 10px;
  margin-bottom: 0;
}
body.onboarding-journey div.onboarding-page > .row.calendar {
  margin-top: 187px;
  z-index: 99;
}
body.onboarding-journey div.onboarding-page > .row.empty {
  margin-top: 220px;
}
body.onboarding-journey div.onboarding-page > .row.empty p {
  font-family: 'nitti';
  font-size: 26px;
  font-weight: 100;
  color: #666;
  text-align: center;
}
@media (max-width: 575px) {
  .row[data-id='onboarding-tab-row'] .col .card .button-switch.nn-bb {
    display: flex;
  }
}
body.aga .page .header .container .wrapper .image-wrapper .image {
  background-image: url(/resources/image/page/aga/header-2.jpg);
}
body.aga .page .content .hidden {
  visibility: visible;
  display: none;
}
body.aga .page .content select.highest-level-of-education {
  margin-bottom: 20px;
}
body.aga .page .content .form .form-row[data-id="birthdate"] p.input {
  margin-bottom: 0;
  position: relative;
  display: inline;
}
body.aga .page .content .form .form-row[data-id="birthdate"] p.input input {
  width: 160px;
}
body.aga .page .content .form .form-row[data-id="birthdate"] p.input::before {
  content: "\f073";
  font-family: "Font Awesome 5 Pro";
  display: block;
  color: #EC7F21;
  font-size: 19px;
  position: absolute;
  right: 8px;
  top: -3px;
  font-weight: 300;
  z-index: 100;
}
body.aga .page .content .form .form-row[data-id="prefix"] select {
  width: 120px;
}
body.aga .page .content .form .form-row[data-id="zipcode"] input {
  width: 120px;
}
body.aga .page .content .form .form-row[data-id="phone"] p.input {
  margin-bottom: 0;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
}
body.aga .page .content .form .form-row[data-id="phone"] p.input span.prefix {
  font-weight: bold;
  display: block;
  width: 30px;
  margin-right: 10px;
}
body.aga .page .content .form .form-row[data-id="phone"] p.input span.input {
  flex: 1;
  display: block;
}
@media (max-width: 575px) {
  body.landing-page > div.page .header .container .wrapper {
    height: 220px;
  }
  body.landing-page > div.page .header .container .wrapper .image-wrapper .image {
    height: 220px;
  }
  body.landing-page > div.page .header .container .wrapper .content-wrapper {
    padding: 12px 20px 12px 20px;
  }
  body.landing-page > div.page .header .container .wrapper .content-wrapper h1 {
    font-size: 23px;
  }
  body.landing-page > div.page .content .form .form-row {
    align-items: stretch;
    -webkit-align-items: stretch;
  }
  body.landing-page > div.page .content .form .form-row input,
  body.landing-page > div.page .content .form .form-row select {
    height: 40px;
    width: 100% !important;
  }
}
body {
  margin: 0;
  padding: 0;
  font-family: 'nitti-heading', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.25;
  color: #414141;
  overflow-x: hidden;
}
body #hide-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 2000px;
  background-color: white;
  z-index: 2000000;
  display: block;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  visibility: visible;
  pointer-events: none;
}
body #hide-screen.hidden {
  display: block;
  visibility: visible;
  opacity: 0;
}
body h1 {
  font-family: 'nitti-heading';
  font-weight: 400;
  font-size: 35px;
  padding-bottom: 20px;
  color: #EC7F21;
  display: inline;
}
body h1 > span {
  margin-right: 0;
  display: inline;
}
body h1 > span.c-light {
  color: #EC7F21;
  background-image: none;
}
body h1 > span.c-medium {
  color: #E86523;
  background-image: none;
}
body header > ul {
  height: 85px;
  max-width: 990px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 auto;
  padding: 0 30px;
}
body header > ul li {
  display: list-item;
  text-align: -webkit-match-parent;
  position: static;
}
body header > ul li.logo {
  padding: 0;
}
body header > ul li.logo a {
  text-decoration: none;
  cursor: pointer;
  display: block;
  height: 55px;
}
body header > ul li.logo a img {
  height: 55px;
}
body header > ul li.menu {
  flex-grow: 1;
  white-space: nowrap;
}
body header > ul li.menu > ul {
  height: 85px;
  display: inline-flex;
  padding: 0 15px 0 45px;
  align-items: center;
  margin: 0 auto;
}
body header > ul li.menu > ul > li {
  padding-left: 30px;
  height: 85px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
}
body header > ul li.menu > ul > li:first-child {
  padding-left: 0;
}
body header > ul li.menu > ul > li p {
  font-family: 'nitti-heading', Arial, Helvetica, Sans-serif;
  font-weight: 700;
  margin: 0;
  padding: 8px 15px;
  color: #414141;
  background-color: none;
}
body header > ul li.menu > ul > li div.single {
  position: relative;
}
body header > ul li.menu > ul > li div.single p {
  cursor: pointer;
}
body header > ul li.menu > ul > li div.single:hover p {
  color: #EC7F21;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
body header > ul li.menu > ul > li div.toggler {
  position: relative;
}
body header > ul li.menu > ul > li div.toggler p {
  cursor: pointer;
}
body header > ul li.menu > ul > li div.toggler ul.submenu {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  padding: 5px;
  min-width: 300px;
  z-index: 1000;
  top: 35px;
}
body header > ul li.menu > ul > li div.toggler ul.submenu > li {
  font-family: 'nitti', Arial, Helvetica, Sans-serif;
  padding: 5px 5px 5px 18px;
  position: relative;
  font-size: 14px;
  font-weight: bold;
}
body header > ul li.menu > ul > li div.toggler ul.submenu > li::before {
  position: absolute;
  top: 9px;
  left: 6px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #EC7F21;
}
body header > ul li.menu > ul > li div.toggler ul.submenu > li a:hover {
  color: #EC7F21;
}
body header > ul li.menu > ul > li div.toggler ul.submenu > li span.klub100 {
  width: 20px;
  height: 20px;
  border-radius: 2px;
  display: inline-block;
  background-color: white;
  margin-right: 6px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
body header > ul li.menu > ul > li div.toggler ul.submenu > li span.klub100 img {
  width: 16px;
  height: 12px;
  position: relative;
  top: 4px;
  left: 2px;
}
body header > ul li.menu > ul > li div.toggler:hover p {
  color: #EC7F21;
  background-color: #f1edeb;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
body header > ul li.menu > ul > li div.toggler:hover ul.submenu {
  opacity: 1;
  visibility: visible;
  background-color: #f1edeb;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
body > div.page {
  max-width: 990px;
  width: auto;
  margin: 0 auto;
  min-height: 100%;
  height: auto;
  padding-top: 40px;
  padding-bottom: 20px;
}
body > div.page > div.header .container {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.75rem;
  max-width: 990px;
  box-sizing: border-box;
  padding: 0;
}
body > div.page > div.header .container .wrapper {
  height: 400px;
  display: flex;
  align-items: center;
  margin-top: -31px;
  margin-bottom: 30px;
}
body > div.page > div.header .container .wrapper .image-wrapper {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
body > div.page > div.header .container .wrapper .image-wrapper .image {
  height: 400px;
  max-width: 1280px;
  background-position: 50%;
  margin-right: auto;
  margin-left: auto;
  display: block;
  background-image: url("/resources/image/page/motivational_elements/header-main.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #F1EDEB;
}
body > div.page > div.header .container .wrapper .content-wrapper {
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 10;
  border-radius: 4px;
  padding: 30px 50px 30px 30px;
  max-width: 460px;
  min-width: 250px;
  width: auto;
  margin-top: 80px;
}
body > div.page > div.header .container .wrapper .content-wrapper.right-align {
  margin-left: auto;
}
body > div.page > div.header .container .wrapper .content-wrapper h1 {
  padding-bottom: 10px;
}
body > div.page > div.header .container .wrapper .content-wrapper span.klub100 {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  display: inline-block;
  background-color: white;
  margin-right: 10px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
body > div.page > div.header .container .wrapper .content-wrapper span.klub100 img {
  width: 32px;
  height: 24px;
  position: relative;
  top: 0px;
  left: 4px;
}
body > div.page > div.header.video .container .wrapper .image-wrapper > div.image {
  background: none;
  position: relative;
}
body > div.page > div.header.video .container .wrapper .image-wrapper > div.image p.video {
  max-width: 990px;
  margin: 0 auto;
  opacity: 0;
}
body > div.page > div.header.video .container .wrapper .image-wrapper > div.image p.video video {
  width: 100%;
}
body > div.page > div.header.video .container .wrapper .image-wrapper > div.image p.image {
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
}
body > div.page > div.header.video .container .wrapper .image-wrapper > div.image p.image span.play {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  border-radius: 50%;
  background-color: white;
  width: 60px;
  height: 60px;
  cursor: pointer;
  -webkit-transition: transform 0.1s linear;
  -o-transition: transform 0.1s linear;
  transition: transform 0.1s linear;
  transform: scale(1);
}
body > div.page > div.header.video .container .wrapper .image-wrapper > div.image p.image span.play span.icon {
  display: block;
  background-image: url("/resources/image/icon/play_64.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 36px;
  height: 36px;
  margin-left: 6px;
}
body > div.page > div.header.video .container .wrapper .image-wrapper > div.image p.image span.play:hover {
  transform: scale(1.1);
}
body > div.page > div.content {
  margin: 0;
  padding: 0;
}
body > div.page > div.content ul {
  padding-bottom: 0px;
  margin-left: 20px;
  margin-bottom: 20px;
  list-style: none;
}
body > div.page > div.content ul li {
  font-family: 'nitti';
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #414141;
  margin-bottom: 6px;
}
body > div.page > div.content ul li::before {
  content: "•";
  color: #EC7F21;
  margin-right: 10px;
}
body > div.page > div.content a.link {
  font-family: 'nitti';
  font-weight: bold;
  font-size: 16px;
  color: #EC7F21;
  text-decoration: underline;
  cursor: pointer;
}
body > div.page > div.content a.link:hover {
  text-decoration: none;
}
body > div.page > div.content .row {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  align-items: stretch;
  -webkit-justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 60px;
}
body > div.page > div.content .row:first-child {
  padding-top: 40px;
}
body > div.page > div.content .row:last-child {
  margin-bottom: 0px;
}
body > div.page > div.content .row.reverse {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
body > div.page > div.content .row .box {
  width: 49%;
}
body > div.page > div.content .row .box.image {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
}
body > div.page > div.content .row .box.video {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-around;
  align-items: center;
  -webkit-justify-content: space-around;
  -webkit-align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
}
body > div.page > div.content .row .box p {
  font-family: 'nitti', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #414141;
  margin-bottom: 16px;
}
body > div.page > div.content .row .box span.bold {
  font-weight: 700;
}
body > div.page > div.content .row .box span.underline {
  text-decoration: underline;
}
body > div.page > div.content .row .box span.color-light {
  color: #EC7F21;
}
body > div.page > div.content .row .box span.color-medium {
  color: #E86523;
}
body > div.page > div.content .row .box span.color-dark {
  color: #E34524;
}
body > div.page > div.content .row .box .image-wrapper {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
}
body > div.page > div.content .row .box .video-container .video-wrapper {
  width: 100%;
  margin: 0 auto;
  background: #CCC;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
body > div.page > div.content .row .box .video-container .video-wrapper .play {
  border-radius: 4px;
  border: 1px solid #EC7F21;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  background-color: #fafafa;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10000;
}
body > div.page > div.content .row .box .video-container .video-wrapper .play .icon {
  width: 100px;
  height: 100px;
  background-image: url("/resources/image/page/motivational_elements/play.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100px 100px;
  background-color: #fafafa;
  cursor: pointer;
}
body > div.page > div.content .row .box .video-container .video-wrapper .play.hidden {
  display: none;
  visibility: visible;
}
body > div.page > div.content .row .box .video-container .video-wrapper video {
  width: 100%;
  margin-bottom: -4px;
  opacity: 1;
}
body > div.page > div.content .row .box .video-container .video-wrapper video.hidden {
  opacity: 0;
  pointer-events: none;
  visibility: visible;
}
body > div.page > div.overview {
  margin-top: 80px;
}
body > div.page > div.overview p span.bold {
  font-weight: 700;
}
body > div.page > div.overview p span.color-light {
  color: #EC7F21;
}
body > div.page > div.overview p span.color-medium {
  color: #E86523;
}
body > div.page > div.overview p span.color-dark {
  color: #E34524;
}
body > div.page > div.overview p.title {
  font-family: 'nitti-heading', Helvetica, Arial, sans-serif;
  font-size: 35px;
  line-height: 40px;
  color: #414141;
  margin-bottom: 10px;
}
body > div.page > div.overview p.subtitle {
  font-family: 'nitti', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #414141;
  margin-bottom: 30px;
  text-transform: uppercase;
}
body > div.page > div.overview > div.legend {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: flex-start;
  -webkit-justify-content: center;
  -webkit-align-items: flex-start;
  -ms-flex-direction: row;
  flex-direction: row;
  border-bottom: 1px solid #cccccc;
}
body > div.page > div.overview > div.legend .legend-item {
  flex: 1;
  position: relative;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 40px;
}
body > div.page > div.overview > div.legend .legend-item::after {
  position: absolute;
  top: calc(50% - 25px);
  right: 0px;
  content: '';
  width: 1px;
  height: 50px;
  background-color: #cccccc;
}
body > div.page > div.overview > div.legend .legend-item:last-child::after {
  display: none;
}
body > div.page > div.overview > div.legend .legend-item img {
  display: block;
  width: 40px;
  margin-bottom: 20px;
}
body > div.page > div.overview > div.legend .legend-item p {
  font-family: 'nitti', Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-size: 16px;
  line-height: 20px;
  color: #414141;
}
body > div.page > div.overview > table {
  margin-top: 40px;
}
body > div.page > div.overview > table col:nth-child(1) {
  width: 20%;
}
body > div.page > div.overview > table col:nth-child(2) {
  width: 30%;
}
body > div.page > div.overview > table col:nth-child(3) {
  width: 10%;
}
body > div.page > div.overview > table col:nth-child(4) {
  width: 10%;
}
body > div.page > div.overview > table col:nth-child(5) {
  width: 10%;
}
body > div.page > div.overview > table col:nth-child(6) {
  width: 10%;
}
body > div.page > div.overview > table col:nth-child(7) {
  width: 10%;
}
body > div.page > div.overview > table td,
body > div.page > div.overview > table th {
  font-family: 'nitti', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 14px;
  color: #414141;
}
body > div.page > div.overview > table td span.klub100,
body > div.page > div.overview > table th span.klub100 {
  width: 20px;
  height: 20px;
  border-radius: 2px;
  display: inline-block;
  background-color: white;
  margin-right: 3px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
body > div.page > div.overview > table td span.klub100 img,
body > div.page > div.overview > table th span.klub100 img {
  width: 16px;
  height: 12px;
  position: relative;
  top: 4px;
  left: 2px;
}
body > div.page > div.overview > table tr {
  height: 36px;
}
body > div.page > div.overview > table tr td.main {
  background-color: #efeeee;
  border: 5px solid white;
  text-align: left;
  vertical-align: middle;
}
body > div.page > div.overview > table tr td.main p {
  font-family: 'nitti-heading', Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 28px;
  color: #414141;
  padding: 15px;
}
body > div.page > div.overview > table tr td.main p span.bold {
  font-weight: 700;
}
body > div.page > div.overview > table tr td.main p span.color-light {
  color: #EC7F21;
}
body > div.page > div.overview > table tr td.main p span.color-medium {
  color: #E86523;
}
body > div.page > div.overview > table tr td.main p span.color-dark {
  color: #E34524;
}
body > div.page > div.overview > table tr td.category {
  text-align: left;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
}
body > div.page > div.overview > table tr td.category a {
  margin-left: 20px;
  text-decoration: none;
  cursor: pointer;
  font-family: 'nitti', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 14px;
  color: #b9b8b8;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}
body > div.page > div.overview > table tr td.pic {
  text-align: center;
  border-bottom: 1px solid #cccccc;
  vertical-align: middle;
}
body > div.page > div.overview > table tr td.pic img {
  width: 23px;
  margin-top: 3px;
  opacity: 0.2;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
body > div.page > div.overview > table tr:first-child td.category {
  text-align: left;
  border-top: 1px solid #cccccc;
}
body > div.page > div.overview > table tr:first-child td.pic {
  text-align: center;
  border-top: 1px solid #cccccc;
}
body > div.page > div.overview > table thead tr {
  height: 25px;
}
body > div.page > div.overview > table thead tr th {
  vertical-align: middle;
}
body > div.page > div.overview > table tbody tr.active td.pic img {
  opacity: 1;
}
body > div.page > div.overview > table tbody tr.active td.category a {
  color: #7F7F7F;
}
body > div.page > div.overview > table tbody tr.active td.category a:hover {
  color: #EC7F21;
}
body > div.page > div.overview > table tbody tr.hover td.pic img {
  opacity: 1;
}
body > div.page > div.overview > table tbody tr.hover td.category a {
  color: #EC7F21;
}
body > div.page > div.back-to-top {
  margin-top: 80px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
}
body > div.page > div.back-to-top .wrapper {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  cursor: pointer;
  padding-top: 5px;
}
body > div.page > div.back-to-top .wrapper p.icon {
  border-left: 1px solid #7F7F7F;
  border-top: 1px solid #7F7F7F;
  transform: rotate(45deg);
  width: 20px;
  height: 20px;
  display: block;
}
body > div.page > div.back-to-top .wrapper p.text {
  font-family: 'nitti', Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-size: 16px;
  color: #7F7F7F;
  display: block;
  text-align: center;
}
body > div.page > div.back-to-top .wrapper:hover p.icon {
  border-left: 1px solid #EC7F21;
  border-top: 1px solid #EC7F21;
}
body > div.page > div.back-to-top .wrapper:hover p.text {
  color: #EC7F21;
}
body footer {
  width: 100%;
  background-color: #f1edeb;
  border-top: 1px solid #e5deda;
  border-bottom: 1px solid #e5deda;
  padding: 23px 0;
  margin-top: 40px;
  margin-bottom: 40px;
}
body footer .container {
  width: 100%;
  background-color: #f1edeb;
  border-top: 1px solid #e5deda;
  border-bottom: 1px solid #e5deda;
}
body footer .container .wrapper {
  width: 990px;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: center;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
}
body footer .container .wrapper a {
  display: block;
  border-right: 1px solid #e5deda;
  font-family: 'nitti-heading', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 25px;
  color: #666;
  margin-bottom: 20px;
  text-decoration: none;
  cursor: pointer;
  padding: 0 10px;
  margin: 4px 0;
}
body footer .container .wrapper a:hover {
  color: #EC7F21;
}
body footer .container .wrapper a:last-child {
  border: none;
}
body > div.mobil-temp {
  display: none;
}
@media (max-width: 575px) {
  body header > ul {
    padding: 0 15px;
    height: 55px;
  }
  body header > ul li.logo a {
    height: 45px;
  }
  body header > ul li.logo a img {
    height: 45px;
  }
  body header > ul li.menu {
    display: none;
  }
  body > div.page {
    padding-top: 35px;
  }
  body > div.page > div.header .container .wrapper {
    height: 200px;
    position: relative;
  }
  body > div.page > div.header .container .wrapper .image-wrapper {
    width: 100%;
    position: inherit;
    left: 0;
    right: 0;
    margin: 0;
  }
  body > div.page > div.header .container .wrapper .image-wrapper .image {
    max-width: none;
    margin: 0;
    height: 200px;
  }
  body > div.page > div.header .container .wrapper .content-wrapper {
    position: absolute;
    padding: 10px 15px;
    max-width: 90%;
    min-width: none;
    margin: 0 10px;
    bottom: 10px;
  }
  body > div.page > div.header .container .wrapper .content-wrapper.right-align {
    margin-left: 10px;
  }
  body > div.page > div.header .container .wrapper .content-wrapper.only-desktop {
    display: none;
  }
  body > div.page > div.header .container .wrapper .content-wrapper h1 {
    font-size: 27px;
  }
  body > div.page > div.header .container .wrapper .content-wrapper p {
    font-size: 13px;
  }
  body > div.page > div.content select.highest-level-of-education {
    width: 100%;
  }
  body > div.page > div.content .row {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0px;
  }
  body > div.page > div.content .row.reverse {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  body > div.page > div.content .row:first-child {
    padding-top: 10px;
  }
  body > div.page > div.content .row .box {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 20px;
  }
  body > div.page > div.content .row .box.image img {
    width: auto !important;
    max-height: 150px;
  }
  body > div.page > div.overview {
    display: none;
  }
  body > div.page > div.back-to-top {
    margin-top: 10px;
  }
  body > div.mobil-temp {
    display: none;
    text-align: center;
    font-family: 'nitti-heading', Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #666;
    margin-top: 30px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  h1 > span {
    color: #EE7F00 !important;
  }
  h2 > span {
    color: #EE7F00 !important;
  }
  .wrapper div.content-wrapper .row .col.newsfeed .card.new-post .card-config.hidden {
    padding: 4px 0 0 0!important;
  }
  .wrapper div.content-wrapper .row .col.newsfeed .card.new-post .card-footer button.send {
    padding: 3px 20px 0 20px!important;
  }
  .wrapper div.content-wrapper .row .col.newsfeed .card .card-comment .comment-container .content .my-comment button {
    padding: 2px 0 0 0!important;
  }
  .wrapper div.content-wrapper .row .col .card.user-profil .card-body .info-row.fullname p.value > span {
    color: #EE7F00 !important;
  }
  .wrapper div.content-wrapper .row .col .card.user-profil .card-body .info-row.button p button span {
    margin-top: 4px;
  }
  .wrapper div.content-wrapper .row .col .card.user-profil .card-body .info-row.button p button span {
    margin-top: 4px;
  }
  .wrapper div.content-wrapper .row .col .card.user-profil .card-body .wrapper .user-profil .button button span {
    margin-top: 4px;
  }
  body .swal-overlay .swal-modal .swal-button {
    padding: 11px 20px 6px 20px;
  }
  .wrapper div.content-wrapper .row .col .card .video-wrapper.header-video video {
    width: 101%;
  }
}
@supports (-ms-ime-align:auto) {
  .wrapper div.content-wrapper .row .col .card.media-box .card-body .container .footer .drop-area {
    justify-content: center;
    -webkit-justify-content: center;
  }
  .wrapper div.content-wrapper .row .col .card.media-box .card-body .container .footer .drop-area p.add-image {
    margin-right: 40px;
  }
  #email-config-overlay.email-config-overlay--show-modal .email-config-modal {
    -webkit-animation: none;
    animation: none;
  }
  #email-config-alert-overlay.email-config-alert-overlay--show-modal .email-config-alert-modal {
    -webkit-animation: none;
    animation: none;
  }
}