@charset "UTF-8";
#header.open .main-menu-toggle span:first-child,
#header.open .main-menu-toggle span:nth-child(4),
img.lazyload {
  opacity: 0;
}
#header .contact-button .icon svg path,
.startarea .scroll-down svg path,
.startarea .scroll-down svg rect,
.startarea .startarea-image .mute-button .icon svg path,
.startarea .startarea-image .mute-button .icon svg polygon,
.startarea .startarea-image .mute-button .icon svg rect {
  fill: #fff;
}
@font-face {
  font-family: "DIN 2014";
  src: url(../fonts/DIN2014-ExtraLight.eot);
  src: url(../fonts/DIN2014-ExtraLight.eot?#iefix) format("embedded-opentype"),
    url(../fonts/DIN2014-ExtraLight.woff) format("woff"),
    url(../fonts/DIN2014-ExtraLight.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "DIN 2014";
  src: url(../fonts/DIN2014-Light.eot);
  src: url(../fonts/DIN2014-Light.eot?#iefix) format("embedded-opentype"),
    url(../fonts/DIN2014-Light.woff) format("woff"),
    url(../fonts/DIN2014-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "DIN 2014";
  src: url(../fonts/DIN2014-Regular.eot);
  src: url(../fonts/DIN2014-Regular.eot?#iefix) format("embedded-opentype"),
    url(../fonts/DIN2014-Regular.woff) format("woff"),
    url(../fonts/DIN2014-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "DIN 2014";
  src: url(../fonts/DIN2014-DemiBold.eot);
  src: url(../fonts/DIN2014-DemiBold.eot?#iefix) format("embedded-opentype"),
    url(../fonts/DIN2014-DemiBold.woff) format("woff"),
    url(../fonts/DIN2014-DemiBold.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "DIN 2014";
  src: url(../fonts/DIN2014-Bold.eot);
  src: url(../fonts/DIN2014-Bold.eot?#iefix) format("embedded-opentype"),
    url(../fonts/DIN2014-Bold.woff) format("woff"),
    url(../fonts/DIN2014-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}
.button,
hr {
  border: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
.button,
a {
  display: inline-block;
  cursor: pointer;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
#header:before,
.fp-services:before,
.fp-team.style-grid .team .team-members .team-member:before,
.fp-team:before,
.startarea .startarea-content > div:before {
  content: "";
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@-webkit-keyframes heartbeat {
  0%,
  100%,
  30%,
  60% {
    transform: scale(1);
  }
  15%,
  45% {
    transform: scale(1.025);
  }
}
@keyframes heartbeat {
  0%,
  100%,
  30%,
  60% {
    transform: scale(1);
  }
  15%,
  45% {
    transform: scale(1.025);
  }
}
* {
  box-sizing: border-box;
  outline: 0 !important;
}
body,
html {
  font-family: "DIN 2014";
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 1.75;
  letter-spacing: 0.05em;
  text-transform: none;
  color: #2a4873;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#body.home .h1,
#body.home h1,
.h1,
h1 {
  font-weight: 100;
  line-height: 1.25;
  letter-spacing: 0.05em;
  text-transform: none;
}
html {
  -webkit-text-size-adjust: 100%;
}
body {
  background: #fff;
}
a {
  color: #142847;
  text-decoration: none;
}
img {
  transition: opacity 0.5s;
}
img.object-fit-cover {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
#body.home .h1,
#body.home h1,
.h1,
.h2,
h1,
h2 {
  font-family: "DIN 2014";
  font-style: normal;
}
.learntec-eyecatcher {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  width: 400px;
  height: 250px;
  background: url(../images/badges/learntec-2022.png) center no-repeat;
  background-size: contain;
}
@media (max-width: 1023px) {
  .learntec-eyecatcher {
    width: 320px;
    height: 200px;
  }
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 24px;
  color: #142847;
  text-transform: none;
}
.h1:last-child,
.h2:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
.h6:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0;
}
.h1[style*="text-align: center"] + hr,
.h2[style*="text-align: center"] + hr,
.h3[style*="text-align: center"] + hr,
.h4[style*="text-align: center"] + hr,
.h5[style*="text-align: center"] + hr,
.h6[style*="text-align: center"] + hr,
h1[style*="text-align: center"] + hr,
h2[style*="text-align: center"] + hr,
h3[style*="text-align: center"] + hr,
h4[style*="text-align: center"] + hr,
h5[style*="text-align: center"] + hr,
h6[style*="text-align: center"] + hr {
  margin-right: auto !important;
  margin-left: auto !important;
}
.h1,
h1 {
  font-size: 54px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .learntec-eyecatcher {
    width: 240px;
    height: 140px;
  }
  .h1,
  h1 {
    font-size: 40px;
  }
}
.h1:last-child,
h1:last-child {
  margin-bottom: 0;
}
#body.home .h1,
#body.home h1 {
  font-size: 35px;
  margin-bottom: 24px;
}
#body.home .h1:last-child,
#body.home h1:last-child {
  margin-bottom: 0;
}
.h2,
h2 {
  font-weight: 700;
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.h3,
.h4,
h3,
h4 {
  font-family: "DIN 2014";
  font-weight: 100;
  line-height: 1.25;
}
.h3,
.h4,
h3,
h4,
p {
  font-style: normal;
  letter-spacing: 0.05em;
}
.h2:last-child,
h2:last-child {
  margin-bottom: 0;
}
.h3,
h3 {
  font-size: 54px;
  text-transform: none;
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .h3,
  h3 {
    font-size: 30px;
  }
}
.h3:last-child,
h3:last-child {
  margin-bottom: 0;
}
.h4,
h4 {
  font-size: 35px;
  text-transform: none;
  margin-bottom: 18px;
}
p,
p strong {
  font-family: "DIN 2014";
  font-size: 15.5px;
  text-transform: none;
}
.h4:last-child,
h4:last-child,
p:last-child {
  margin-bottom: 0;
}
hr {
  width: 75px;
  height: 1px;
  margin: 24px auto !important;
  background: #0067a1 !important;
}
.button,
.button:focus,
.button:hover {
  background: linear-gradient(120deg, #be00c4 0, #a200dc 100%);
  color: #fff;
}
hr:last-child {
  margin-bottom: 0 !important;
}
p {
  font-weight: 300;
  line-height: 1.75;
  margin-bottom: 18px;
  word-wrap: break-word;
}
p + h2,
p + h3 {
  margin-top: 36px;
}
p strong {
  font-weight: 700;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.button,
input[type="text"],
textarea {
  font-family: "DIN 2014";
  font-weight: 400;
  font-style: normal;
}
#page p a {
  text-decoration: underline !important;
}
.button {
  font-size: 10px;
  float: left;
  padding: 14px 50px;
  border-radius: 27px;
  letter-spacing: 0.15em;
  line-height: 20px;
  text-transform: uppercase;
  -webkit-appearance: none;
  transition: background 0.25s, color 0.25s;
}
.button.align-center {
  float: none;
}
.button.align-right {
  float: right;
}
input[type="text"],
textarea {
  text-transform: none;
  height: 28px;
  min-height: 28px;
  padding: 4px 0 !important;
  background: 0 0;
  border: 1px solid #fff;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-radius: 0;
  color: #fff;
  font-size: 14px !important;
  letter-spacing: 0.05em !important;
  line-height: 18px !important;
}
#header .contact-button .label,
#header .main-menu li a {
  font-family: "DIN 2014";
  font-weight: 700;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
}
textarea {
  resize: vertical;
}
#header {
  display: flex;
  align-items: center;
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  width: 150px;
  height: 100%;
  padding: 170px 0;
  background: #142847;
}
#header:before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  background: #1c3152;
}
#header.open .main-menu-toggle span:nth-child(2) {
  transform: rotate(-45deg);
}
#header.open .main-menu-toggle span:nth-child(3) {
  transform: rotate(45deg);
}
@media (max-width: 767px) {
  #header {
    width: 80px;
    overflow: hidden;
    transition: width 1s;
  }
  #header:before {
    left: 79px;
  }
  #header.open {
    width: calc(100% - 40px);
  }
  #header.open .contact-button .label {
    opacity: 1;
  }
}
#header .logo {
  display: block;
  position: absolute;
  top: 30px;
  left: 50%;
  width: 90px;
  height: 110px;
  margin-left: -45px;
  background: url(../images/logos/logo.png) center no-repeat;
  background-size: 60px auto;
}
@media (max-width: 767px) {
  #header .logo {
    top: 10px;
    left: 10px;
    width: 60px;
    height: 80px;
    margin-left: 0;
    background-size: 36px auto;
  }
}
#header .main-menu {
  width: 100%;
}
@media (max-width: 767px) {
  #header .main-menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 80px;
    width: calc(100vw - 120px);
    height: 100%;
    padding: 50px 5px 100px;
    overflow: auto;
    background: #142847;
  }
}
#header .main-menu li {
  display: block;
  position: relative;
}
#header .main-menu li:not(:last-child) {
  margin-bottom: 20px;
}
#header .main-menu li:hover ul {
  opacity: 1;
  pointer-events: auto;
}
#header .main-menu li a {
  font-size: 11px;
  line-height: 1.5;
  display: block;
  padding: 15px;
  text-align: center;
  letter-spacing: 0.15em;
}
@media (max-width: 767px) {
  #header .main-menu li:not(:last-child) {
    margin-bottom: 5vh;
  }
  #header .main-menu li a {
    display: inline-block;
    padding: 10px 15px;
    font-size: 16px;
    text-align: left;
  }
}
#header .main-menu li a:not([href]) {
  cursor: default;
}
#header .main-menu li ul {
  opacity: 0;
  position: absolute;
  top: -15px;
  left: 100%;
  padding: 15px 0;
  background: #122441;
  pointer-events: none;
  transition: opacity 0.25s;
}
@media (max-width: 767px) {
  #header .main-menu li ul {
    opacity: 1;
    position: relative;
    top: auto;
    left: auto;
    padding: 5px 0 5px 20px;
    background: 0 0;
    pointer-events: auto;
  }
}
#header .main-menu li ul li {
  margin: 0 !important;
}
#header .main-menu li ul li a {
  padding: 15px 20px;
  text-align: left;
  white-space: nowrap;
}
#header .main-menu-toggle {
  display: none;
  position: relative;
  width: 44px;
  height: 34px;
  margin: 0 18px;
}
@media (max-width: 767px) {
  #header .main-menu li ul li a {
    padding: 10px 15px;
    font-size: 10px;
    white-space: normal;
  }
  #header .main-menu-toggle {
    display: block;
  }
}
#header .main-menu-toggle span {
  display: block;
  position: absolute;
  left: 10px;
  width: 24px;
  height: 2px;
  background: #fff;
  transition: opacity 0.25s, transform 0.25s;
}
#header .main-menu-toggle span:first-child {
  top: 10px;
}
#header .main-menu-toggle span:nth-child(2),
#header .main-menu-toggle span:nth-child(3) {
  top: 16px;
}
#header .main-menu-toggle span:nth-child(4) {
  top: 22px;
}
#header .contact-button {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  padding: 13px 5px;
  background: linear-gradient(120deg, #be00c4 0, #a200dc 100%);
  text-align: center;
  font-size: 0;
  white-space: nowrap;
}
#header .contact-button .icon {
  display: none;
  margin: 0 5px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  #header .contact-button {
    padding: 13px 23px;
  }
  #header .contact-button .icon {
    display: inline-block;
  }
  #header .contact-button .label {
    opacity: 0;
    transition: opacity 1s;
  }
}
#header .contact-button .label {
  font-size: 11px;
  display: inline-block;
  margin: 0;
  padding-top: 2px;
  vertical-align: middle;
  line-height: 22px;
  letter-spacing: 0.1em;
}
.startarea .startarea-content h2,
.startarea .startarea-content h3 {
  font-family: "DIN 2014";
  letter-spacing: 0.05em;
  text-transform: none;
  color: #fff;
  font-style: normal;
}
.startarea {
  position: relative;
  width: 100%;
  height: 100vh;
  background: #142847;
}
.startarea.has-content {
  min-height: 500px;
}
.startarea.has-video {
  height: auto;
  max-height: 80vh;
  background: #fff;
}
.startarea.has-video .startarea-image {
  height: auto;
  overflow: hidden;
  font-size: 0;
}
.startarea.has-video .startarea-image video {
  max-height: 80vh;
  -o-object-fit: cover;
  object-fit: cover;
}
.startarea.has-mockup {
  margin-bottom: 125px;
}
.startarea.has-logo {
  margin-bottom: 175px;
}
@media (max-width: 767px) {
  .startarea {
    height: auto;
  }
  .startarea.has-logo {
    margin-bottom: 125px;
  }
}
.startarea .startarea-image {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .startarea .startarea-image {
    height: 56.25vw;
  }
}
.startarea .startarea-image img {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: brightness(1.25);
  filter: brightness(1.25);
}
.startarea .startarea-image video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.startarea .startarea-image .mute-button {
  display: block;
  position: absolute;
  top: 25px;
  right: 25px;
  width: 60px;
  height: 60px;
  padding: 5px;
}
@media (max-width: 767px) {
  .startarea .startarea-image .mute-button {
    top: auto;
    right: 15px;
    bottom: 15px;
  }
}
.startarea .startarea-image .mute-button.muted .icon.icon-unmuted {
  display: none;
}
.startarea .startarea-image .mute-button.muted .icon.icon-muted {
  display: block;
}
.startarea .startarea-image .mute-button .icon {
  width: 100%;
  height: 100%;
}
.startarea .startarea-image .mute-button .icon.icon-muted {
  display: none;
}
.startarea .startarea-image .mute-button .icon svg {
  float: left;
  width: 100%;
  height: 100%;
}
.startarea .startarea-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  z-index: 15;
  right: 0;
  bottom: 75px;
  left: 0;
  padding: 50px;
  text-align: center;
  color: #fff;
}
@media (max-width: 1023px) {
  .startarea .startarea-content {
    bottom: 70px;
  }
}
@media (max-width: 767px) {
  .startarea .startarea-content {
    position: relative;
    bottom: auto;
    padding: 35px 35px 125px;
  }
  .startarea .startarea-content > div:before {
    display: none;
  }
}
.startarea .startarea-content > * {
  position: relative;
  z-index: 10;
}
.startarea .startarea-content > div {
  max-width: calc(100% - 550px);
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .startarea .startarea-content > div {
    max-width: none;
  }
}
.startarea .startarea-content > div:before {
  opacity: 0.33;
  position: absolute;
  z-index: -1;
  top: 50px;
  right: 50px;
  bottom: 50px;
  left: 50px;
  background: #000;
  box-shadow: 0 0 90px 110px #000;
  border-radius: 30%;
}
.startarea .startarea-content h2 {
  font-weight: 100;
  font-size: 75px;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .startarea .startarea-content h2 {
    font-size: 55px;
  }
}
@media (max-width: 374px) {
  .startarea .startarea-content {
    padding: 35px 25px 125px;
  }
  .startarea .startarea-content h2 {
    font-size: 40px;
    margin-bottom: 6px;
  }
  .startarea .startarea-content h3 {
    margin-bottom: 6px;
  }
}
.startarea .startarea-content h3 {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
}
.startarea .startarea-content p {
  max-width: 750px;
  margin-bottom: 24px;
}
@media (max-width: 375px) {
  .startarea .startarea-content p {
    line-height: 1.5;
  }
}
.startarea .startarea-content .button {
  float: none;
}
.startarea .startarea-mockup {
  position: absolute;
  z-index: 15;
  top: 45%;
  height: calc(55% + 125px);
  right: 60%;
  width: 40%;
}
@media (max-width: 767px) {
  .startarea .startarea-mockup {
    top: auto;
    right: 50%;
    bottom: -125px;
    width: 100%;
    max-height: calc(50% + 125px);
    padding: 0 35px;
  }
}
.startarea .startarea-mockup img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center bottom;
  object-position: center bottom;
  font-family: "object-fit: contain; object-position: center bottom;";
}
.startarea .startarea-logo {
  position: absolute;
  z-index: 20;
  bottom: 0;
  left: 50%;
  height: 265px;
  margin-bottom: -140px;
  transform: translateX(-50%);
}
@media (max-width: 1280px) {
  .startarea .startarea-logo {
    height: 200px;
  }
}
@media (max-width: 767px) {
  .startarea .startarea-logo {
    height: 120px;
    margin-bottom: -100px;
  }
}
.startarea .startarea-logo img {
  height: 100%;
}
.startarea #particles {
  position: absolute;
  z-index: 10;
  top: 37.5%;
  left: -12.5%;
  width: 75%;
  height: 75%;
  transform: rotate(22.5deg);
}
.startarea .scroll-down {
  display: block;
  position: absolute;
  z-index: 15;
  bottom: 30px;
  left: 50%;
  width: 54px;
  height: 54px;
  margin-left: -27px;
  padding: 5px;
}
@media (max-width: 767px) {
  .startarea .scroll-down {
    display: none;
  }
}
.startarea .scroll-down svg {
  float: left;
  width: 100%;
  height: 100%;
}
.fp-app-slider .slider-arrows .arrow svg path,
.fp-elements-slider .elements-slider .slider-arrows .arrow svg path,
.fp-features-slider
  .slider
  .slides
  .slide
  .slide-content
  .slider-arrows
  .arrow
  svg
  path,
