html {
  font-size: var(--user-font-size);
}

body {
  font-family: var(--user-primary-font);
  line-height: 1.25;
}

@media only screen and (max-width: 89.9375em) {
  header[role=banner] .container .logo {
    margin-right: auto;
  }
}

.container.container {
  max-width: 1232px;
}

/*@media only screen and (min-width: 100em) {*/
/*  .container.smaller {*/
/*    padding-left: 0;*/
/*    padding-right: 0;*/
/*  }*/
/*}*/

header .container.smaller {
  position: static;
}

header[role=banner] .container {
  align-items: center;
}

header[role=banner] .logo.logo {
  flex-shrink: 0;
  position: static;
  margin: 0 2rem 0 0;
}

header[role=banner] .navigation {
  flex-grow: 1;
}

.navigation.navigation > ul > li a {
  white-space: nowrap;
  padding: 0.7rem;
}

.navigation > ul > li.has-submenu.has-submenu > a {
  padding-right: 2rem;
}

.style-1.container.smaller .d-grid-col-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.5rem;
  margin: 0;
  height: 100%;
}

#home-intro .grid.grid-space__m>.grid-col>* {
  margin: 0;
}

.d-grid-col-2 picture {
  height: 100%;
}

.d-grid-col-2.d-grid-col-2 > .grid-col.grid-col__2-1 {
  flex-basis: unset;
  max-width: unset;
}

#home-points ul {
  justify-content: flex-start;
}

#home-points ul li {
  margin-right: 7.25rem;
}

@media only screen and (max-width: 768px) {
  #home-points ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4px;
  }

  #home-points ul li {
    margin-right: 0;
    align-items: center;
  }
}

@media only screen and (max-width: 576px) {
  .newsletter-block .container form {
    flex-direction: column;
    width: 100%;
  }

  .newsletter-block .container form button {
    margin-top: 40px;
  }

  .newsletter-block .container form input {
    margin-right: 0;
    width: 100%;
  }

  .page-header .page-header-content .content {
    margin-right: 0;
  }
}

#home-vacancies:before,
.newsletter-block:before  {
  right: 18rem;
}

@media only screen and (max-width: 99.9375em) {
  #home-vacancies:before,
  .newsletter-block:before {
    right: 12.25rem;
  }
}

@media only screen and (max-width: 768px) {
  #home-vacancies:before,
  .newsletter-block:before {
    right: 0;
  }
}

#home-articles .slider-navs {
  margin-left: 0;
  margin-right: 0;
}

@media only screen and (max-width: 99.9375em) {
  #home-articles .slider-navs {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}



#home-cta img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.map-container .gm-map {
  max-width: 100%;
  transform: scale(1.1);
}

@media only screen and (max-width: 768px) {
  .map-container .gm-map {
    transform: scale(1);
  }
}

.offices-container .map-container.map-container {
  padding: 0;
}

.offices-container .offices-list .slider-navs {
  left: 0;
  right: 0;
  margin: 0;
  pointer-events: none;
}

.offices-container .offices-list .slider-navs button {
  pointer-events: all;
}

@media only screen and (max-width: 99.9375em) {
  .offices-container .offices-list .slideshow:before,
  .offices-container .offices-list .slideshow:after {
    display: none;
  }
}

@media only screen and (max-width: 99.9375em) {
  .offices-container .offices-list .slideshow {
    padding: 0;
  }
}

.map-container + .accessibility.container.smaller ul {
  margin: 0;
  justify-content: space-between;
}

.map-container + .accessibility.container.smaller ul li {
  max-width: 49%;
}

@media only screen and (max-width: 576px) {
  .map-container + .accessibility.container.smaller ul {
    flex-direction: column;
  }

  .map-container + .accessibility.container.smaller ul li {
    max-width: 100%;
  }
}

#more-articles .container.smaller,
#home-offices .container.smaller {
  overflow: hidden;
}

#story-container .slider-navs {
  left: 0rem;
  right: 0rem;
}

#home-offices .grid-content.accessibility-item {
  margin: 0;
}

@media only screen and (max-width: 768px) {
  #home-vacancies .container .vacancies-content,
  .newsletter-block .container p,
  #home-cta .container .cta-content,
  .page-header .page-header-content .content {
    margin-right: 0;
  }
}

.page-header:before {
  bottom: 0;
}

header[role=banner] .logo a {
  height: 2.625rem;
  width: 11.0625rem;
  background: transparent;
}

header[role=banner] .logo a img,
footer .main-footer .footer-about .company img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  object-position: 0 center;
}

header[role=banner] .logo a picture,
footer .main-footer .footer-about .company picture {
  display: inline;
}

footer .main-footer .footer-about .company {
  background: none;
}

.external.hover-non-color:hover {
  color: var(--user-secondary-color);
}

.external.hover-non-color:hover:before {
  background-color: var(--user-secondary-color);
}

.page-header .page-header-content {
  max-width: 48.5rem;
  width: 100%;
  flex-shrink: 0;
}

.page-header .page-header-content h1 {
  font-size: 5.6rem;
}