.fp-poi-wbt .poi-wbt .content .slider-arrows .arrow svg path,
.fp-screen-slider .slides .slide .slide-content .slider-arrows .arrow svg path,
.fp-videos
  .slider
  .slider-content
  .slides
  .slide
  .slider-arrows
  .arrow
  svg
  path {
  fill: none;
  stroke: #fff;
}
.startarea .badge.badge-learntec {
  display: block;
  position: absolute;
  z-index: 15;
  right: 0;
  bottom: 60px;
  width: 235px;
  height: 70px;
  background: url(../images/badges/learntec.png) right center no-repeat;
  background-size: contain;
}
@media (max-width: 1023px) {
  .startarea .badge.badge-learntec {
    bottom: 25px;
  }
}
.startarea .badge.badge-award {
  display: block;
  position: absolute;
  z-index: 15;
  right: calc(50px + 160px + 20px);
  bottom: 50px;
  width: 160px;
  height: 139px;
  background: url(../images/badges/eLJ_AWARD2021_Usability_FPeLearning.png?v=2)
    right center no-repeat;
  background-size: contain;
  transform-origin: right bottom;
}
@media (max-width: 1023px) {
  .startarea .badge.badge-award {
    right: calc(25px + 160px + 20px);
    bottom: 25px;
  }
}
@media (max-width: 767px) {
  .startarea .badge.badge-award {
    right: calc(25px + 80px + 20px);
    width: 80px;
    height: 75px;
  }
}
.startarea .badge.badge-award-2023 {
  right: 50px;
  background: url(../images/badges/eLJ_AWARD2023_RapidAuthoring_FP.png?v=2)
    right center no-repeat;
  background-size: contain;
}
@media (max-width: 1023px) {
  .startarea .badge.badge-award-2023 {
    right: 25px;
  }
}
#content {
  padding-left: 150px;
  overflow: hidden;
}
#content #main #wrapper {
  max-width: 1200px;
  margin: -12px auto;
  padding: 50px;
}
#content #main #wrapper > .elementor .elementor-section {
  width: calc(100% + 50px);
  margin: 0 -25px 50px;
}
#content #main #wrapper > .elementor .elementor-section:last-child {
  margin-bottom: 0;
}
#content
  #main
  #wrapper
  > .elementor
  .elementor-section:last-child
  .elementor-widget.elementor-widget-fp-hotspots:last-child {
  margin-bottom: -62px !important;
}
@media (max-width: 767px) {
  .startarea .badge.badge-award-2023 {
    right: 25px;
  }
  #content {
    padding-left: 80px;
  }
  #content #main #wrapper {
    padding: 35px;
  }
  #content
    #main
    #wrapper
    > .elementor
    .elementor-section:last-child
    .elementor-widget.elementor-widget-fp-hotspots:last-child {
    margin-bottom: -47px !important;
  }
}
#content #main #wrapper > .elementor .elementor-section .elementor-container {
  max-width: none;
}
#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row {
  min-height: 0;
}
#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column {
  padding: 0 10px;
}
#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap {
  padding: 12px 15px;
}
#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap
  .elementor-widget-wrap
  > * {
  margin-bottom: 36px;
}
#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap
  .elementor-widget-wrap
  > :last-child {
  margin-bottom: 0;
}
#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap
  .elementor-widget-wrap
  > .elementor-widget.elementor-widget-fp-text
  ul
  li {
  font-family: "DIN 2014";
  font-weight: 700;
  font-style: normal;
  font-size: 10px;
  letter-spacing: 0.1em;
  position: relative;
  padding-left: 15px;
  color: #142847;
  text-transform: uppercase;
  line-height: 26px;
}
#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap
  .elementor-widget-wrap
  > .elementor-widget.elementor-widget-fp-image
  .image,
#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap
  .elementor-widget-wrap
  > .elementor-widget.elementor-widget-fp-video
  .image,