@media only screen and (max-width: 47.9375em) {
  .page-header .page-header-content h1 {
    font-size: 3rem;
  }
}

.page-header .page-header-content .content {
  margin-right: 0;
  margin-bottom: 3rem;
  max-width: 22rem;
}

@media only screen and (max-width: 63.9375em) {
  .sm-mb-0 {
    margin-bottom: 0;
  }
}

.relative {
  position: relative;
}

.page-header__figure {
  position: absolute;
  right: 0;
  left: 37.5%;
  bottom: -3rem;
  top: 12rem;
}

@media only screen and (max-width: 63.9375em) {
  .page-header__figure {
    display: none;
  }
}

.page-header__figure picture {
  display: inline;
}

.page-header__figure img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}


@media only screen and (max-width: 119.9375em) {
  .hidden-hd.hidden-hd {
    display: block !important;
  }
}

#home-intro.style-2 .left-side .bottom-level .images {
  align-self: flex-start;
  flex-basis: 22rem;
}

@media only screen and (max-width: 99.9375em) {
  #home-intro.style-2 .right-side {
    width: 24rem;
  }
}
@media(max-width:89.9375em) {
  .navigation>ul>li .submenu li { margin-left: 2rem; }
  .navigation>ul>li .submenu a {
    color: #bf2360 !important;
  }
  .navigation>ul>li .submenu a:hover {
    color: #fff !important;
  }
}

home-intro.style-2 h1 {
  left: 2rem;
}

#home-intro.style-2 .right-side {
  width: 24rem;
}

#home-intro.style-2 .left-side .top-level {
  margin-top: 6rem;
}

#home-intro.style-2 {
  padding-top: 7rem;
  padding-right: 2rem;
}

#home-intro.style-2 h1 {
  top: 2.5rem;
  left: 2rem;
}

@media only screen and (max-width: 79.9375em) {
  #home-intro.style-2 h1 {
    left: 0;
    top: 0;
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 1439px) {
  header[role=banner] .logo.logo {
    margin-right: auto;
  }
}

@media only screen and (max-width: 768px) {
  #home-intro.style-2 {
    padding-top: 0;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  #home-intro.style-2 .image-grid,
  #home-intro.style-2 .image-grid,
  #home-intro.style-2 .left-side {
    margin-left: 0;
  }

  #home-intro.style-2 .left-side .bottom-level {
    flex-direction: column;
  }

  #home-intro.style-2 .left-side .bottom-level .content {
    margin-right: 0;
  }

  #home-intro.style-2 .left-side .bottom-level .images {
    flex-basis: 100%;
    width: 100%;
  }
}

#home-intro.style-2 .right-side figure+figure {
  transform: scale(1.35);
  transform-origin: 0 0;
}

#home-intro.style-2:before {
  height: 32.875rem;
}

.offices-container .offices-list .slider-navs button {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.offices-container .offices-list .slider-navs button.active {
  opacity: 1;
  pointer-events: all;
}

h1.top-level {
  line-height: 1;
}

#home-selling li p {
  line-height: 1.25;
}

footer .main-footer .footer-about p {
  line-height: 1.5;
}

#vacancies-container .vacancy {
  height: 100%;
  display: flex;
  flex-direction: column;
}

#vacancies-container .vacancy .intro {
  flex-grow: 1;
}


#home-newsletter .fui-page, #news-newsletter .fui-page {
  display: flex;
  align-items: flex-end;
}
#home-newsletter .fui-field, #news-newsletter .fui-field {
  margin-bottom: 0;
}
#home-newsletter .fui-page-container, #news-newsletter .fui-page-container {
  margin-right: 12px;
}
#home-newsletter .fui-page label, #news-newsletter .fui-page label  {
  display: none;
}
.newsletter-block .container form input {
  padding: 0.5rem 0;
  margin-right: 1rem;
  color: white;
}
.newsletter-block .container form .fui-error-message {
  position: absolute;
}
.newsletter-block .container form input:focus {
  box-shadow: none;
}
#home-newsletter .fui-btn-left, #news-newsletter .fui-btn-left {
  border-right: 0;
  background-color: #fff;
  padding: 0;
  margin: 0;
}
#home-newsletter .fui-btn-left button,
#home-newsletter .fui-btn-left button:focus,
#home-newsletter .fui-btn-left button:hover,
#news-newsletter .fui-btn-left button,
#news-newsletter .fui-btn-left button:focus,
#news-newsletter .fui-btn-left button:hover {
  margin: 0;
  background-color: #fff;
  color: #2d3748;
  border: none;
  outline: none;
  min-width: 160px;
}


.contact-form input,
.profile input {
  padding: 0.5rem 0;
  color: #2d3748;
}
.contact-form input.fui-input.fui-error,
.profile input.fui-input.fui-error {
  color: #2d3748;
}
.contact-form input:focus,
.profile input:focus {
  box-shadow: none;
  border-bottom: .0625rem solid #b9b9b9;
}
.contact-form .fui-input.fui-error,
.contact-form .fui-input.fui-error:focus,
.profile .fui-input.fui-error,
.profile .fui-input.fui-error:focus {
  box-shadow: none;
  outline: none;
}
.contact-form .fui-required,
.contact-form .fui-error .fui-label,
.profile .fui-required,
.profile .fui-error .fui-label {
  color: #2d3748;
}

.contact-form .fui-btn.fui-submit,
.profile .fui-btn.fui-submit {
  max-width: min-content;
  color: white;
  border-right: 0;
  border: none;
  outline: none;
  background: linear-gradient(281deg, var(--user-support-color1) 0%,var(--user-support-color2) 100%)
}

.contact-form .fui-btn.fui-submit:hover,
.profile .fui-btn.fui-submit:hover {
  background-color: var(--user-secondary-color);
}

input[name="fields[interest]"] {
  cursor: pointer;
  padding: 0.5rem;
}

input[name="fields[interest]"],
input[name="fields[interest]"]:focus {
  border: .0625rem solid #b9b9b9;
}

select.profile-interest-select {
  border: .0625rem solid #b9b9b9;
  padding: 0.5rem;
}

.profile .fui-type-file-upload {
  width: 100%;
  padding: 2rem 2rem 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: .0625rem dotted #b9b9b9;
  margin-left: .5rem;
  margin-right: .5rem;
}

.profile .fui-type-file-upload .fui-field-container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}

.fui-type-file-upload label {
  margin: 1rem 0;
  color: var(--user-secondary-color);
  text-decoration: none;
  font-size: 1.125rem;
  font-weight: bold;
  white-space: nowrap;
  padding-bottom: 0.5rem;
}

.fui-type-file-upload label:before {
  background-color: var(--user-secondary-color);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: .0625rem;
}

.fui-type-file-upload strong {
  margin: 1rem 0;
  display: block;
  font-size: 1.5625rem;
  font-weight: bold;
}





#home-newsletter form {
  margin-bottom: 8px;
}

.fui-alert-error,
form .inputs>.fui-error-message{
  margin-bottom: 8px;
  color: red;
}

.fui-error-message {
  color: red;
}

.contact-form form .inputs {
  display: flex;
  flex-direction: column;
}

.contact-form form .inputs .input.size-auto {
  width: 200px;
}

.contact-form form .inputs .fui-alert.fui-alert-success {
  margin-bottom: 20px;
}

.right-menu-items {
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 90em) {
  header[role=banner] .join-community {
    position: relative;
    transform: none;
    right: 0;
  }

  .right-menu-items {
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
  }
}

#lang {
  margin-right: 8px;
  position: relative;
}

#lang span {
  border: 1px solid #fff;
  padding: .75rem;
  display: inline-block;
  color: #fff;
  font-size: .75rem;
  text-decoration: none;
  cursor: pointer;
}

#lang ul {
  cursor: pointer;
  display: none;
  opacity: 0;
  transition: 0.3s ease;
  position: absolute;
  top: 105%;
  left: 0;
  right: 0;
  border: 1px solid #fff;
}

#lang:hover ul {
  display: block;
  opacity: 1;
}

#lang li a {
  padding: 0.5rem;
  text-align: center;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: .75rem;
  text-decoration: none;
}

#lang li a:hover {
  color: var(--user-primary-color);
  background-color: #fff;
}

.flex {
  display: flex;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.lg_media_video:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.0625rem;
  height: 3.0625rem;
  margin-left: -1.5rem;
  margin-top: -1.5rem;
  background-image: url('/assets/video.svg');
  background-repeat: no-repeat;
  pointer-events: none;
}

/** test **/
.form-button { display: flex; justify-content: center; background: #051445; padding-bottom: 50px;}
.form-button a { position: relative;  font-size: 1.125rem; color: #fff; padding: 10px 20px; text-decoration: none; background: #b54ddb; }
.form-button a span { position: relative; display: inline-block; z-index: 10; }
.form-button a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(281deg, #5C00D4 0%, #FF3B15 100%);
  transition: .15s ease-in-out;
}
.form-button a:after {
 content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
.form-button a:hover { color: #fff; }
.form-button a:hover:before {
    opacity: 0;
}
.section-rich-text {
  padding-top: 3em;
  padding-bottom: 3em;
}
.section-rich-text iframe{
  width: 100% !important;
}
main { overflow: hidden; }
#home-intro.style-2 .right-side figure+figure {transform: scale(2.09);}
#home-intro .top-level.hidden-d figure+figure img {height: 350px;}
#home-intro .bottom-level .hidden-hd figure img {height: 200px;object-position: top;}

@media(max-width: 1600px) {
  #home-intro.style-2 .right-side figure+figure {transform: scale(1.65);}
}
@media(max-width: 1440px) {
  #home-intro.style-2 .right-side figure+figure {transform: scale(1.4);}
}
@media(max-width: 1280px) {
  #home-intro.style-2 .right-side figure+figure {transform: scale(1.16);}
} 

@media(max-width: 768px) {
  #home-intro .bottom-level .hidden-hd figure img {height: 400px;}
}

@media(min-width: 1024px) {
  #application-blocks .application-block .application-content{
    min-height: 425px;
  }
}