.fp-logos-area .image {
  font-size: 0;
  text-align: center;
}
.fp-services,
.fp-services .intro h1,
.fp-services .intro h2,
.fp-services .intro h3,
.fp-services .intro h4,
.fp-services .services .cards .card h4 {
  color: #fff;
}
#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap
  .elementor-widget-wrap
  > .elementor-widget.elementor-widget-fp-text
  ul
  li:before {
  position: absolute;
  top: 10px;
  left: 0;
  width: 5px;
  height: 5px;
  background: #fc45f0;
  border-radius: 50%;
  content: "";
}
#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap
  .elementor-widget-wrap
  > .elementor-widget
  + .elementor-section {
  margin-top: -24px;
}
#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap
  .elementor-widget-wrap
  .elementor-container:last-child
  .elementor-row
  .elementor-column
  .elementor-column-wrap {
  margin-bottom: -12px;
}
.elementor-column.elementor-col-50:first-child .image.blend-off img,
.elementor-column.elementor-col-50:first-child .image.blend-off video {
  float: right;
  width: calc(50vw - 100px);
  max-width: none;
}
@media (max-width: 767px) {
  .elementor-column.elementor-col-50:first-child .image.blend-off img,
  .elementor-column.elementor-col-50:first-child .image.blend-off video {
    width: 100%;
  }
}
.elementor-column.elementor-col-50:last-child .image.blend-off img,
.elementor-column.elementor-col-50:last-child .image.blend-off video {
  float: left;
  width: calc(50vw - 100px);
  max-width: none;
}
@media (max-width: 767px) {
  .elementor-column.elementor-col-50:last-child .image.blend-off img,
  .elementor-column.elementor-col-50:last-child .image.blend-off video {
    width: 100%;
  }
}
.elementor-column.elementor-col-33:first-child .image.blend-off img,
.elementor-column.elementor-col-33:first-child .image.blend-off video {
  float: right;
  width: calc(33.333vw - 100px);
  max-width: none;
}
@media (max-width: 767px) {
  .elementor-column.elementor-col-33:first-child .image.blend-off img,
  .elementor-column.elementor-col-33:first-child .image.blend-off video {
    width: 100%;
  }
}
.elementor-column.elementor-col-33:last-child .image.blend-off img,
.elementor-column.elementor-col-33:last-child .image.blend-off video {
  float: left;
  width: calc(33.333vw - 100px);
  max-width: none;
}
.fp-mockup {
  position: relative;
  width: 100%;
  height: 600px;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .elementor-column.elementor-col-33:last-child .image.blend-off img,
  .elementor-column.elementor-col-33:last-child .image.blend-off video {
    width: 100%;
  }
  .fp-mockup {
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 100px;
  }
}
.fp-mockup .image {
  position: absolute;
  left: 50%;
  width: 100vw;
  height: 100%;
  margin-left: -50vw;
}
.fp-mockup .image img {
  width: 100%;
  height: 100%;
}
.fp-mockup .mockup {
  position: absolute;
  right: 0;
  bottom: -100px;
  width: 50%;
  height: 100%;
}
@media (max-width: 767px) {
  .fp-mockup .mockup {
    width: 100%;
    bottom: -100px;
  }
}
.fp-mockup .mockup img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center bottom;
  object-position: center bottom;
  font-family: "object-fit: contain; object-position: center bottom;";
}
.fp-logos-area {
  position: relative;
  width: calc(100vw - 150px);
  left: 50%;
  margin-left: calc(-50vw + 75px);
}
@media (max-width: 767px) {
  .fp-logos-area {
    width: calc(100vw - 80px);
    margin-left: calc(-50vw + 40px);
  }
}
.fp-logos-area .image {
  margin: -35px 0;
  padding: 0 50px;
  overflow: auto;
}
.fp-logos-area .image img {
  width: 100%;
  min-width: 750px;
  max-width: 1500px !important;
  height: auto;
  margin: 35px 0;
}
.fp-services,
.fp-services:before {
  width: calc(100vw - 150px);
  margin-left: calc(-50vw + 75px);
  left: 50%;
}
.fp-services {
  position: relative;
  padding: 60px 0;
}
.fp-services:before {
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  background: #142847;
}
@media (max-width: 767px) {
  .fp-services:before {
    width: calc(100vw - 80px);
    margin-left: calc(-50vw + 40px);
  }
}
.fp-services > * {
  position: relative;
  z-index: 15;
}
.fp-services .intro {
  width: 100%;
  max-width: 750px;
  margin: 0 auto 50px;
}
.fp-services .services {
  margin: -25px 0;
  overflow: auto;
  text-align: center;
}
.fp-services .services .cards {
  display: inline-flex;
  padding: 25px 23px;
}
@media (max-width: 767px) {
  .fp-services .services .cards {
    display: block;
  }
}
.fp-services .services .cards.active .card,
.fp-services .services .cards:hover .card {
  opacity: 0.66;
}
.fp-services .services .cards.active .card.active,
.fp-services .services .cards.active .card:hover,
.fp-services .services .cards:hover .card.active,
.fp-services .services .cards:hover .card:hover {
  opacity: 1;
}
.fp-services .services .cards .card {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 340px;
  margin: 0 2px;
  padding: 25px 15px 0;
  background: #0067a1;
  text-align: center;
  color: #fff;
  transition: opacity 0.25s;
}
@media (max-width: 767px) {
  .fp-services .services .cards .card {
    width: calc(100% - 4px);
    margin-bottom: 25px;
  }
  .fp-services .services .cards .card:last-child {
    margin-bottom: 0;
  }
}
.fp-services .services .cards .card hr {
  margin-top: 0 !important;
  background: #fff !important;
}
.fp-services .services .cards .card p {
  margin-bottom: 50px;
}
.fp-services .services .cards .card .services {
  margin: -8px;
  padding: 15px 10px 40px;
}
.fp-services .services .cards .card .services.compact > div {
  display: inline-block;
}
.fp-services .services .cards .card .services > div {
  display: block;
}
.fp-services .services .cards .card .services .service {
  font-family: "DIN 2014";
  font-weight: 700;
  font-style: normal;
  font-size: 15.5px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: none;
  display: inline-block;
  margin: 5px;
  padding: 5px;
  pointer-events: none;
  transition: color 0.25s;
}
.fp-services .services .cards .card .card-bottom .price .amount,
.fp-services .services .cards .card .card-bottom .price .amount .from {
  font-weight: 100;
  line-height: 1.25;
  letter-spacing: 0.05em;
  text-transform: none;
  font-family: "DIN 2014";
  font-style: normal;
}
.fp-services .services .cards .card .services .service[data-id] {
  pointer-events: auto;
}
.fp-services .services .cards .card .services .service[data-id].active,
.fp-services .services .cards .card .services .service[data-id]:hover {
  color: #142847;
}
.fp-services .services .cards .card .card-bottom {
  margin-top: auto;
}
.fp-services .services .cards .card .card-bottom .price .amount,
.fp-services .services .cards .card .card-bottom .price .unit {
  display: block;
}
.fp-services .services .cards .card .card-bottom .price .amount {
  font-size: 32px;
  margin-bottom: 5px;
}
.fp-services .services .cards .card .card-bottom .price .amount:last-child {
  margin-bottom: 0;
}
.fp-services .services .cards .card .card-bottom .price .amount .from {
  font-size: 16px;
}
.fp-services .services .cards .card .card-bottom .price .unit {
  font-family: "DIN 2014";
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: none;
}
.fp-services .services .cards .card .card-bottom .button {
  position: relative;
  width: calc(100% + 30px);
  margin: 25px -15px 0;
  border-radius: 0;
  padding: 12px 10px;
}
.fp-videos {
  position: relative;
  width: calc(100vw - 150px);
  left: 50%;
  margin-left: calc(-50vw + 75px);
}
@media (max-width: 767px) {
  .fp-videos {
    width: calc(100vw - 80px);
    margin-left: calc(-50vw + 40px);
  }
}
.fp-videos > h2 {
  text-align: center;
}
.fp-videos > h3 {
  text-align: center;
  margin-bottom: 35px;
}
.fp-videos p {
  line-height: 1.5;
}
.fp-videos .cards-wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow-x: auto;
  text-align: center;
}
.fp-videos .cards-wrapper .cards {
  display: inline-flex;
  position: relative;
  width: auto;
  margin: 0 -4px;
  padding: 0 25px 25px;
}
.fp-videos .cards-wrapper .cards.active .card,
.fp-videos .cards-wrapper .cards:hover .card {
  opacity: 0.66;
}
.fp-videos .cards-wrapper .cards.active .card.active,
.fp-videos .cards-wrapper .cards.active .card:hover,
.fp-videos .cards-wrapper .cards:hover .card.active,
.fp-videos .cards-wrapper .cards:hover .card:hover {
  opacity: 1;
}
.fp-videos .cards-wrapper .cards .card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: calc(340px - 4px);
  margin: 0 2px;
  padding: 75px 15px 0;
  background: #0067a1;
  text-align: center;
  color: #fff;
  transition: opacity 0.25s;
}
@media (max-width: 767px) {
  .fp-videos .cards-wrapper .cards .card:last-child {
    margin-bottom: 0;
  }
}
.fp-videos .cards-wrapper .cards .card h4 {
  color: #fff;
  font-weight: 300;
  font-size: 26px;
}
.fp-videos .cards-wrapper .cards .card hr {
  width: 35px;
  margin-top: 0 !important;
  background: #fff !important;
}
.fp-videos .cards-wrapper .cards .card p {
  margin-bottom: 18px;
}
.fp-videos .cards-wrapper .cards .card .card-bottom {
  margin-top: auto;
}
.fp-videos .cards-wrapper .cards .card .card-bottom ul {
  margin-bottom: 35px;
  text-align: center;
}
.fp-videos .cards-wrapper .cards .card .card-bottom ul li {
  font-family: "DIN 2014";
  font-weight: 700;
  font-style: normal;
  font-size: 13.5px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: none;
}
.fp-videos .cards-wrapper .cards .card .card-bottom .price .amount,
.fp-videos .cards-wrapper .cards .card .card-bottom .price .unit {
  display: block;
}
.fp-videos .cards-wrapper .cards .card .card-bottom .price .amount {
  font-family: "DIN 2014";
  font-weight: 100;
  font-style: normal;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: 0.05em;
  text-transform: none;
  margin-bottom: 5px;
}
.fp-videos .cards-wrapper .cards .card .card-bottom .price .amount:last-child {
  margin-bottom: 0;
}
.fp-videos .cards-wrapper .cards .card .card-bottom .price .amount .from {
  font-family: "DIN 2014";
  font-weight: 100;
  font-style: normal;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.05em;
  text-transform: none;
}
.fp-videos .cards-wrapper .cards .card .card-bottom .price .unit {
  font-family: "DIN 2014";
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: none;
}
.fp-videos .cards-wrapper .cards .card .card-bottom .button {
  position: relative;
  width: calc(100% + 30px);
  margin: 25px -15px 0;
  border-radius: 0;
  padding: 12px 10px;
  text-transform: uppercase;
}
.fp-videos .slider {
  display: none;
  position: relative;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 25px;
}
.fp-videos .slider .slider-content {
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 25px;
  width: 336px;
  padding-top: 100px;
}
@media (max-width: 767px) {
  .fp-videos .slider .slider-content {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    float: left;
    clear: both;
    width: 100%;
    padding-top: 0;
  }
}
.fp-videos .slider .slider-content .slides .slide {
  display: flex !important;
  flex-direction: column;
  padding: 35px 15px 0;
  overflow: hidden;
  background: #0067a1;
  color: #fff;
}
.fp-videos .slider .slider-content .slides .slide:not(:first-child) {
  display: none;
}
.fp-videos .slider .slider-content .slides .slide h4 {
  margin-bottom: 12px;
  color: #fff;
  font-weight: 300;
  font-size: 26px;
}
.fp-videos .slider .slider-content .slides .slide hr {
  width: 40px;
  margin: 12px 0 24px !important;
  background: #fff !important;
}
.fp-videos .slider .slider-content .slides .slide p {
  margin-bottom: 50px;
}
.fp-videos .slider .slider-content .slides .slide .slider-arrows {
  position: relative;
  width: calc(100% + 30px);
  margin: auto -15px 0;
  padding: 12px 54px;
  border-radius: 0;
  text-align: center;
  text-transform: uppercase;
  pointer-events: auto;
}
.fp-videos .slider .slider-content .slides .slide .slider-arrows .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  margin-top: -22px;
}
.fp-videos .slider .slider-content .slides .slide .slider-arrows .arrow.prev {
  left: 0;
}
.fp-videos .slider .slider-content .slides .slide .slider-arrows .arrow.next {
  right: 0;
}
.fp-videos .slider .slider-content .slides .slick-list .slick-track {
  display: flex;
}
@media (max-width: 1023px) {
  .fp-videos .slider .slider-content .slides .slick-list,
  .fp-videos .slider .slider-content .slides .slick-list .slick-track {
    width: 100%;
  }
}
.fp-videos
  .slider
  .slider-content
  .slides
  .slick-list
  .slick-track
  .slick-slide,
.fp-videos
  .slider
  .slider-content
  .slides
  .slick-list
  .slick-track
  .slick-slide
  > div {
  display: flex;
  height: auto;
}
.fp-videos
  .slider
  .slider-content
  .slides
  .slick-list
  .slick-track
  .slick-slide
  > div
  .slide {
  height: auto;
}
.fp-videos .slider .slider-images {
  position: relative;
  z-index: 5;
  float: right;
  width: calc(100% - 170px);
  text-align: center;
}
@media (max-width: 767px) {
  .fp-videos .slider .slider-images {
    width: 100%;
  }
}
.fp-videos .slider .slider-images .slides {
  display: flex;
  position: absolute;
  top: 8.5%;
  right: 7%;
  bottom: 31.3%;
  left: 7%;
}
.fp-videos .slider .slider-images .slides .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fp-videos .slider .slider-images .slides .slide:not(:first-child) {
  display: none;
}
.fp-videos .slider .slider-images .slides .slide video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.fp-videos .slider .slider-images .slides .slick-list {
  width: 100%;
}
.fp-videos .slider .slider-images .slides .slick-list .slick-track {
  height: 100%;
}
.fp-videos-teasers {
  position: relative;
  width: calc(100vw - 150px);
  left: 50%;
  margin-left: calc(-50vw + 75px);
}
@media (max-width: 767px) {
  .fp-videos-teasers {
    width: calc(100vw - 80px);
    margin-left: calc(-50vw + 40px);
  }
}
.fp-videos-teasers > h2 {
  text-align: center;
  margin-bottom: 35px;
}
.fp-videos-teasers p {
  line-height: 1.5;
}
.fp-videos-teasers .cards-wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow-x: auto;
  text-align: center;
}
.fp-videos-teasers .cards-wrapper .cards {
  display: inline-flex;
  position: relative;
  width: auto;
  margin: 0 -4px;
  padding: 0 25px;
}
.fp-videos-teasers .cards-wrapper .cards.active .card,
.fp-videos-teasers .cards-wrapper .cards:hover .card {
  opacity: 0.66;
}
.fp-videos-teasers .cards-wrapper .cards.active .card.active,
.fp-videos-teasers .cards-wrapper .cards.active .card:hover,
.fp-videos-teasers .cards-wrapper .cards:hover .card.active,
.fp-videos-teasers .cards-wrapper .cards:hover .card:hover {
  opacity: 1;
}
.fp-videos-teasers .cards-wrapper .cards .card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: calc(340px - 4px);
  margin: 0 2px;
  padding: 0 15px;
  background: #0067a1;
  text-align: center;
  color: #fff;
  transition: opacity 0.25s;
}
@media (max-width: 767px) {
  .fp-videos-teasers .cards-wrapper .cards .card:last-child {
    margin-bottom: 0;
  }
}
.fp-videos-teasers .cards-wrapper .cards .card .video {
  width: calc(100% + 30px);
  margin: 0 -15px 25px;
}
.fp-videos-teasers .cards-wrapper .cards .card h4 {
  color: #fff;
  font-weight: 300;
  font-size: 26px;
}
.fp-videos-teasers .cards-wrapper .cards .card h4:first-child {
  margin-top: 75px;
}
.fp-videos-teasers .cards-wrapper .cards .card hr {
  width: 35px;
  margin-top: 0 !important;
  background: #fff !important;
}
.fp-videos-teasers .cards-wrapper .cards .card p {
  margin-bottom: 18px;
}
.fp-videos-teasers .cards-wrapper .cards .card .card-bottom {
  margin-top: auto;
}
.fp-videos-teasers .cards-wrapper .cards .card .card-bottom ul {
  margin-bottom: 35px;
  text-align: center;
}
.fp-videos-teasers .cards-wrapper .cards .card .card-bottom ul li {
  font-family: "DIN 2014";
  font-weight: 700;
  font-style: normal;
  font-size: 13.5px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: none;
}
.fp-videos-teasers .cards-wrapper .cards .card .card-bottom .price .amount,
.fp-videos-teasers .cards-wrapper .cards .card .card-bottom .price .unit {
  display: block;
}
.fp-videos-teasers .cards-wrapper .cards .card .card-bottom .price .amount {
  font-family: "DIN 2014";
  font-weight: 100;
  font-style: normal;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: 0.05em;
  text-transform: none;
  margin-bottom: 5px;
}
.fp-videos-teasers
  .cards-wrapper
  .cards
  .card
  .card-bottom
  .price
  .amount:last-child {
  margin-bottom: 0;
}
.fp-videos-teasers
  .cards-wrapper
  .cards
  .card
  .card-bottom
  .price
  .amount
  .from {
  font-family: "DIN 2014";
  font-weight: 100;
  font-style: normal;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.05em;
  text-transform: none;
}
.fp-videos-teasers .cards-wrapper .cards .card .card-bottom .price .unit {
  font-family: "DIN 2014";
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: none;
}
.fp-videos-teasers .cards-wrapper .cards .card .card-bottom .button {
  position: relative;
  width: calc(100% + 30px);
  margin: 25px -15px 0;
  border-radius: 0;
  padding: 12px 10px;
  text-transform: uppercase;
}
.fp-team .team .team-members .team-member .name,
.fp-team .team .team-members .team-member .position,
.fp-team.style-grid .team .team-members .team-member .name,
.fp-team.style-grid .team .team-members .team-member .position {
  font-weight: 400;
  line-height: 1.75;
  text-transform: none;
  letter-spacing: 0.05em;
  font-family: "DIN 2014";
  font-style: normal;
}
.elementor-widget-fp-team {
  margin-top: 38px;
}
.elementor-widget-fp-team:first-child {
  margin-top: 0;
}
.fp-team {
  position: relative;
  left: 50%;
  width: calc(100vw - 150px);
  margin-left: calc(-50vw + 75px);
}
@media (max-width: 767px) {
  .fp-team {
    width: calc(100vw - 80px);
    margin-left: calc(-50vw + 40px);
  }
}
.fp-team.style-grid {
  left: auto;
  width: 100%;
  margin: 0;
}
.fp-team.style-grid:before {
  display: none;
}
.fp-team.style-grid .team {
  overflow: visible;
}
.fp-team.style-grid .team .team-members {
  flex-flow: wrap;
  margin: -25px;
  padding: 0;
}
.fp-team.style-grid .team .team-members .team-member {
  position: relative;
  width: calc(33.333% - 50px);
  min-width: 0;
  margin: 25px;
}
@media (max-width: 1023px) {
  .fp-team.style-grid .team .team-members .team-member {
    width: calc(50% - 50px);
  }
}
.fp-team.style-grid .team .team-members .team-member .name {
  font-size: 20px;
  order: 2;
}
@media (max-width: 767px) {
  .fp-team.style-grid .team .team-members .team-member {
    width: calc(100% - 50px);
  }
  .fp-team.style-grid .team .team-members .team-member .name {
    font-family: "DIN 2014";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 1.75;
    letter-spacing: 0.05em;
    text-transform: none;
  }
}
.fp-team.style-grid .team .team-members .team-member .position {
  font-size: 15px;
  order: 3;
  color: #0067a1;
}
.fp-team.style-grid .team .team-members .team-member .image {
  order: 1;
  margin: 0 0 15px;
}
.fp-team.style-grid .team .team-members .team-member .partner-badge {
  top: 0;
  right: 35px;
  bottom: auto;
}
.fp-team.style-grid .team .team-members .team-member:before {
  position: absolute;
  z-index: -5;
  top: 0;
  left: 50%;
  width: 200vw;
  height: 400px;
  margin-left: -100vw;
  background: #fff;
  background: linear-gradient(0deg, rgba(219, 233, 242, 0.33) 0, #fff 100%);
}
@media (max-width: 767px) {
  .fp-team.style-grid .team .team-members .team-member .position {
    font-family: "DIN 2014";
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    line-height: 1.75;
    letter-spacing: 0.05em;
    text-transform: none;
  }
  .fp-team.style-grid .team .team-members .team-member:before {
    height: 244px;
  }
}
.fp-team:before {
  position: absolute;
  z-index: -5;
  right: 0;
  bottom: 0;
  left: 0;
  height: 150%;
  background: #e6ecf5;
  background: linear-gradient(0deg, rgba(219, 233, 242, 0.33) 0, #fff 100%);
}
.fp-team .team {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow-x: auto;
  text-align: center;
  font-size: 0;
}
.fp-team .team .team-members {
  display: inline-flex;
  position: relative;
  width: auto;
  margin: 0 auto;
  padding: 0 35px;
}
.fp-team .team .team-members .team-member {
  display: flex;
  flex-direction: column;
  position: relative;
  width: auto;
  min-width: 225px;
  margin: 0 15px;
  text-align: center;
}
@media (max-width: 767px) {
  .fp-team .team .team-members .team-member {
    min-width: 179px;
    margin: 0 10px;
  }
}
.fp-team .team .team-members .team-member .name {
  font-size: 18px;
  margin-bottom: 2px;
}
.fp-team .team .team-members .team-member .position {
  font-size: 12px;
}
.fp-team .team .team-members .team-member .image {
  height: 400px;
  margin-top: 25px;
}
@media (max-width: 767px) {
  .fp-team .team .team-members .team-member .image {
    height: 244px;
  }
}
.fp-team .team .team-members .team-member .image img {
  width: auto;
  max-width: none;
  height: 100%;
}
.fp-team .team .team-members .team-member .partner-badge {
  font-family: "DIN 2014";
  font-weight: 700;
  font-style: normal;
  font-size: 9px;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  bottom: 344px;
  width: 51px;
  height: 51px;
  padding-top: 1px;
  background: #142847;
  box-shadow: 4px 4px 20px 0 rgba(20, 40, 71, 0.25);
  border-radius: 50%;
  color: #fff;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  pointer-events: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fp-testimonial .testimonial {
  display: flex;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.fp-testimonial .testimonial .image {
  margin: 0 25px;
}
.fp-testimonial .testimonial .image .image-container {
  width: 160px;
  height: 160px;
  overflow: hidden;
  box-shadow: 4px 4px 20px 0 rgba(20, 40, 71, 0.25);
  border-radius: 50%;
}
@media (max-width: 767px) {
  .fp-team .team .team-members .team-member .partner-badge {
    bottom: 188px;
    transform-origin: right top;
    transform: scale(0.8);
  }
  .fp-testimonial .testimonial {
    display: block;
  }
  .fp-testimonial .testimonial .image {
    margin-bottom: 35px;
  }
  .fp-testimonial .testimonial .image .image-container {
    margin: 0 auto;
  }
  .fp-testimonial .testimonial .main {
    text-align: center;
  }
}
.fp-testimonial .testimonial .image .image-container img {
  width: 100%;
  height: 100%;
}
.fp-testimonial .testimonial .main {
  display: flex;
  align-items: center;
  margin: 0 25px;
}
.fp-testimonial .testimonial .main .main-container q {
  font-family: "DIN 2014";
  font-weight: 100;
  font-style: normal;
  font-size: 30px;
  line-height: 1.25;
  letter-spacing: 0.05em;
  text-transform: none;
  display: inline-block;
  margin-bottom: 10px;
}
.fp-testimonial .testimonial .main .main-container q:before {
  margin-right: 3px;
  content: "»";
}
.fp-testimonial .testimonial .main .main-container q:after {
  content: "«";
}
.fp-testimonial .testimonial .main .main-container .source {
  font-family: "DIN 2014";
  font-weight: 700;
  font-style: normal;
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #142847;
  text-transform: uppercase;
}
.fp-hotspots .hotspots-image .hotspots-text h3,
.fp-hotspots .hotspots-image .image .hotspots .hotspot .hotspot-content h3,
.fp-hotspots .hotspots-image .image .hotspots .hotspot .label,
.fp-support .support .sections .section h4,
.fp-support .support .sections .section p {
  font-family: "DIN 2014";
  font-style: normal;
  text-transform: none;
}
.fp-support .support {
  display: flex;
  padding: 50px 0 100px;
}
.fp-support .support .image {
  width: 40%;
}
@media (max-width: 767px) {
  .fp-support .support {
    display: block;
    padding: 0;
  }
  .fp-support .support .image {
    width: 100%;
    margin-bottom: 35px;
  }
}
.fp-support .support .image .image-container {
  position: relative;
  height: 100%;
  font-size: 0;
}
.fp-support .support .image .image-container img {
  position: absolute;
  right: -325px;
  bottom: -100px;
  width: 1000px;
  max-width: none;
}
@media (max-width: 767px) {
  .fp-support .support .image .image-container img {
    position: relative;
    width: 100%;
    right: auto;
    bottom: auto;
  }
}
.fp-support .support .sections {
  display: flex;
  flex-flow: wrap;
  width: calc(60% + 20px);
  margin: -10px;
}
@media (max-width: 767px) {
  .fp-support .support .sections {
    width: calc(100% + 20px);
  }
}
.fp-support .support .sections .section {
  width: calc(50% - 20px);
  margin: 10px;
}
@media (max-width: 767px) {
  .fp-support .support .sections .section {
    width: calc(100% + 20px);
  }
}
.fp-support .support .sections .section h4 {
  font-weight: 300;
  font-size: 22px;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
  line-height: 1.25;
}
.fp-support .support .sections .section p {
  font-weight: 300;
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.elementor-widget-fp-hotspots {
  margin-top: 38px;
}
.elementor-widget-fp-hotspots:first-child {
  margin-top: 0;
}
.fp-hotspots,
.fp-hotspots .hotspots-image {
  position: relative;
}
.fp-hotspots .hotspots-image .hotspots-text {
  position: absolute;
  bottom: 10%;
  left: 5%;
  width: 250px;
}
@media (max-width: 1023px) {
  .fp-hotspots .hotspots-image .hotspots-text {
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
  }
}
.fp-hotspots .hotspots-image .hotspots-text h3 {
  font-weight: 100;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: 0.05em;
}
.fp-hotspots .hotspots-image .image {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.fp-hotspots .hotspots-image .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fp-hotspots .hotspots-image .image .hotspots {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fp-hotspots .hotspots-image .image .hotspots .hotspot {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .fp-hotspots .hotspots-image .hotspots-text h3 {
    font-size: 45px;
  }
  .fp-hotspots .hotspots-image .image .hotspots .hotspot {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
  }
}
.fp-hotspots .hotspots-image .image .hotspots .hotspot.active .icon {
  transform: rotate(45deg);
}
.fp-hotspots .hotspots-image .image .hotspots .hotspot.active .hotspot-content {
  opacity: 1;
  pointer-events: auto;
}
.fp-hotspots .hotspots-image .image .hotspots .hotspot .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding: 11px;
  background: #ad00d6;
  border-radius: 50%;
  transition: transform 0.25s;
}
@media (max-width: 767px) {
  .fp-hotspots .hotspots-image .image .hotspots .hotspot .icon {
    padding: 5px;
  }
}
.fp-hotspots .hotspots-image .image .hotspots .hotspot .icon svg line {
  stroke: #fff;
}
.fp-hotspots .hotspots-image .image .hotspots .hotspot .label {
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.1em;
  position: absolute;
  top: 0;
  left: 100%;
  padding: 12px 5px 12px 15px;
  line-height: 16px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .fp-hotspots .hotspots-image .image .hotspots .hotspot .label {
    padding: 7px 5px 7px 15px;
  }
}
.fp-hotspots .hotspots-image .image .hotspots .hotspot .hotspot-content {
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 5;
  top: -30px;
  left: -30px;
  width: 350px;
  height: 350px;
  padding: 35px;
  background: #f2f7fa;
  border-radius: 50%;
  text-align: center;
  word-break: break-word;
  pointer-events: none;
  transition: opacity 0.5s;
}
.fp-hotspots .special-hotspot.state-2 > div .text,
.fp-hotspots .special-hotspot.state-2 > div h2 {
  opacity: 1;
}
.fp-hotspots .hotspots-image .image .hotspots .hotspot .hotspot-content h3 {
  font-weight: 100;
  font-size: 35px;
  line-height: 1.25;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .fp-hotspots .hotspots-image .image .hotspots .hotspot .hotspot-content {
    top: auto;
    bottom: 15px;
    left: 15px;
    width: 300px;
    height: 300px;
    margin-left: -150px;
  }
  .fp-hotspots .hotspots-image .image .hotspots .hotspot .hotspot-content h3 {
    font-family: "DIN 2014";
    font-weight: 100;
    font-style: normal;
    font-size: 30px;
    line-height: 1.25;
    letter-spacing: 0.05em;
    text-transform: none;
    margin-bottom: 10px;
  }
}
.eyecatcher .eyecatcher-container .text,
.fp-hotspots .hotspots-image .image .hotspots .hotspot .hotspot-content p {
  font-family: "DIN 2014";
  font-weight: 300;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0.05em;
}
.fp-hotspots .hotspots-image .image .hotspots .hotspot .hotspot-content p {
  font-size: 14px;
  line-height: 1.5;
}
.fp-hotspots .special-hotspot {
  display: none;
  position: relative;
  left: 50%;
  width: calc(100vw - 150px);
  margin-left: calc(-50vw + 75px);
  background: #142847;
  text-align: center;
  color: #fff;
}
@media (max-width: 767px) {
  .fp-hotspots .hotspots-image .image .hotspots .hotspot .hotspot-content p {
    font-family: "DIN 2014";
    font-weight: 300;
    font-style: normal;
    font-size: 13px;
    letter-spacing: 0.05em;
    text-transform: none;
    line-height: 1.33;
  }
  .fp-hotspots .special-hotspot {
    width: calc(100vw - 80px);
    margin-left: calc(-50vw + 40px);
  }
}
.fp-hotspots .special-hotspot.state-1:before {
  background-size: 100% 100%;
}
.fp-hotspots .special-hotspot.state-1 > div .image {
  opacity: 1;
  transform: none;
}
.fp-hotspots .special-hotspot.state-2 > div .image {
  -webkit-animation: heartbeat 1.5s infinite;
  animation: heartbeat 1.5s infinite;
}
.fp-hotspots .special-hotspot:before {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url(../images/backgrounds/special-hotspot.png) center no-repeat;
  background-size: 200% 200%;
  content: "";
  transition: background 1s;
}
.fp-hotspots .special-hotspot > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
  min-height: 100vh;
  z-index: 10;
  padding: 50px;
}
.fp-hotspots .special-hotspot > div h2 {
  opacity: 0;
  transition: opacity 2.5s;
}
.fp-hotspots .special-hotspot > div .image {
  opacity: 0;
  max-width: 875px;
  margin: 50px auto;
  transform: scale(0.25);
  transition: opacity 1s, transform 1s;
}
.fp-hotspots .special-hotspot > div .text {
  opacity: 0;
  transition: opacity 2.5s;
}
.fp-hotspots .special-hotspot > div .text p {
  max-width: 400px;
  margin: 0 auto;
}
.fp-graphic {
  margin: 0 -50px;
}
@media (max-width: 767px) {
  .fp-hotspots .special-hotspot > div {
    padding: 35px;
  }
  .fp-graphic {
    margin: 0 -35px;
  }
}
.fp-graphic:before {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: calc(100vw - 150px);
  margin-left: calc(-50vw + 75px);
  background: #142847;
  content: "";
}
@media (max-width: 767px) {
  .fp-graphic:before {
    width: calc(100vw - 80px);
    margin-left: calc(-50vw + 40px);
  }
}
.fp-graphic.has-background-color:before {
  display: block;
}
.fp-graphic.has-background-color .graphic {
  padding: 35px 0;
}
.fp-graphic .graphic {
  position: relative;
  z-index: 10;
  overflow: auto;
}
.fp-graphic .graphic img {
  width: calc(100% - 100px);
  min-width: 1000px;
  height: auto;
  margin: 0 50px;
}
@media (max-width: 767px) {
  .fp-graphic .graphic img {
    width: calc(100% - 70px);
    margin: 0 35px;
  }
}
.eyecatcher {
  width: 230px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  box-shadow: 4px 4px 20px 0 rgba(20, 40, 71, 0.25);
  border-radius: 50%;
  cursor: default;
}
.eyecatcher .eyecatcher-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: linear-gradient(180deg, #be00c4 0, #a200dc 100%);
}
.eyecatcher .eyecatcher-container .icon {
  position: absolute;
  top: 25%;
  left: 50%;
  width: 54px;
  height: 48px;
  margin-top: -24px;
  margin-left: -27px;
}
.eyecatcher .eyecatcher-container .text {
  font-size: 21px;
  position: absolute;
  top: calc(25% + 40px);
  color: #fff;
  line-height: 1.25;
  text-align: center;
  padding: 0 30px;
}
.fp-benefits .benefits .benefit h4,
.fp-features-slider .slider-switch div {
  font-family: "DIN 2014";
  font-style: normal;
  text-transform: uppercase;
}
.fp-benefits .benefits {
  display: flex;
  flex-flow: wrap;
  margin: -15px -10px;
}
.fp-benefits .benefits .benefit {
  width: 25%;
  padding: 15px 10px;
  text-align: center;
}
@media (max-width: 1024px) {
  .fp-benefits .benefits .benefit {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .fp-benefits .benefits .benefit {
    width: 100%;
  }
}
.fp-benefits .benefits .benefit .icon {
  width: 90px;
  height: 90px;
  margin: 0 auto 20px;
}
.fp-benefits .benefits .benefit h4 {
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0.05em;
  margin-bottom: 15px;
  line-height: 1.25;
}
.elementor-widget-fp-features {
  margin-top: 38px;
}
.elementor-widget-fp-features:first-child {
  margin-top: 0;
}
.fp-features {
  display: flex;
  flex-flow: wrap;
  margin: -15px 0;
}
.fp-features .feature-wrapper {
  width: 25%;
  margin: 15px 0;
  padding: 0 10px;
}
@media (max-width: 1024px) {
  .fp-features .feature-wrapper {
    width: 33.333%;
  }
}
@media (max-width: 767px) {
  .fp-features .feature-wrapper {
    width: 50%;
  }
}
.fp-features .feature-wrapper .feature {
  position: relative;
  max-width: 225px;
  margin: 0 auto;
  padding: 5px 0 0;
  text-align: center;
  cursor: default;
}
.fp-features .feature-wrapper .feature:hover .description {
  opacity: 1;
  transform: none;
}
.fp-features .feature-wrapper .feature .icon {
  width: 65px;
  height: 65px;
  margin: 0 auto 5px;
}
.fp-features .feature-wrapper .feature .description {
  opacity: 0;
  position: absolute;
  bottom: calc(100% + 25px);
  left: 50%;
  width: 240px;
  margin-left: -120px;
  padding: 20px;
  background: #0067a1;
  text-align: left;
  color: #fff;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity 0.5s, transform 0.5s;
}
.fp-features .feature-wrapper .feature .description:after {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-width: 10px;
  border-color: rgba(0, 103, 161, 0);
  border-top-color: #0067a1;
  content: "";
  pointer-events: none;
}
.fp-features .feature-wrapper .feature .description .title {
  margin-bottom: 12px;
  font-size: 24px;
  line-height: 1.5;
}
.elementor-col-50 .elementor-widget-fp-features {
  margin-top: 0;
}
.elementor-col-50 .elementor-widget-fp-features .fp-features {
  max-width: 450px;
}
.elementor-col-50 .elementor-widget-fp-features .fp-features .feature-wrapper {
  width: 33.333%;
}
.fp-screen-slider {
  position: relative;
  padding: 75px 0;
}
.fp-screen-slider:before {
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  left: 50%;
  width: calc(100vw - 150px);
  margin-left: calc(-50vw + 75px);
  background: #142847;
  content: "";
}
.fp-screen-slider .slides,
.fp-screen-slider > h2 {
  z-index: 10;
  position: relative;
}
@media (max-width: 767px) {
  .fp-screen-slider {
    padding: 50px 0;
  }
  .fp-screen-slider:before {
    width: calc(100vw - 80px);
    margin-left: calc(-50vw + 40px);
  }
}
.fp-screen-slider > h2 {
  margin-bottom: 24px;
  text-align: center;
  color: #fff;
}
.fp-screen-slider .slides .slide:not(:first-child) {
  display: none;
}
.fp-screen-slider .slides .slide .slide-image {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.fp-screen-slider .slides .slide .slide-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fp-screen-slider .slides .slide .slide-content {
  display: flex;
  position: relative;
  z-index: 10;
  width: calc(100% - 80px);
  margin: -40px 40px 0;
  padding: 75px 35px 25px;
  background: #0067a1;
  color: #fff;
}
@media (max-width: 767px) {
  .fp-screen-slider .slides .slide .slide-content {
    width: 100%;
    margin: 0;
  }
}
.fp-screen-slider .slides .slide .slide-content h3 {
  width: 40%;
  margin: 0;
}
@media (max-width: 1023px) {
  .fp-screen-slider .slides .slide .slide-content {
    display: block;
  }
  .fp-screen-slider .slides .slide .slide-content h3 {
    width: 100%;
    margin-bottom: 18px;
  }
}
.fp-screen-slider .slides .slide .slide-content p {
  width: 60%;
  margin: 0;
}
@media (max-width: 1023px) {
  .fp-screen-slider .slides .slide .slide-content p {
    width: 100%;
  }
}
.fp-screen-slider .slides .slide .slide-content .slider-arrows {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 44px;
  border-radius: 0;
  cursor: auto;
  pointer-events: auto;
}
.fp-screen-slider .slides .slide .slide-content .slider-arrows .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  margin-top: -22px;
}
.fp-screen-slider .slides .slide .slide-content .slider-arrows .arrow.prev {
  left: 0;
}
.fp-screen-slider .slides .slide .slide-content .slider-arrows .arrow.next {
  right: 0;
}
.fp-features-slider {
  position: relative;
  padding: 50px 0 75px;
}
.fp-features-slider:before {
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 100vw;
  margin-left: -50vw;
  background: #142847;
  content: "";
}
.fp-features-slider > * {
  position: relative;
  text-align: center;
  color: #fff;
}
.fp-features-slider .slider-switch {
  position: relative;
  z-index: 10;
  font-size: 0;
  margin-bottom: 50px;
}
.fp-features-slider .slider-switch div {
  font-weight: 700;
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  display: inline-block;
  width: 110px;
  margin: 0 -1px;
  padding: 18px 5px 17px;
  color: #142847;
  background: #f2f4f5;
  cursor: pointer;
}
.fp-app-slider .slides .slide .slide-content h4,
.fp-features-slider .slider .slides .slide .slide-content h4 {
  font-weight: 100;
  font-size: 35px;
  line-height: 1.25;
  letter-spacing: 0.05em;
  text-transform: none;
  color: #fff;
  font-style: normal;
}
.fp-features-slider .slider-switch div.active {
  background: linear-gradient(120deg, #be00c4 0, #a200dc 100%);
  color: #fff;
}
.fp-features-slider .slider {
  position: relative;
  width: 100%;
  padding: 60px 80px;
  background: #0067a1;
  text-align: left;
}
.fp-features-slider .slider:not(.active) {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.fp-features-slider .slider .slides .slide {
  position: relative;
}
.fp-features-slider .slider .slides .slide:not(:first-child) {
  display: none;
}
.fp-features-slider .slider .slides .slide .slide-image {
  position: absolute;
  bottom: -150px;
  left: 50%;
  width: 50%;
}
@media (max-width: 1023px) {
  .fp-features-slider .slider {
    margin: 75px 0 0;
  }
  .fp-features-slider .slider .slides .slide .slide-image {
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%;
    margin: 0 0 25px;
  }
}
@media (max-width: 767px) {
  .fp-features-slider .slider {
    padding: 35px;
  }
  .fp-features-slider .slider .slides .slide .slide-image {
    margin-bottom: 0;
  }
}
.fp-features-slider .slider .slides .slide .slide-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain;";
}
.fp-features-slider .slider .slides .slide .slide-image .mockup {
  width: calc(60vw - 75px);
  min-width: 800px;
  max-width: 1000px;
}
.fp-features-slider .slider .slides .slide .slide-image .mockup img {
  max-width: 1024px;
}
@media (max-width: 1023px) {
  .fp-features-slider .slider .slides .slide .slide-image .mockup {
    width: 100%;
    min-width: 0;
  }
  .fp-features-slider .slider .slides .slide .slide-image .mockup img {
    max-width: none;
  }
}
.fp-features-slider .slider .slides .slide .slide-content {
  width: 50%;
  min-height: 380px;
  color: #fff;
}
@media (max-width: 1023px) {
  .fp-features-slider .slider .slides .slide .slide-content {
    width: 100%;
  }
}
.fp-features-slider .slider .slides .slide .slide-content h4 {
  font-family: "DIN 2014";
}
.fp-features-slider .slider .slides .slide .slide-content hr {
  width: 95px;
  margin: 48px 0 !important;
  background: #fff !important;
}
.fp-features-slider .slider .slides .slide .slide-content .slider-arrows {
  margin-top: 60px;
  overflow: hidden;
}
.fp-app-slider .slides .slick-list,
.fp-features-slider .slider .slides .slick-list {
  overflow: visible;
}
.fp-features-slider
  .slider
  .slides
  .slide
  .slide-content
  .slider-arrows
  .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  width: 50px;
  height: 50px;
  background: #ad00d6;
}
.fp-features-slider
  .slider
  .slides
  .slide
  .slide-content
  .slider-arrows
  .arrow:not(:last-child) {
  margin-right: 8px;
}
.fp-app-slider {
  margin-bottom: 125px;
  padding: 60px 80px;
  background: #0067a1;
}
@media (max-width: 1023px) {
  .fp-features-slider .slider .slides .slide .slide-content .slider-arrows {
    margin-top: 30px;
  }
  .fp-app-slider {
    margin: 75px 0 0;
  }
}
@media (max-width: 767px) {
  .fp-app-slider {
    margin-top: 0;
    padding: 25px;
  }
}
.fp-app-slider.laptop-mockups .slides .slide .slide-image {
  top: 50px;
  right: -250px;
  left: 50%;
}
.fp-app-slider .slides .slide {
  position: relative;
}
.fp-app-slider .slides .slide:not(:first-child) {
  display: none;
}
.fp-app-slider .slides .slide .slide-image {
  position: absolute;
  top: 0;
  right: -200px;
  left: 55%;
}
@media (max-width: 1023px) {
  .fp-app-slider.laptop-mockups .slides .slide .slide-image {
    margin-top: -50px !important;
  }
  .fp-app-slider .slides .slide .slide-image {
    position: relative;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    height: 500px;
    margin: 0 !important;
  }
}
@media (max-width: 767px) {
  .fp-app-slider.laptop-mockups .slides .slide .slide-image {
    margin-top: 0 !important;
  }
  .fp-app-slider .slides .slide .slide-image {
    width: calc(100% + 40px);
    height: auto;
    margin-right: -20px !important;
    margin-bottom: 35px !important;
    margin-left: -20px !important;
  }
}
.fp-app-slider .slides .slide .slide-image img {
  width: 100%;
  height: 100%;
  max-height: 600px;
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain;";
}
.fp-app-slider .slides .slide .slide-content {
  width: 50%;
  background: #0067a1;
  color: #fff;
}
@media (max-width: 1023px) {
  .fp-app-slider .slides .slide .slide-content {
    width: 100%;
  }
}
.fp-app-slider .slides .slide .slide-content h4 {
  font-family: "DIN 2014";
}
.fp-app-slider .slides .slide .slide-content hr {
  width: 95px;
  margin: 48px 0 !important;
  background: #fff !important;
}
@media (max-width: 767px) {
  .fp-app-slider .slides .slide .slide-content hr {
    width: 50px;
    margin: 24px 0 !important;
  }
}
.fp-app-slider .slider-arrows {
  margin-top: 60px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .fp-app-slider .slider-arrows {
    margin-top: 30px;
  }
}
.fp-app-slider .slider-arrows .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  width: 50px;
  height: 50px;
  background: #ad00d6;
}
.fp-wbt-examples .wbt-examples .filters:empty,
.fp-wbt-examples .wbt-examples .mockup .mockup-frame .scroll-wrapper img {
  display: none;
}
.fp-app-slider .slider-arrows .arrow:not(:last-child) {
  margin-right: 8px;
}
.fp-wbt-examples.images .wbt-examples .mockup {
  margin: 0;
  padding-bottom: 52%;
}
.fp-wbt-examples.images .wbt-examples .mockup .mockup-frame {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fp-wbt-examples .wbt-examples .filters {
  margin: -10px -18px 25px;
  overflow: hidden;
  text-align: center;
}
.fp-wbt-examples .wbt-examples .filters .filter {
  opacity: 0.4;
  float: none;
  margin: 10px 18px;
  padding: 15px 50px;
  border-radius: 0;
  transition: opacity 0.25s;
}
.fp-wbt-examples .wbt-examples .filters .filter.active,
.fp-wbt-examples .wbt-examples .filters .filter:hover {
  opacity: 1;
}
.fp-wbt-examples .wbt-examples .mockup {
  position: relative;
  margin: 0 -100px;
}
.fp-wbt-examples .wbt-examples .mockup .mockup-frame {
  position: absolute;
  top: 6.1%;
  right: 15.2%;
  bottom: 14.4%;
  left: 15.3%;
  overflow: hidden;
}
.fp-wbt-examples .wbt-examples .mockup .mockup-frame .scroll-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.fp-wbt-examples
  .wbt-examples
  .mockup
  .mockup-frame
  .scroll-wrapper
  img.active {
  display: block;
}
.fp-wbt-examples .wbt-examples .mockup .mockup-frame .scroll-down-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.fp-wbt-examples
  .wbt-examples
  .mockup
  .mockup-frame
  .scroll-down-overlay:before {
  opacity: 0.6;
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #142847;
  content: "";
}
.fp-wbt-examples
  .wbt-examples
  .mockup
  .mockup-frame
  .scroll-down-overlay
  .scroll-down {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 100px;
  margin-top: -50px;
  margin-left: -35px;
  text-align: center;
}
.fp-wbt-examples
  .wbt-examples
  .mockup
  .mockup-frame
  .scroll-down-overlay
  .scroll-down
  .text {
  font-family: "DIN 2014";
  font-weight: 700;
  font-style: normal;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
  color: #fff;
  text-transform: uppercase;
}
.fp-wbt-examples
  .wbt-examples
  .mockup
  .mockup-frame
  .scroll-down-overlay
  .scroll-down
  .icon {
  width: 20px;
  height: 55px;
  margin: 0 auto;
}
.fp-wbt-examples
  .wbt-examples
  .mockup
  .mockup-frame
  .scroll-down-overlay
  .scroll-down
  .icon
  svg {
  width: 100%;
  height: 100%;
}
.elementor-column.elementor-col-50:first-child .mockup.blend-off {
  float: right;
  width: 50vw;
  max-width: none;
}
@media (max-width: 767px) {
  .elementor-column.elementor-col-50:first-child .mockup.blend-off {
    width: 100%;
  }
}
.elementor-column.elementor-col-50:last-child .mockup.blend-off {
  float: left;
  width: 50vw;
  max-width: none;
}
@media (max-width: 767px) {
  .elementor-column.elementor-col-50:last-child .mockup.blend-off {
    width: 100%;
  }
}
.elementor-column.elementor-col-33:first-child .mockup.blend-off {
  float: right;
  width: 33.333vw;
  max-width: none;
}
@media (max-width: 767px) {
  .elementor-column.elementor-col-33:first-child .mockup.blend-off {
    width: 100%;
  }
}
.elementor-column.elementor-col-33:last-child .mockup.blend-off {
  float: left;
  width: 33.333vw;
  max-width: none;
}
@media (max-width: 767px) {
  .elementor-column.elementor-col-33:last-child .mockup.blend-off {
    width: 100%;
  }
}
.fp-timeline-workflow:before {
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  left: 50%;
  width: calc(100vw - 150px);
  margin-left: calc(-50vw + 75px);
  background: #142847;
  content: "";
}
@media (max-width: 767px) {
  .fp-timeline-workflow:before {
    width: calc(100vw - 80px);
    margin-left: calc(-50vw + 40px);
  }
}
.fp-timeline-workflow .timeline-workflow {
  position: relative;
  z-index: 10;
  padding: 125px 0 0;
  text-align: center;
  color: #fff;
}
.fp-timeline-workflow .timeline-workflow h2,
.fp-timeline-workflow .timeline-workflow h3 {
  color: #fff;
}
.fp-timeline-workflow .timeline-workflow h3:not(:last-child) {
  margin-bottom: 75px;
}
@media (max-width: 768px) {
  .fp-timeline-workflow .timeline-workflow {
    padding-top: 50px;
  }
  .fp-timeline-workflow .timeline-workflow h3:not(:last-child) {
    margin-bottom: 50px;
  }
  .fp-timeline-workflow .timeline-workflow .milestones:after {
    display: none;
  }
}
.fp-timeline-workflow .timeline-workflow .milestones {
  position: relative;
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
}
.fp-timeline-workflow .timeline-workflow .milestones:after {
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: #fff;
  content: "";
}
.fp-timeline-workflow .timeline-workflow .milestones .milestone {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 10;
}
.fp-timeline-workflow .timeline-workflow .milestones .milestone .main-point {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 35px;
}
@media (max-width: 768px) {
  .fp-timeline-workflow .timeline-workflow .milestones .milestone .main-point {
    flex-flow: wrap;
    justify-content: center;
  }
  .fp-timeline-workflow
    .timeline-workflow
    .milestones
    .milestone
    .main-point
    .circle {
    margin-bottom: 35px;
  }
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .main-point
  .circle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 115px;
  height: 115px;
  background: #fff;
  border-radius: 50%;
  color: #142847;
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .main-point
  .circle
  span {
  display: block;
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .main-point
  .circle
  span.number {
  font-family: "DIN 2014";
  font-weight: 300;
  font-style: normal;
  font-size: 54px;
  letter-spacing: 0.025em;
  text-transform: none;
  line-height: 1;
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .main-point
  .circle
  span.name {
  margin-top: -3px;
  line-height: 1;
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .main-point
  .quote {
  font-family: "DIN 2014";
  font-weight: 100;
  font-size: 18px;
  letter-spacing: 0.05em;
  text-transform: none;
  display: flex;
  align-items: center;
  float: right;
  width: calc(50% - 57px);
  padding-left: 30px;
  text-align: left;
  color: #f2f8fc;
  line-height: 1.75;
  font-style: italic;
}
@media (max-width: 768px) {
  .fp-timeline-workflow
    .timeline-workflow
    .milestones
    .milestone
    .main-point
    .quote {
    width: 100%;
    padding: 0;
    text-align: center;
  }
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .main-point
  .quote
  q:before {
  content: "„";
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .main-point
  .quote
  q:after {
  content: "“";
}
.fp-timeline-workflow .timeline-workflow .milestones .milestone .step {
  display: flex;
  margin: 0 -25px;
  padding-bottom: 10px;
  text-align: left;
}
@media (max-width: 768px) {
  .fp-timeline-workflow .timeline-workflow .milestones .milestone .step {
    flex-flow: wrap;
    margin: 0;
    padding-bottom: 0;
  }
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .step:last-child {
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  .fp-timeline-workflow
    .timeline-workflow
    .milestones
    .milestone
    .step:last-child {
    padding-bottom: 15px;
  }
}
.fp-timeline-workflow .timeline-workflow .milestones .milestone .step.inverted {
  flex-direction: row-reverse;
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .step.inverted
  .main {
  padding-left: 87px;
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .step.inverted
  .main
  .headline:before {
  left: -87px;
  width: calc(100% + 87px);
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .step.inverted
  .main
  .headline:after {
  right: calc(100% + 87px - 8px);
  left: auto;
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .step.inverted
  .icontext {
  flex-direction: row-reverse;
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .step.inverted
  .icontext
  .icon {
  margin-right: -49px;
  margin-left: 0;
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .step.inverted
  .icontext
  .text {
  padding: 29px 50px 0 0;
  text-align: right;
}
.fp-timeline-workflow .timeline-workflow .milestones .milestone .step > div {
  width: 50%;
  padding: 0 25px;
}
@media (max-width: 768px) {
  .fp-timeline-workflow .timeline-workflow .milestones .milestone .step > div {
    width: 100%;
    padding: 0 !important;
  }
  .fp-timeline-workflow .timeline-workflow .milestones .milestone .step .main {
    text-align: center;
  }
  .fp-timeline-workflow
    .timeline-workflow
    .milestones
    .milestone
    .step
    .main:empty {
    display: none;
  }
  .fp-timeline-workflow
    .timeline-workflow
    .milestones
    .milestone
    .step
    .main:not(:empty) {
    padding-bottom: 35px !important;
  }
  .fp-timeline-workflow
    .timeline-workflow
    .milestones
    .milestone
    .step
    .main
    .headline:before {
    display: none;
  }
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .step
  .main
  .headline {
  font-family: "DIN 2014";
  font-weight: 300;
  font-style: normal;
  font-size: 26px;
  line-height: 1.25;
  letter-spacing: 0.025em;
  text-transform: none;
  position: relative;
  margin-bottom: 15px;
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .step
  .main
  .headline:before {
  position: absolute;
  left: 0;
  width: calc(100% + 25px);
  height: 1px;
  bottom: -7px;
  background: #fff;
  content: "";
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .step
  .main
  .headline:after {
  position: absolute;
  bottom: -14px;
  left: calc(100% + 25px - 7px);
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 50%;
  content: "";
}
@media (max-width: 768px) {
  .fp-timeline-workflow
    .timeline-workflow
    .milestones
    .milestone
    .step
    .main
    .headline:after {
    display: none;
  }
  .fp-timeline-workflow
    .timeline-workflow
    .milestones
    .milestone
    .step
    .icontext {
    flex-flow: wrap;
  }
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .step
  .main
  .text {
  font-family: "DIN 2014";
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
  line-height: 1.75;
  letter-spacing: 0.05em;
  text-transform: none;
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .step
  .icontext {
  display: flex;
  position: relative;
}
@media (max-width: 768px) {
  .fp-timeline-workflow
    .timeline-workflow
    .milestones
    .milestone
    .step
    .icontext:empty {
    display: none;
  }
  .fp-timeline-workflow
    .timeline-workflow
    .milestones
    .milestone
    .step
    .icontext:not(:empty) {
    padding-bottom: 35px !important;
  }
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .step
  .icontext
  .icon {
  width: 49px;
  height: 49px;
  margin-top: 14px;
  margin-left: -49px;
  padding: 13px;
  border-radius: 50%;
  background: #0067a1;
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .step
  .icontext
  .icon
  svg {
  width: 100%;
  height: 100%;
}
.fp-timeline-workflow
  .timeline-workflow
  .milestones
  .milestone
  .step
  .icontext
  .text {
  font-family: "DIN 2014";
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0.1em;
  text-transform: none;
  padding: 29px 0 0 63px;
  color: #0067a1;
  line-height: 25px;
}
@media (max-width: 768px) {
  .fp-timeline-workflow
    .timeline-workflow
    .milestones
    .milestone
    .step
    .icontext
    .icon {
    margin: 0 auto 15px !important;
  }
  .fp-timeline-workflow
    .timeline-workflow
    .milestones
    .milestone
    .step
    .icontext
    .text {
    width: 100%;
    padding: 0 !important;
    text-align: center !important;
  }
}
.fp-timeline-workflow .timeline-workflow .image {
  position: relative;
  left: 50%;
  width: calc(100vw - 150px);
  margin-left: calc(-50vw + 75px);
}
@media (max-width: 767px) {
  .fp-timeline-workflow .timeline-workflow .image {
    width: calc(100vw - 80px);
    margin-left: calc(-50vw + 40px);
  }
}
.fp-timeline-workflow .timeline-workflow .image img {
  float: left;
  width: 100%;
}
.fp-timeline-history:before {
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  left: 50%;
  width: calc(100vw - 150px);
  margin-left: calc(-50vw + 75px);
  background: #142847;
  content: "";
}
@media (max-width: 767px) {
  .fp-timeline-history:before {
    width: calc(100vw - 80px);
    margin-left: calc(-50vw + 40px);
  }
}
.fp-timeline-history .timeline-history {
  position: relative;
  z-index: 10;
  padding: 75px 0 0;
  overflow: hidden;
  text-align: center;
  color: #fff;
}
.fp-timeline-history .timeline-history h2,
.fp-timeline-history .timeline-history h3 {
  color: #fff;
}
.fp-timeline-history .timeline-history h3:not(:last-child) {
  margin-bottom: 75px;
}
@media (max-width: 768px) {
  .fp-timeline-history .timeline-history {
    padding-top: 50px;
  }
  .fp-timeline-history .timeline-history h3:not(:last-child) {
    margin-bottom: 50px;
  }
  .fp-timeline-history .timeline-history .milestones:after {
    display: none;
  }
}
.fp-timeline-history .timeline-history .milestones {
  position: relative;
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
}
.fp-timeline-history .timeline-history .milestones:after {
  position: absolute;
  z-index: 5;
  top: 1px;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: #fff;
  content: "";
}
.fp-timeline-history .timeline-history .milestones .milestone {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 10;
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone.inverted:last-child
  .main-point
  .circle {
  transform: translateX(75px);
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone.inverted:last-child
  .main-point
  .circle:before {
  position: absolute;
  top: 100%;
  left: 37px;
  width: 1px;
  height: 100vw;
  background: #fff;
  content: "";
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone.inverted:last-child
  .main-point
  .main {
  width: calc(50% - 37px - 75px);
  transform: translateX(75px);
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone.inverted:last-child
  .main-point
  .main
  .headline:before {
  width: calc(100% + 30px + 75px + 37px);
  left: -142px;
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone.inverted:last-child
  .main-point
  .main
  .headline:after {
  position: absolute;
  bottom: -14px;
  right: calc(100% + 135px);
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 50%;
  content: "";
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone.inverted
  .main-point {
  flex-direction: row-reverse;
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone.inverted
  .main-point
  .main {
  padding: 0 0 0 30px;
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone.inverted
  .main-point
  .main
  .headline:before {
  left: -30px;
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone.inverted
  .main-point
  .quote {
  padding: 25px 30px 0 0;
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone.inverted
  .main-point
  .text {
  font-family: "DIN 2014";
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
  line-height: 1.75;
  letter-spacing: 0.05em;
  text-transform: none;
}
.fp-timeline-history .timeline-history .milestones .milestone .main-point {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 50px;
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone
  .main-point
  .main {
  float: left;
  width: calc(50% - 37px);
  padding-right: 30px;
  text-align: left;
}
@media (max-width: 768px) {
  .fp-timeline-history .timeline-history .milestones .milestone .main-point {
    flex-flow: wrap;
    justify-content: center;
    padding-bottom: 15px;
  }
  .fp-timeline-history
    .timeline-history
    .milestones
    .milestone
    .main-point
    .main {
    order: 2;
    width: 100% !important;
    padding: 0 0 35px !important;
    text-align: center;
    transform: none !important;
  }
  .fp-timeline-history
    .timeline-history
    .milestones
    .milestone
    .main-point
    .main
    .headline:before {
    display: none;
  }
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone
  .main-point
  .main
  .headline {
  font-family: "DIN 2014";
  font-weight: 300;
  font-style: normal;
  font-size: 26px;
  line-height: 1.25;
  letter-spacing: 0.025em;
  text-transform: none;
  position: relative;
  margin-bottom: 15px;
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone
  .main-point
  .main
  .headline:before {
  position: absolute;
  left: 0;
  width: calc(100% + 30px);
  height: 1px;
  bottom: -7px;
  background: #fff;
  content: "";
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone
  .main-point
  .circle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 75px;
  height: 75px;
  margin-top: 1px;
  background: #fff;
  border-radius: 50%;
  color: #142847;
}
.fp-timeline-history .timeline-history .milestones .milestone .step.inverted,
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone
  .step.inverted
  .icontext {
  flex-direction: row-reverse;
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone
  .main-point
  .circle
  span {
  display: block;
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone
  .main-point
  .circle
  span.year {
  font-family: "DIN 2014";
  font-weight: 300;
  font-style: normal;
  font-size: 24px;
  letter-spacing: 0.025em;
  text-transform: none;
  line-height: 1;
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone
  .main-point
  .quote {
  font-family: "DIN 2014";
  font-weight: 100;
  font-size: 18px;
  letter-spacing: 0.05em;
  text-transform: none;
  display: flex;
  float: right;
  width: calc(50% - 37px);
  padding-top: 25px;
  padding-left: 30px;
  text-align: left;
  color: #f2f8fc;
  line-height: 1.75;
  font-style: italic;
}
@media (max-width: 768px) {
  .fp-timeline-history
    .timeline-history
    .milestones
    .milestone
    .main-point
    .circle {
    order: 1;
    margin-bottom: 25px;
    transform: none !important;
  }
  .fp-timeline-history
    .timeline-history
    .milestones
    .milestone
    .main-point
    .quote {
    order: 3;
    width: 100%;
    padding: 0 !important;
    text-align: center;
  }
  .fp-timeline-history
    .timeline-history
    .milestones
    .milestone
    .main-point
    .quote:not(:empty) {
    padding-bottom: 35px !important;
  }
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone
  .main-point
  .quote
  q:before {
  content: "„";
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone
  .main-point
  .quote
  q:after {
  content: "“";
}
.fp-timeline-history .timeline-history .milestones .milestone .step {
  display: flex;
  margin: 0 -25px;
  padding-bottom: 10px;
  text-align: left;
}
.fp-timeline-history .timeline-history .milestones .milestone .step:last-child {
  padding-bottom: 60px;
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone
  .step.inverted
  .main {
  padding-left: 87px;
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone
  .step.inverted
  .main
  .headline:before {
  left: -87px;
  width: calc(100% + 87px);
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone
  .step.inverted
  .main
  .headline:after {
  right: calc(100% + 87px - 8px);
  left: auto;
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone
  .step.inverted
  .icontext
  .icon {
  margin-right: -49px;
  margin-left: 0;
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone
  .step.inverted
  .icontext
  .text {
  padding: 29px 50px 0 0;
  text-align: right;
}
.fp-timeline-history .timeline-history .milestones .milestone .step > div {
  width: 50%;
  padding: 0 25px;
}
.fp-timeline-history .timeline-history .milestones .milestone .step .icontext {
  display: flex;
  position: relative;
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone
  .step
  .icontext
  .icon {
  width: 49px;
  height: 49px;
  margin-top: 14px;
  margin-left: -49px;
  padding: 13px;
  border-radius: 50%;
  background: #0067a1;
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone
  .step
  .icontext
  .icon
  svg {
  width: 100%;
  height: 100%;
}
.fp-timeline-history
  .timeline-history
  .milestones
  .milestone
  .step
  .icontext
  .text {
  font-family: "DIN 2014";
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0.1em;
  text-transform: none;
  padding: 29px 0 0 63px;
  color: #0067a1;
  line-height: 25px;
}
.fp-timeline-history .timeline-history .image {
  position: relative;
  left: 50%;
  width: calc(100vw - 150px);
  margin-left: calc(-50vw + 75px);
}
.fp-timeline-history .timeline-history .image img {
  float: left;
  width: 100%;
}
.fp-poi-wbt {
  position: relative;
  padding: 50px 0 75px;
}
.fp-poi-wbt:before {
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 100vw;
  margin-left: -50vw;
  background: #142847;
  content: "";
}
.fp-poi-wbt > * {
  position: relative;
  text-align: center;
  color: #fff;
}
.fp-poi-wbt > h3 {
  margin-bottom: 50px;
}
.fp-poi-wbt .poi-wbt {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  padding: 60px 80px;
  background: #0067a1;
  text-align: left;
}
@media (max-width: 1023px) {
  .fp-poi-wbt .poi-wbt {
    display: block;
    margin: 75px 0 0;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .fp-poi-wbt .poi-wbt {
    margin-top: 0;
    padding: 35px;
  }
}
.fp-poi-wbt .poi-wbt .image {
  position: relative;
  float: right;
  width: 50%;
  margin-top: -50px;
  margin-bottom: -150px;
}
@media (max-width: 1023px) {
  .fp-poi-wbt .poi-wbt .image {
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%;
    margin: 0 0 25px;
  }
}
@media (max-width: 767px) {
  .fp-poi-wbt .poi-wbt .image {
    width: calc(100% + 50px);
    margin: 0 -25px 25px;
  }
  .fp-poi-wbt .poi-wbt .content {
    display: flex;
    flex-direction: column-reverse;
  }
}
.fp-poi-wbt .poi-wbt .image:first-child:last-child {
  width: 100%;
  margin-top: -125px;
}
.fp-poi-wbt .poi-wbt .image:first-child:last-child .mockup {
  width: 100%;
  max-width: none;
}
.fp-poi-wbt .poi-wbt .image .mockup {
  position: relative;
  width: calc(50vw - 75px);
  max-width: 1000px;
}
@media (max-width: 1023px) {
  .fp-poi-wbt .poi-wbt .image .mockup {
    width: 100%;
  }
}
.fp-poi-wbt .poi-wbt .image .mockup .mockup-frame {
  position: absolute;
  top: 8.5%;
  right: 7%;
  bottom: 31.3%;
  left: 7%;
  overflow: hidden;
}
.fp-poi-wbt .poi-wbt .image .mockup .mockup-frame .scroll-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.fp-poi-wbt .poi-wbt .image .mockup .mockup-frame .scroll-down-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.fp-poi-wbt .poi-wbt .image .mockup .mockup-frame .scroll-down-overlay:before {
  opacity: 0.6;
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #142847;
  content: "";
}
.fp-poi-wbt
  .poi-wbt
  .image
  .mockup
  .mockup-frame
  .scroll-down-overlay
  .scroll-down {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 100px;
  margin-top: -50px;
  margin-left: -35px;
  text-align: center;
}
.fp-poi-wbt
  .poi-wbt
  .image
  .mockup
  .mockup-frame
  .scroll-down-overlay
  .scroll-down
  .text {
  font-family: "DIN 2014";
  font-weight: 700;
  font-style: normal;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
  color: #fff;
  text-transform: uppercase;
}
.fp-poi-wbt
  .poi-wbt
  .image
  .mockup
  .mockup-frame
  .scroll-down-overlay
  .scroll-down
  .icon {
  width: 20px;
  height: 55px;
  margin: 0 auto;
}
.fp-poi-wbt
  .poi-wbt
  .image
  .mockup
  .mockup-frame
  .scroll-down-overlay
  .scroll-down
  .icon
  svg {
  width: 100%;
  height: 100%;
}
.fp-poi-wbt .poi-wbt .image .mockup .mockup-frame .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
}
.fp-elements-slider .elements-slider .slides .slide h4,
.fp-poi-wbt .poi-wbt .content .slides .slide h4 {
  font-weight: 100;
  font-size: 35px;
  line-height: 1.25;
  text-transform: none;
  font-family: "DIN 2014";
  font-style: normal;
  letter-spacing: 0.05em;
  color: #fff;
}
.fp-poi-wbt .poi-wbt .image .mockup .mockup-frame .video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.fp-poi-wbt .poi-wbt .image .mockup .mockup-frame .position {
  position: absolute;
  top: 0;
  right: 0;
  background: #ad00d6;
  padding: 3px 8px;
}
.fp-poi-wbt .poi-wbt .content {
  position: relative;
  float: left;
  width: 50%;
  min-height: 380px;
  color: #fff;
}
@media (max-width: 1023px) {
  .fp-poi-wbt .poi-wbt .content {
    width: 100%;
    min-height: 0;
  }
}
.fp-poi-wbt .poi-wbt .content .slides .slide:not(:first-child) {
  display: none;
}
.fp-poi-wbt .poi-wbt .content .slides .slide hr {
  width: 95px;
  margin: 48px 0 !important;
  background: #fff !important;
}
@media (max-width: 767px) {
  .fp-poi-wbt .poi-wbt .content .slides .slide hr {
    width: 50px;
    margin: 24px 0 !important;
  }
}
.fp-poi-wbt .poi-wbt .content .slider-arrows {
  margin-top: 60px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .fp-poi-wbt .poi-wbt .content .slider-arrows {
    margin: 0 0 30px;
  }
}
.fp-poi-wbt .poi-wbt .content .slider-arrows .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  width: 50px;
  height: 50px;
  background: #ad00d6;
}
.fp-poi-wbt .poi-wbt .content .slider-arrows .arrow:not(:last-child) {
  margin-right: 8px;
}
.fp-elements-slider .elements-slider {
  padding: 50px 75px;
  background: #0067a1;
}
.fp-elements-slider .elements-slider .slides .slide {
  color: #fff;
}
.fp-elements-slider .elements-slider .slides .slide:not(:last-child) {
  display: none;
}
.fp-elements-slider .elements-slider .slides .slide hr {
  width: 95px;
  margin: 48px 0 !important;
  background: #fff !important;
}
@media (max-width: 767px) {
  .fp-elements-slider .elements-slider .slides .slide hr {
    width: 50px;
    margin: 24px 0 36px !important;
  }
}
.fp-elements-slider .elements-slider .slides .slide .elements {
  display: flex;
  flex-flow: wrap;
  margin: -15px;
}
@media (max-width: 767px) {
  .fp-elements-slider .elements-slider .slides .slide .elements {
    margin: -10px;
  }
}
.fp-elements-slider .elements-slider .slides .slide .elements .element {
  width: calc(20% - 30px);
  margin: 15px;
  text-align: center;
}
@media (max-width: 1023px) {
  .fp-elements-slider .elements-slider {
    padding: 35px;
  }
  .fp-elements-slider .elements-slider .slides .slide .elements .element {
    width: calc(33.333% - 30px);
  }
}
@media (max-width: 767px) {
  .fp-elements-slider .elements-slider .slides .slide .elements .element {
    width: calc(50% - 20px);
    margin: 10px;
  }
}
.fp-elements-slider .elements-slider .slides .slide .elements .element .icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  font-size: 0;
}
@media (max-width: 767px) {
  .fp-elements-slider .elements-slider .slides .slide .elements .element .icon {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 413px) {
  .fp-elements-slider .elements-slider .slides .slide .elements .element .icon {
    width: 45px;
    height: 45px;
  }
}
.fp-elements-slider
  .elements-slider
  .slides
  .slide
  .elements
  .element
  .icon
  img {
  width: 100%;
  height: 100%;
}
.fp-elements-slider .elements-slider .slides .slide .elements .element .label {
  font-family: "DIN 2014";
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .fp-elements-slider
    .elements-slider
    .slides
    .slide
    .elements
    .element
    .label {
    font-size: 12px;
  }
}
@media (max-width: 413px) {
  .fp-elements-slider
    .elements-slider
    .slides
    .slide
    .elements
    .element
    .label {
    font-size: 10px;
  }
}
.fp-elements-slider .elements-slider .slider-arrows {
  margin-top: 60px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .fp-elements-slider .elements-slider .slider-arrows {
    margin-top: 30px;
  }
}
.fp-elements-slider .elements-slider .slider-arrows .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  width: 50px;
  height: 50px;
  background: #ad00d6;
}
.fp-elements-slider .elements-slider .slider-arrows .arrow:not(:last-child) {
  margin-right: 8px;
}
.fp-eauthor-area {
  position: relative;
  width: calc(100vw - 150px);
  left: 50%;
  margin-left: calc(-50vw + 75px);
}
@media (max-width: 767px) {
  .fp-eauthor-area {
    width: calc(100vw - 80px);
    margin-left: calc(-50vw + 40px);
  }
}
.fp-eauthor-area .image {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fp-eauthor-area .image img {
  width: 100%;
  height: 100%;
}
.fp-eauthor-area .eauthor-area {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 75px 50px;
  text-align: center;
}
.fp-eauthor-area .eauthor-area > * {
  color: #fff;
}
.fp-eauthor-area .eauthor-area .button {
  float: none;
  margin: 35px auto 75px;
}
.fp-eauthor-area .eauthor-area .features {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  width: 100%;
  margin: -15px;
}
.fp-eauthor-area .eauthor-area .features .feature {
  display: inline-flex;
  flex-direction: column;
  margin: 15px;
  max-width: 100px;
}
.fp-eauthor-area .eauthor-area .features .feature .icon {
  width: 65px;
  height: 65px;
  margin: 0 auto 15px;
}
.fp-eauthor-area .eauthor-area .features .feature .title {
  line-height: 1.25;
}
.fp-eauthor-area .eauthor-area .eyecatcher {
  position: absolute;
  top: -75px;
  right: 10px;
}
.fp-interests-area {
  text-align: center;
}
.fp-interests-area .teasers {
  display: flex;
  flex-flow: wrap;
  margin: -5px;
}
.fp-interests-area .teasers .teaser {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  float: left;
  width: calc(25% - 10px);
  margin: 5px;
  background: #142847;
}
@media (max-width: 1023px) {
  .fp-interests-area .teasers .teaser {
    width: calc(50% - 10px);
  }
}
@media (max-width: 767px) {
  .fp-eauthor-area .eauthor-area {
    padding: 175px 35px 50px;
  }
  .fp-interests-area .teasers .teaser {
    width: calc(100% - 10px);
    min-height: 400px;
  }
}
.fp-interests-area .teasers .teaser.teaser-app .image,
.fp-interests-area .teasers .teaser.teaser-video .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fp-interests-area .teasers .teaser.teaser-app {
  border-radius: 25px;
  overflow: hidden;
}
.fp-interests-area .teasers .teaser .image {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.fp-interests-area .teasers .teaser .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fp-map,
.fp-meeting {
  position: relative;
  left: 50%;
}
.fp-interests-area .teasers .teaser .main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  height: 100%;
  color: #fff;
}
.fp-interests-area .teasers .teaser .main .main-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 20px 15px 30px;
}
.fp-interests-area .teasers .teaser .main .main-container h3 {
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 26px;
  color: #fff;
}
.fp-interests-area .teasers .teaser .main .main-container hr {
  width: 25px;
  margin: 5px auto 15px !important;
  background: #fff !important;
}
#footer,
.fp-map {
  background: #142847;
}
.fp-interests-area .teasers .teaser .main .button {
  margin: auto 0 0;
  border-radius: 0;
}
.fp-map {
  width: calc(100vw - 150px);
  height: 500px;
  max-height: 80vh;
  margin-left: calc(-50vw + 75px);
}
@media (max-width: 767px) {
  .fp-map {
    width: calc(100vw - 80px);
    margin-left: calc(-50vw + 40px);
  }
}
.fp-map #map {
  height: 100%;
}
.fp-meeting {
  width: 100vw;
  margin-left: calc(-50vw - 75px);
}
.meeting {
  padding-left: 150px;
}
@media (max-width: 767px) {
  .fp-meeting {
    margin-left: calc(-50vw - 40px);
  }
  .meeting {
    padding-left: 80px;
  }
}
.meeting .columns {
  display: flex;
  flex-flow: wrap;
  width: 100%;
  max-width: 1150px;
  padding: 0 25px;
  margin: 0 auto;
}
.meeting .columns .column {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 50%;
  padding: 0 25px;
}
@media (max-width: 1259px) {
  .meeting .columns .column {
    width: 100%;
  }
  .meeting .columns .column:not(:last-child) {
    margin-bottom: 50px;
  }
}
.meeting .columns .column .widget {
  width: calc(50vw - 50px - 75px);
}
@media (max-width: 1259px) {
  .meeting .columns .column .widget {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .meeting .columns .column {
    padding: 0 10px;
  }
  .meeting .columns .column .widget {
    position: relative;
    left: 50%;
    width: 320px;
    margin-left: -160px;
    transform: scale();
  }
}
@media (max-width: 413px) {
  .meeting .columns .column .widget {
    transform: scale(0.8);
  }
}
@media (max-width: 374px) {
  .meeting .columns .column .widget {
    transform: scale(0.7);
  }
}
.meeting .columns .column .widget .meetings-iframe-container {
  overflow: auto;
}
#footer {
  padding-left: 150px;
  border-top: 1px solid #ad00d6;
  text-align: center;
  color: #fff;
}
@media (max-width: 767px) {
  #footer {
    padding-left: 80px;
  }
}
#footer .contact-area {
  width: 100%;
  max-width: 950px;
  min-height: 450px;
  margin: 0 auto;
  padding: 50px 50px 75px;
}
#footer .contact-area h2 {
  color: #fff;
}
#footer .contact-area h3 {
  margin-bottom: 36px;
  color: #fc45f0;
}
#footer .contact-area .phone,
#footer .footer-bar .footer-menu li a {
  color: #fff;
  font-family: "DIN 2014";
  font-style: normal;
}
#footer .contact-area .phone {
  font-weight: 300;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: 0.025em;
  text-transform: none;
  margin-top: 30px;
}
@media (max-width: 767px) {
  #footer .contact-area {
    padding: 50px 35px 75px;
  }
  #footer .contact-area .phone {
    font-size: 30px;
  }
}
#footer .contact-area .contact-form {
  margin-top: 50px;
}
#footer .footer-bar {
  padding: 27px 25px;
  background: linear-gradient(180deg, #be00c4 0, #a200dc 100%);
}
#footer .footer-bar .footer-menu {
  display: flex;
  justify-content: center;
  margin: 8px -10px 0;
}
#footer .footer-bar .footer-menu li {
  margin: 0 10px;
}
#footer .footer-bar .footer-menu li a {
  font-weight: 700;
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
div.gform_wrapper {
  max-width: 500px;
  margin: 0 auto;
}
div.gform_wrapper form .validation_error {
  margin-bottom: 25px;
}
div.gform_wrapper form .gform_body .gform_fields .gfield {
  margin: 0 0 22px;
  padding: 0;
  overflow: hidden;
}
div.gform_wrapper
  form
  .gform_body
  .gform_fields
  .gfield.hidden_label
  .gfield_label {
  display: none;
}
div.gform_wrapper form .gform_body .gform_fields .gfield .grecaptcha-badge {
  z-index: 1000;
}
div.gform_wrapper form .gform_body .gform_fields .gfield label {
  font-family: "DIN 2014";
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-transform: none;
  display: block;
  float: left;
  width: 75px;
  text-align: left;
  line-height: 18px;
  padding: 5px 0;
}
#elementor .ui-resizable-handle,
#elementor-panel .elementor-component-tab[data-tab="style"],
#elementor-panel .elementor-component-tab[data-tab="advanced"],
#wpadminbar
  #wp-admin-bar-root-default
  > li:not(#wp-admin-bar-menu-toggle):not(#wp-admin-bar-site-name):not(
    #wp-admin-bar-edit
  ):not(#wp-admin-bar-elementor_edit_page),
#wpadminbar #wp-admin-bar-site-name .ab-sub-wrapper #wp-admin-bar-appearance,
#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-search,
div.gform_wrapper form .gform_footer .gform_ajax_spinner {
  display: none;
}
div.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container {
  float: left;
  width: calc(100% - 75px);
  margin: 0;
  overflow: hidden;
}
div.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container > * {
  float: left;
  width: 100%;
}
div.gform_wrapper
  form
  .gform_body
  .gform_fields
  .gfield
  .ginput_container
  textarea {
  height: 28px;
}
div.gform_wrapper form .gform_body .gform_fields .gfield .validation_message {
  float: left;
  margin-top: 5px;
  padding-left: 75px;
}
div.gform_wrapper form .gform_footer {
  margin: 50px 0 0;
  padding: 0;
  text-align: center;
}
div.gform_wrapper form .gform_footer .gform_button {
  float: none;
  margin: 0;
  font-size: 12px;
}
[data-widget_type="fp-button.default"] {
  text-align: center;
}
#tinymce {
  padding: 15px !important;
}
#tinymce .h1,
#tinymce .h2,
#tinymce .h3,
#tinymce .h4,
#tinymce .h5,
#tinymce .h6,
#tinymce h1,
#tinymce h2,
#tinymce h3,
#tinymce h4,
#tinymce h5,
#tinymce h6 {
  text-transform: none;
}
#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-my-account .ab-item img {
  display: none !important;
}
#wpadminbar
  #wp-admin-bar-top-secondary
  #wp-admin-bar-my-account
  .ab-sub-wrapper {
  position: absolute;
  right: 0;
  left: 0;
}
#wpadminbar
  #wp-admin-bar-top-secondary
  #wp-admin-bar-my-account
  .ab-sub-wrapper
  #wp-admin-bar-user-actions {
  padding: 10px 0;
}
#wpadminbar
  #wp-admin-bar-top-secondary
  #wp-admin-bar-my-account
  .ab-sub-wrapper
  #wp-admin-bar-user-actions
  #wp-admin-bar-edit-profile,
#wpadminbar
  #wp-admin-bar-top-secondary
  #wp-admin-bar-my-account
  .ab-sub-wrapper
  #wp-admin-bar-user-actions
  #wp-admin-bar-user-info {
  display: none;
}
#wpadminbar
  #wp-admin-bar-top-secondary
  #wp-admin-bar-my-account
  .ab-sub-wrapper
  #wp-admin-bar-user-actions
  #wp-admin-bar-logout {
  margin: 0;
}
#wpadminbar
  #wp-admin-bar-top-secondary
  #wp-admin-bar-my-account
  .ab-sub-wrapper
  #wp-admin-bar-user-actions
  #wp-admin-bar-logout
  a {
  min-width: 0;
  text-align: center;
  color: #dc3232;
}
#wpadminbar
  #wp-admin-bar-top-secondary
  #wp-admin-bar-my-account
  .ab-sub-wrapper
  #wp-admin-bar-user-actions
  #wp-admin-bar-logout
  a:hover {
  text-decoration: underline;
}