.hidden {
  display: none !important; }

@media (min-width: 375px) {
  .hidden--from-small {
    display: none !important; } }

@media (max-width: 374px) {
  .hidden--until-small {
    display: none !important; } }

@media (min-width: 768px) {
  .hidden--from-medium {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden--until-medium {
    display: none !important; } }

@media (min-width: 1024px) {
  .hidden--from-large {
    display: none !important; } }

@media (max-width: 1023px) {
  .hidden--until-large {
    display: none !important; } }

.idms .page-nav {
  background: #ffffff;
  padding: 10px 0 0 0; }
  .idms .page-nav__sub {
    border: 0; }

.idms .content-wrapper {
  min-height: 100%;
  position: relative; }
  .idms .content-wrapper .page-footer--mini {
    position: absolute;
    bottom: 0;
    height: 60px;
    width: 100%; }
    @media (max-width: 1023px) {
      .idms .content-wrapper .page-footer--mini {
        height: auto;
        position: relative; } }
  .idms .content-wrapper .block {
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    padding: 60px 20px 120px 20px; }
    .idms .content-wrapper .block--flex {
      width: 100%;
      margin: 0 0 20px 0; }
      @media (max-width: 1023px) {
        .idms .content-wrapper .block--flex {
          margin: 0 0 20px 20px; } }
    .idms .content-wrapper .block--inline {
      width: 100%;
      max-width: calc(100% / 2 - 30px);
      order: 0; }
      @media (max-width: 1023px) {
        .idms .content-wrapper .block--inline {
          max-width: 100%;
          margin: 10px 20px; } }
      .idms .content-wrapper .block--inline .forgot-password-username {
        margin-top: 20px; }
      .idms .content-wrapper .block--inline .button a {
        color: #fff; }
    .idms .content-wrapper .block__content {
      padding: 60px;
      background-color: #fff; }
      @media (max-width: 1023px) {
        .idms .content-wrapper .block__content {
          padding: 30px 20px; } }
      .idms .content-wrapper .block__content .metalist {
        margin: 0 0 40px 0; }
        .idms .content-wrapper .block__content .metalist .metalist__item {
          font-size: 16px;
          margin: 15px 0; }
          .idms .content-wrapper .block__content .metalist .metalist__item .icon {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: #595353; }
            .idms .content-wrapper .block__content .metalist .metalist__item .icon svg {
              fill: #fff; }
      .idms .content-wrapper .block__content span.black {
        color: #292221;
        font-weight: bold;
        font-size: 14px; }
      .idms .content-wrapper .block__content .checkbox {
        padding: 20px 0 10px 0; }
      .idms .content-wrapper .block__content .messagebox {
        position: relative;
        background-color: #F7F5F5;
        border-left: 5px solid #F4BF4B;
        margin: 0 0 40px 0; }
        .idms .content-wrapper .block__content .messagebox__content {
          padding: 20px 30px 5px 60px; }
          .idms .content-wrapper .block__content .messagebox__content .icon {
            width: 35px;
            height: 35px;
            left: 15px;
            top: 16px; }
            .idms .content-wrapper .block__content .messagebox__content .icon svg {
              fill: #F4BF4B; }
      .idms .content-wrapper .block__content .form-group__feedback {
        color: #E53012;
        margin-top: 20px;
        min-height: 0; }
    .idms .content-wrapper .block .detailpage-header__link {
      margin-right: 5px; }
  .idms .content-wrapper .block__single {
    max-width: 540px; }
    .idms .content-wrapper .block__single .block--flex {
      margin: 0 0 40px 0; }
      .idms .content-wrapper .block__single .block--flex .gdpr {
        color: #595353; }
      .idms .content-wrapper .block__single .block--flex .button a {
        color: #fff; }
    .idms .content-wrapper .block__single .block__content .button-container .button--right {
      float: right;
      margin: 0; }
    .idms .content-wrapper .block__single .block__content .button-container .sublink {
      color: #E53012;
      display: inline-block;
      height: 43px;
      margin-right: 10px;
      position: static;
      vertical-align: middle;
      width: auto; }
      .idms .content-wrapper .block__single .block__content .button-container .sublink .icon {
        display: inline-block;
        height: 43px;
        margin-right: 5px;
        position: static;
        vertical-align: middle;
        width: 16px; }
  .idms .content-wrapper .form-group {
    padding: 12px 12px 35px 0; }

@media (max-width: 374px) {
  .idms .content-wrapper .block__content {
    padding: 30px 20px; } }

@media (max-width: 767px) {
  .idms .content-wrapper .block__single .block--flex {
    margin: 0 20px; }
  .idms .content-wrapper .block__single .block--flex ~ .block--flex {
    margin: 40px 20px; }
  .idms .content-wrapper .block__single .block__content .button-container {
    display: table; }
    .idms .content-wrapper .block__single .block__content .button-container .sublink {
      margin-top: 20px;
      display: table-footer-group; }
    .idms .content-wrapper .block__single .block__content .button-container .button {
      float: none;
      display: table-header-group;
      margin-bottom: 20px; }
  .idms .content-wrapper .block__content .metalist__item {
    line-height: 20px; } }

@media (max-width: 1023px) {
  .idms .page-nav {
    background-color: #fff;
    position: relative;
    top: 0;
    transition: none;
    left: 0; }
    .idms .page-nav__sub {
      height: 50px;
      overflow-y: hidden; }
      .idms .page-nav__sub .menu-item.logo {
        display: block; }
        .idms .page-nav__sub .menu-item.logo a {
          padding: 0; }
          .idms .page-nav__sub .menu-item.logo a svg .logo-text {
            display: none; } }

.AB_popup {
  position: fixed !important;
  bottom: 0;
  padding: 14px 16px 25px 16px;
  z-index: 999;
  right: 12px;
  background-color: #fff;
  width: 100%;
  max-width: 332px;
  display: block;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.23);
  border-left: 2px solid #e4310e;
  transition: all .7s ease-out; }
  .AB_popup hr {
    border: 0;
    border-bottom: 1px solid #eee; }
  .AB_popup ul {
    list-style-type: disc;
    padding-left: 20px; }
  .AB_popup a {
    font-weight: 400; }
  .AB_popup .AB_popup--title {
    font-weight: 700;
    color: #e4310e;
    margin-bottom: 0.5rem; }
  .AB_popup .AB_popup--subtitle {
    font-weight: 700;
    margin-bottom: 1rem; }
  .AB_popup .AB_hide-button {
    position: absolute;
    right: 10px;
    top: 14px;
    cursor: pointer; }
  .AB_popup .AB_question:not(:last-child) {
    margin-bottom: 10px; }
  .AB_popup .AB_question:last-child {
    margin-top: 20px; }
  .AB_popup .AB_question a {
    color: #000;
    -webkit-text-decoration-line: underline !important;
            text-decoration-line: underline !important;
    border-bottom: none; }
  .AB_popup .icon {
    display: inline-block;
    background: transparent;
    width: 20px;
    height: 20px; }
  .AB_popup .AB_hide-icon--open {
    display: none; }

@media screen and (max-width: 767px) {
  .AB_popup {
    display: none;
    width: 90%;
    right: 5%; } }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
*, :after, :before {
  box-sizing: border-box; }

body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  border: 0;
  font-weight: normal;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ''; }

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

img {
  width: 100%; }

html {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 16px;
  letter-spacing: 0; }

body, button, select, input, textarea {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 100; }

article {
  color: #595353;
  padding: 0; }
  article a {
    font-size: inherit;
    font-weight: inherit; }
  article ol, article ul {
    margin-bottom: 20px;
    margin-left: 20px; }
    article ol li, article ul li {
      font-size: 16px;
      line-height: 28px;
      letter-spacing: 0;
      padding-left: 15px; }
      @media (min-width: 768px) {
        article ol li, article ul li {
          font-size: 16px;
          line-height: 28px;
          letter-spacing: 0; } }
  article ol {
    list-style: decimal; }
  article ul {
    list-style: disc; }
  article table {
    margin-bottom: 30px;
    max-width: 100%;
    width: 100%; }
    article table thead {
      text-align: left; }
      article table thead th {
        color: #292221;
        font-weight: bold;
        padding-bottom: 20px; }
    article table tbody td {
      padding-bottom: 10px; }
  article .table-scrollcontainer {
    min-width: 100%;
    overflow: hidden;
    overflow-x: auto; }
    article .table-scrollcontainer table thead th {
      min-width: 150px; }
  @media (min-width: 768px) {
    article {
      margin: 60px 0;
      padding: 0 50px; } }
  @media (min-width: 1024px) {
    article .table-scrollcontainer {
      overflow: hidden; }
      article .table-scrollcontainer table thead th {
        min-width: none; } }
  article .articledate {
    color: #ABA7A6;
    display: block;
    font-weight: bold;
    margin-bottom: 20px; }
  article .articleintro {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0; }
    @media (min-width: 768px) {
      article .articleintro {
        font-size: 20px;
        line-height: 32px;
        letter-spacing: 0; } }
  @media (min-width: 768px) {
    article .articledate {
      margin-bottom: 30px; } }

.icon {
  height: 15px;
  position: absolute;
  right: 0;
  top: 0;
  width: 15px; }
  .icon svg {
    height: 100%;
    width: 100%;
    fill: currentColor; }
  .icon--inline {
    display: inline;
    position: static; }
    .icon--inline svg {
      height: 1em;
      vertical-align: middle;
      width: 1em; }
  .icon--relative {
    display: inline;
    position: relative;
    left: 0;
    top: 0; }
    .icon--relative svg {
      vertical-align: middle; }

iframe {
  overflow: auto;
  width: 100%; }

a, .link {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #E53012;
  font-weight: bold;
  text-decoration: none; }
  @media (min-width: 768px) {
    a, .link {
      font-size: 14px;
      line-height: 15px;
      letter-spacing: 0; } }
  a:hover, a:focus, .link:hover, .link:focus {
    color: #B7260E; }
  a__large, .link__large {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0; }
    @media (min-width: 768px) {
      a__large, .link__large {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0; } }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.loader,
.spinner .spinner-container {
  margin: auto;
  width: 70px;
  text-align: center; }
  .loader > div,
  .spinner .spinner-container > div {
    width: 15px;
    height: 15px;
    background-color: #D32C10;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1s infinite ease-in-out both;
    animation: sk-bouncedelay 1s infinite ease-in-out both; }
  .loader .bounce1,
  .spinner .spinner-container .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s; }
  .loader .bounce2,
  .spinner .spinner-container .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s; }

.spinner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.15); }
  .spinner .spinner-container {
    display: block;
    position: relative;
    padding: 26px 0;
    top: 5%;
    background-color: #fff;
    border-radius: 100%; }

h1,
.heading--1 {
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0.5px;
  color: #292221;
  font-weight: bold;
  margin-bottom: 24px; }
  @media (min-width: 768px) {
    h1,
    .heading--1 {
      font-size: 38px;
      line-height: 48px;
      letter-spacing: 0.5px; } }

h2,
.heading--2 {
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0.5px;
  color: #292221;
  font-weight: bold;
  margin-bottom: 24px; }
  @media (min-width: 768px) {
    h2,
    .heading--2 {
      font-size: 26px;
      line-height: 32px;
      letter-spacing: 0.5px; } }

h2:first-letter {
  text-transform: uppercase; }

h3,
.heading--3 {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #292221;
  font-weight: bold;
  margin-bottom: 12px; }
  @media (min-width: 768px) {
    h3,
    .heading--3 {
      font-size: 22px;
      line-height: 28px;
      letter-spacing: 0.5px; } }

h4,
.heading--4 {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0;
  color: #292221;
  font-weight: bold;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    h4,
    .heading--4 {
      font-size: 16px;
      line-height: 28px;
      letter-spacing: 0; } }

p, .text {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0;
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    p, .text {
      font-size: 16px;
      line-height: 28px;
      letter-spacing: 0; } }
  p--large, .text--large {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0; }
    @media (min-width: 768px) {
      p--large, .text--large {
        font-size: 20px;
        line-height: 32px;
        letter-spacing: 0; } }
  p--small, .text--small {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0; }
    @media (min-width: 768px) {
      p--small, .text--small {
        font-size: 14px;
        line-height: 15px;
        letter-spacing: 0; } }

.sticky-container {
  position: relative;
  z-index: 29; }

.sticky-element {
  position: absolute;
  top: 0;
  transition: padding 0.5s; }
  .sticky-element--active {
    position: fixed !important;
    top: 0; }
  .sticky-element--bottom {
    bottom: 50px;
    top: auto; }

@media (min-width: 1024px) {
  .desktop-only .sticky-element-nav, .mobile-only .sticky-element-nav {
    transition: top 0.5s;
    position: fixed !important;
    left: 0 !important;
    width: 100% !important; }
  .animation-nav {
    transition: top 0.5s;
    top: 0 !important; }
  .hide-animation-nav {
    top: -135px !important; }
  .filter-animation-nav {
    transition: top 0.5s;
    top: 135px !important; } }

body.scrolling-up .sticky-element {
  padding-top: 60px; }

.block__personal-jobs .tabs .tabs__content {
  display: none; }
  .block__personal-jobs .tabs .tabs__content--slidein {
    display: flex;
    -webkit-animation: slideIn 0.4s;
            animation: slideIn 0.4s; }
  .block__personal-jobs .tabs .tabs__content--slideout {
    display: flex;
    -webkit-animation: slideOut 0.4s ease-in both;
            animation: slideOut 0.4s ease-in both; }

.tabs .tabs-list {
  display: flex;
  color: #BCB8B7;
  justify-content: space-between;
  align-items: flex-start;
  overflow-x: auto;
  white-space: nowrap;
  position: relative; }
  @media (min-width: 1024px) {
    .tabs .tabs-list {
      margin-left: 0;
      border-radius: 0;
      overflow-x: hidden; } }
  .tabs .tabs-list__link {
    margin-right: 20px; }
    .tabs .tabs-list__link a {
      position: relative;
      padding: 0 20px 0 0; }
      .tabs .tabs-list__link a .icon {
        top: 3px;
        overflow: hidden; }
    @media (min-width: 1024px) {
      .tabs .tabs-list__link {
        margin: 5px 2px 0 0; } }

.tabs__container {
  position: relative;
  font-size: 20px;
  overflow: auto; }
  @media only screen and (min-width: 650px) {
    .tabs__container {
      overflow: hidden; } }
  @media (min-width: 1024px) {
    .tabs__container {
      position: inherit;
      margin: 0;
      width: auto; } }
  .tabs__container ul {
    width: 100%;
    cursor: pointer;
    margin: 0 0 0 20px; }
    @media only screen and (min-width: 601px) {
      .tabs__container ul {
        width: auto;
        border-bottom: 1px solid #595353; } }
    @media (min-width: 1024px) {
      .tabs__container ul {
        margin: 0; } }
  .tabs__container hr {
    margin: 0 0 0 20px;
    border: 0.5px solid #595353; }
  @media only screen and (min-width: 601px) {
    .tabs__container .hidden--from-large-custom {
      display: none; } }
  .tabs__container::-webkit-scrollbar {
    display: none; }

.tabs__content {
  color: #BCB8B7;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-x: auto;
  white-space: nowrap; }

.tabs__item {
  transition: color 0.3s;
  color: #BCB8B7;
  display: inline-block;
  margin-left: 20px;
  padding-bottom: 15px; }
  .tabs__item:hover {
    color: #595353; }
  .tabs__item:first-of-type {
    margin-left: 0; }
  .tabs__item--link {
    font-weight: bold; }
  .tabs__item--active {
    color: #595353; }
    .tabs__item--active .tabs__item--link {
      pointer-events: none; }

.tabs .marker {
  pointer-events: none;
  transition: all 0.25s ease-in-out;
  background: transparent;
  padding: 0;
  opacity: 1;
  display: block;
  border-bottom: 1px solid #595353;
  position: absolute;
  left: 0;
  height: 15px;
  margin-left: 20px; }
  @media (min-width: 1024px) {
    .tabs .marker {
      margin-left: 0; } }

.tabs .no-border {
  border: 0; }
  .tabs .no-border ul {
    pointer-events: none;
    border: none; }
    .tabs .no-border ul li {
      font-size: 28px; }
    .tabs .no-border ul .tabs__item {
      pointer-events: none;
      padding-bottom: 3px; }
  .tabs .no-border hr {
    display: none; }

@-webkit-keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(350px);
            transform: translateX(350px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(350px);
            transform: translateX(350px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes slideOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  85% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px); } }

@keyframes slideOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  85% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px); } }

@media (min-width: 768px) {
  @-webkit-keyframes slideIn {
    0% {
      opacity: 0;
      -webkit-transform: translateX(700px);
              transform: translateX(700px); }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); } }
  @keyframes slideIn {
    0% {
      opacity: 0;
      -webkit-transform: translateX(700px);
              transform: translateX(700px); }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); } }
  @-webkit-keyframes slideOut {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    85% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
              transform: translateX(2000px); } }
  @keyframes slideOut {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    85% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
              transform: translateX(2000px); } } }

@media (min-width: 2000px) {
  @-webkit-keyframes slideIn {
    0% {
      opacity: 0;
      -webkit-transform: translateX(400px);
              transform: translateX(400px); }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); } }
  @keyframes slideIn {
    0% {
      opacity: 0;
      -webkit-transform: translateX(400px);
              transform: translateX(400px); }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); } }
  @-webkit-keyframes slideOut {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    40% {
      opacity: 1; }
    60% {
      opacity: 0; }
    100% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
              transform: translateX(2000px); } }
  @keyframes slideOut {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    40% {
      opacity: 1; }
    60% {
      opacity: 0; }
    100% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
              transform: translateX(2000px); } } }

.button-container .button {
  display: inline-block;
  width: 100%; }
  @media (min-width: 768px) {
    .button-container .button {
      width: auto; } }

@media (min-width: 768px) {
  .button-container--left {
    text-align: left; } }

@media (min-width: 768px) {
  .button-container--left .button {
    margin-left: 0;
    margin-right: 30px; } }

@media (min-width: 768px) {
  .button-container--center {
    text-align: center; } }

@media (min-width: 768px) {
  .button-container--center .button {
    margin: 0 15px; } }

@media (min-width: 768px) {
  .button-container--right {
    text-align: right; } }

@media (min-width: 768px) {
  .button-container--right .button {
    margin-left: 30px;
    margin-right: 0; } }

button:focus {
  outline: none; }

.button,
#st_popup_acceptButton,
#st_popup_settingsButton,
#st_settings_saveButton {
  transition: background-color 0.3s, color 0.3s;
  background-color: #E8492E;
  border: none;
  border-radius: 25px;
  color: #FFF;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1px;
  padding: 13px 22px;
  white-space: nowrap;
  -webkit-appearance: none; }
  .button + .button,
  #st_popup_acceptButton + .button,
  #st_popup_settingsButton + .button,
  #st_settings_saveButton + .button {
    margin-top: 20px; }
    @media (min-width: 768px) {
      .button + .button,
      #st_popup_acceptButton + .button,
      #st_popup_settingsButton + .button,
      #st_settings_saveButton + .button {
        margin-top: 0; } }
  .button:not(:last-child),
  #st_popup_acceptButton:not(:last-child),
  #st_popup_settingsButton:not(:last-child),
  #st_settings_saveButton:not(:last-child) {
    margin-right: 32px; }
  .button:hover, .button:focus,
  #st_popup_acceptButton:hover,
  #st_popup_settingsButton:hover,
  #st_settings_saveButton:hover,
  #st_popup_acceptButton:focus,
  #st_popup_settingsButton:focus,
  #st_settings_saveButton:focus {
    background-color: #D32C10;
    color: #FFF; }
  .button:active,
  #st_popup_acceptButton:active,
  #st_popup_settingsButton:active,
  #st_settings_saveButton:active {
    background-color: #B7260E;
    color: #FFF; }
  .button__set-alert {
    z-index: 1;
    position: absolute;
    padding: 10px 22px 10px 40px;
    right: 0;
    top: 0; }
    @media (max-width: 1023px) {
      .button__set-alert {
        z-index: 0;
        left: 0 !important;
        margin: 0 !important;
        float: left; } }
    .button__set-alert .icon {
      width: 18px;
      height: 18px;
      top: 10px;
      left: 10px;
      right: auto; }
  .button--small {
    padding: 10px 22px; }
  .button--secundair {
    background-color: #FFF;
    color: #E53012; }
    .button--secundair:hover, .button--secundair:focus {
      background-color: #F7F5F5;
      color: #E53012; }
    .button--secundair:active {
      background-color: #EDEBEB;
      color: #E53012; }
  .button--positive {
    background-color: #79DA60; }
    .button--positive:hover, .button--positive:focus {
      background-color: #71CD5A; }
    .button--positive:active {
      background-color: #60AE4C; }
  .button--ghost {
    background-color: transparent;
    border: solid 2px #CDC9C8;
    color: #E53012; }
    .button--ghost:hover, .button--ghost:active, .button--ghost:focus {
      background-color: transparent;
      color: #D32C10; }
    .button--ghost--negative {
      border-color: #FFF;
      color: #FFF; }
      .button--ghost--negative:hover, .button--ghost--negative:active, .button--ghost--negative:focus {
        background-color: #FFF;
        color: #E53012; }
  .button--text {
    background-color: transparent;
    color: #E53012;
    padding: 0; }
    .button--text:hover, .button--text:active, .button--text:focus {
      background-color: transparent;
      color: #D32C10; }
  .button--filter {
    position: relative;
    background-color: #ffffff;
    color: #595353;
    padding-right: 45px;
    font-weight: normal; }
    .button--filter:hover, .button--filter:focus {
      background-color: #EDEBEB;
      color: #E53012; }
    .button--filter:active {
      background-color: #EDEBEB;
      color: #E53012; }
    .button--filter:not(:last-child) {
      margin-right: 0; }
    .button--filter .icon {
      top: 15px;
      right: 15px; }
  .button--back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 50px;
    color: #595353;
    background-color: #FFFFFF;
    box-shadow: 0 15px 27px -18px rgba(0, 0, 0, 0.25);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s, background-color 0.5s; }
    .button--back-to-top.visible {
      visibility: visible;
      opacity: 1;
      transition: opacity 0.5s, background-color 0.5s; }
    .button--back-to-top.end {
      position: absolute;
      bottom: 30px; }
    .button--back-to-top .icon {
      top: 18px;
      right: 20px; }
    .button--back-to-top:hover, .button--back-to-top:focus {
      background-color: #EDEBEB;
      color: #E53012; }
      .button--back-to-top:hover .icon svg, .button--back-to-top:focus .icon svg {
        fill: #E53012;
        transition: fill 0.5s; }
      .button--back-to-top:hover .icon:before, .button--back-to-top:focus .icon:before {
        background-color: #FFFFFF; }
  .button:disabled, .button--disabled,
  #st_popup_acceptButton:disabled,
  #st_popup_settingsButton:disabled,
  #st_settings_saveButton:disabled {
    background-color: #fff;
    border: 2px solid #CDC9C8;
    color: #CDC9C8;
    pointer-events: none; }

.second-apply-button {
  margin: 40px 0; }
  @media (max-width: 767px) {
    .second-apply-button {
      display: none; } }
  .second-apply-button h3 {
    margin-bottom: 40px; }

.usabilla_live_button_container {
  z-index: 90 !important; }

.checkbox {
  display: block;
  margin-right: 12px;
  padding: 0 !important;
  margin-top: 25px; }
  .checkbox + .checkbox {
    padding-top: 10px; }
  .checkbox__input {
    display: inline-block;
    padding: 0 12px 12px 0; }
    .checkbox__input input {
      border: none;
      clip: rect(0, 0, 0, 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      position: absolute;
      width: 1px; }
      .checkbox__input input:focus + .checkbox__style, .checkbox__input input:active + .checkbox__style, .checkbox__input input:hover + .checkbox__style {
        border-color: #696363; }
      .checkbox__input input:checked + .checkbox__style {
        border-color: #E53012; }
        .checkbox__input input:checked + .checkbox__style .icon {
          opacity: 1;
          -webkit-transform: scale(1, 1);
                  transform: scale(1, 1); }
        .checkbox__input input:checked + .checkbox__style:before {
          -webkit-animation: ripple 0.3s linear forwards;
                  animation: ripple 0.3s linear forwards; }
  .checkbox__label {
    color: #595353;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 1px;
    vertical-align: top;
    width: calc(100% - 40px); }
    .checkbox__label .checkbox__suffix {
      display: inline-block;
      padding-left: 3px;
      color: #ABA7A6;
      opacity: 1;
      transition: opacity 0.5s; }
      .checkbox__label .checkbox__suffix:before {
        content: '('; }
      .checkbox__label .checkbox__suffix:after {
        content: ')'; }
      .checkbox__label .checkbox__suffix.hidden {
        display: inline-block;
        opacity: 0; }
  .checkbox__style {
    align-items: center;
    background-color: #FFF;
    border: solid 2px #CDC9C8;
    cursor: pointer;
    display: flex;
    height: 22px;
    justify-content: center;
    position: relative;
    width: 22px; }
    .checkbox__style .icon {
      transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
      transition: transform 0.3s ease, opacity 0.3s ease;
      transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
      height: 25px;
      left: -4px;
      position: absolute;
      top: -3px;
      -webkit-transform: scale(0, 0);
              transform: scale(0, 0);
      width: 25px; }
      .checkbox__style .icon svg {
        fill: #E53012; }
    .checkbox__style:before {
      background-color: #000;
      border-radius: 50%;
      content: "";
      display: block;
      height: 15px;
      left: 1px;
      opacity: 0;
      position: absolute;
      top: 1px;
      width: 15px; }
  .checkbox + .form-group__feedback {
    margin-top: -3px; }

.form-group-inline .checkbox {
  display: inline-block; }
  .form-group-inline .checkbox__label {
    width: auto; }

.formpage .block--flex__blocks .checkbox {
  padding: 10px 0 0;
  margin: 0; }
  @media (min-width: 768px) {
    .formpage .block--flex__blocks .checkbox {
      padding: 5px 0; } }

@-webkit-keyframes ripple {
  0% {
    opacity: 0.1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(4, 4);
            transform: scale(4, 4); } }

@keyframes ripple {
  0% {
    opacity: 0.1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(4, 4);
            transform: scale(4, 4); } }

select {
  background-color: #FFF;
  border: none;
  border-bottom: solid 2px #DCDADA;
  color: #595353;
  cursor: pointer;
  padding: 10px 0;
  text-indent: 0;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px; }
  select:active, select:focus {
    border-bottom: solid 2px #ABA7A6;
    outline: none; }
  select::-ms-expand {
    display: none; }

.input-combobox {
  position: relative; }
  .input-combobox__icon.icon {
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    height: 15px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 16px;
    width: 15px; }
    .input-combobox__icon.icon svg {
      transition: fill 0.3s;
      fill: #ABA7A6; }
    .form-group--focus .input-combobox__icon.icon {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
      .form-group--focus .input-combobox__icon.icon svg {
        fill: #E53012; }
  .input-combobox__list {
    transition: opacity 0.15s ease-out, margin-top 0.15s ease-out;
    background-color: #FFF;
    border: solid 2px #EDEBEB;
    box-shadow: 0 20px 20px 0 rgba(201, 201, 201, 0.15);
    margin-top: 0;
    max-height: 300px;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1099; }
    .input-combobox__list--item {
      cursor: pointer;
      padding: 12px; }
      .input-combobox__list--item:hover {
        background-color: #F7F5F5; }
      .input-combobox__list--item.selected {
        font-weight: bold; }
        .input-combobox__list--item.selected .label-addition {
          font-weight: bold; }
      .input-combobox__list--item .label-addition {
        display: none; }
  .input-combobox.visible .input-combobox__list {
    left: 0;
    margin-top: 10px;
    opacity: 1;
    pointer-events: all; }

@media (min-width: 768px) {
  .input-combobox__list--item .label-addition {
    display: inline; } }

.dp-modal {
  background: rgba(255, 255, 255, 0.75);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0; }

.dp {
  background: #F7F5F5;
  line-height: 1.4;
  max-height: 400px;
  overflow: hidden;
  position: relative;
  z-index: 99; }

.dp-permanent .dp {
  border: 1px solid #EEE;
  box-shadow: none;
  padding-top: 0; }

.dp-permanent .dp:before {
  display: none; }

.dp-cal {
  min-height: 280px; }

.dp-below {
  font-size: 0.8em;
  max-width: 100vw;
  position: absolute;
  width: 280px; }

.dp-permanent {
  font-size: 0.8em;
  max-width: 100vw;
  position: relative;
  width: 400px; }

.dp-permanent .dp {
  z-index: 0; }

.dp-modal .dp {
  left: 50%;
  max-width: 600px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% - 4em); }

.dp-months {
  padding: 24px; }

.dp-years {
  box-sizing: border-box;
  max-height: 400px;
  overflow: auto !important;
  /* HACK for Chrome on Android */
  padding: 8px 0; }

.dp-cal-month,
.dp-cal-year,
.dp-day,
.dp-month,
.dp-year {
  border-radius: 2px;
  box-sizing: border-box;
  color: #3B404D;
  position: relative;
  text-align: center;
  text-decoration: none; }

.dp-cal-header {
  padding-bottom: 16px;
  position: relative;
  text-align: center; }

.dp-next,
.dp-prev {
  border-radius: 2px;
  color: #777;
  height: 30px;
  overflow: hidden;
  position: absolute;
  top: 14px;
  width: 30px; }

.dp-next:focus,
.dp-prev:focus,
.dp-next:hover,
.dp-prev:hover {
  color: inherit;
  outline: none; }

.dp-prev {
  left: 10px; }

.dp-next {
  right: 10px; }

.dp-prev:before,
.dp-next:before {
  border: 2px solid;
  content: '';
  display: inline-block;
  height: 8px;
  margin: 9px 0 40px 4px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  transition: border-color 0.2s;
  width: 8px; }

.dp-prev:before {
  border-bottom: 0;
  border-right: 0; }

.dp-next:before {
  border-left: 0;
  border-top: 0;
  margin-left: 0;
  margin-right: 4px; }

.dp-cal-month,
.dp-cal-year {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  margin-top: 14px;
  outline: none;
  padding: 5px 8px 8px; }

.dp-cal-footer {
  background: #f5f5f5;
  display: none;
  text-align: center; }

.dp-day-today:after {
  border: 7px solid #227BD7;
  border-bottom-color: transparent;
  border-left-color: transparent;
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 0; }

.dp-close,
.dp-clear,
.dp-today {
  box-sizing: border-box;
  color: inherit;
  display: inline-block;
  padding: 8px;
  text-decoration: none;
  width: 33%; }

.dp-permanent .dp-close,
.dp-permanent .dp-clear {
  display: none; }

.dp-close:hover,
.dp-close:focus,
.dp-clear:hover,
.dp-clear:focus,
.dp-today:hover,
.dp-today:focus,
.dp-next:hover,
.dp-next:focus,
.dp-prev:hover,
.dp-prev:focus,
.dp-cal-month:focus,
.dp-cal-month:hover,
.dp-cal-year:hover,
.dp-cal-year:focus {
  background: #F0E5D0;
  color: white; }

.dp-col-header,
.dp-day {
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  padding: 12px 8px;
  text-align: center;
  width: 40px; }

.dp-col-header {
  color: #AAA;
  font-size: 15px;
  font-weight: 300;
  padding: 8px 0; }

.dp-month {
  display: inline-block;
  padding: 8px;
  width: 33%; }

.dp-year {
  display: block;
  padding: 8px 40px; }

.dp-edge-day {
  color: #AAA; }

.dp-day:hover,
.dp-month:hover,
.dp-year:hover,
.dp-current:focus,
.dp-current,
.dp-day:focus,
.dp-month:focus,
.dp-year:focus {
  background: #F0E5D0;
  color: white;
  outline: none; }

.dp-selected:hover,
.dp-selected:focus,
.dp-selected {
  background: #E53012;
  color: #FFF; }

.dp-day-disabled {
  background: transparent;
  color: #DDD; }

.dp-day-disabled:focus,
.dp-day-disabled:hover {
  background: #DDD; }

.dp-focuser {
  left: 50%;
  position: absolute;
  top: 50%;
  z-index: 0; }

/* Responsive overrides */
@media (max-width: 480px), (max-height: 480px) {
  .dp-modal .dp {
    font-size: 0.9em;
    width: auto;
    width: 100%; }
  .dp-day-of-week,
  .dp-day {
    padding: 8px; } }

.eform .form-group {
  display: block; }
  .eform .form-group:nth-child(even) {
    padding-left: 0; }
    .eform .form-group:nth-child(even) .form-group__label {
      left: 0; }
  .eform .form-group:nth-child(odd) {
    padding-right: 12px; }
  .eform .form-group .icon--valid {
    right: 15px; }

.eform .form-group-inline {
  display: flex;
  padding: 6px 0; }
  .eform .form-group-inline:nth-child(n) {
    padding-left: 0;
    padding-right: 0; }
  .eform .form-group-inline .form-group:nth-child(n) {
    padding-left: 0;
    padding-right: 12px; }
    .eform .form-group-inline .form-group:nth-child(n) .icon--valid {
      right: 15px; }

@media (min-width: 768px) {
  .contentpage .eform .form-group,
  .contentpage .eform .form-group-inline {
    width: 70%; } }

.file-upload .form-group__input {
  padding-top: 35px; }

.file-upload__button {
  background-color: #FFF;
  border: solid 1px #DCDADA;
  border-radius: 30px;
  color: #E53012;
  font-weight: bold;
  padding: 15px 40px; }

.file-upload__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  display: block;
  margin-top: 30px;
  overflow: hidden;
  padding-bottom: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }
  @media (min-width: 768px) {
    .file-upload__text {
      font-size: 14px;
      line-height: 15px;
      letter-spacing: 0; } }

.file-upload__input {
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  width: 1px; }

.form-group {
  padding: 12px 12px 25px 0;
  position: relative;
  vertical-align: top;
  width: 100%; }
  .form-group .icon--valid {
    display: none; }
  @media (min-width: 768px) {
    .form-group {
      display: inline-block;
      width: calc(50% - 4px); }
      .form-group:nth-child(even) {
        padding-left: 24px; }
        .form-group:nth-child(even) .form-group__label {
          left: 24px; }
      .form-group:nth-child(odd) {
        padding-right: 24px; }
        .form-group:nth-child(odd) .form-group__label {
          right: 24px; } }
  .form-group__label {
    transition: all 0.3s;
    color: #595353;
    display: block;
    font-size: 14px;
    font-weight: bold;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0; }
  .form-group__input {
    padding: 6px 0; }
  .form-group__feedback {
    color: #ABA7A6;
    display: block;
    font-size: 14px;
    margin-top: 6px;
    min-height: 14px;
    width: 100%; }
  .form-group--error .form-group__feedback {
    color: #E53012; }
  .form-group--no-content .form-group__label {
    font-size: 16px;
    top: 30px; }
  .form-group--full-width {
    width: 100%; }
  .form-group--focus .form-group__label {
    color: #E53012;
    font-size: 14px;
    top: 0; }
  .form-group--focus .form-group__input input, .form-group--focus .form-group__input textarea {
    background-size: 100% 2px, 100% 2px;
    border-bottom: none;
    outline: none; }
  .form-group--disabled .form-group__label {
    color: #DCDADA; }
  .form-group--valid .icon--valid {
    display: block;
    height: 25px;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 25px; }
    .form-group--valid .icon--valid svg {
      fill: #71CD5A; }
  .form-group .form-group__input input:-webkit-autofill {
    -webkit-animation-name: onAutoFillStart;
            animation-name: onAutoFillStart; }
  .form-group + .button {
    display: block; }
  .form-group input[type="password"] {
    color: #E53012; }

.form-group-inline {
  display: inline-flex;
  flex-flow: column wrap;
  justify-content: space-between;
  padding: 12px 0;
  width: 100%; }
  .form-group-inline .form-group {
    flex-basis: 100%;
    width: 100%; }
    .form-group-inline .form-group:first-of-type {
      padding-left: 0; }
    .form-group-inline .form-group:last-of-type {
      padding-bottom: 0;
      padding-right: 0; }
    .form-group-inline .form-group:nth-child(even) .form-group__label {
      left: 0; }
    .form-group-inline .form-group:nth-child(odd) .form-group__label {
      right: 0; }
    .form-group-inline .form-group .form-group__label {
      top: 0; }
    .form-group-inline .form-group--no-content .form-group__label {
      top: 20px; }
    .form-group-inline .form-group--focus .form-group__label {
      top: 0; }
    .form-group-inline .form-group--valid .icon--valid {
      right: 5px;
      top: 15px; }
  @media (min-width: 768px) {
    .form-group-inline {
      flex-flow: row nowrap;
      padding-right: 12px;
      width: calc(50% - 4px); }
      .form-group-inline:nth-child(even) {
        padding-left: 24px; }
      .form-group-inline:nth-child(odd) {
        padding-right: 24px; }
      .form-group-inline .form-group {
        margin: 0 5px;
        padding: 0; }
        .form-group-inline .form-group .form-group__label {
          top: -10px; }
        .form-group-inline .form-group--no-content .form-group__label {
          top: 20px; }
        .form-group-inline .form-group--focus .form-group__label {
          top: -10px; }
        .form-group-inline .form-group:first-child {
          margin-left: 0; }
        .form-group-inline .form-group:last-child {
          margin-right: 0; }
        .form-group-inline .form-group--one-fourth {
          flex-basis: 25%; }
        .form-group-inline .form-group--half {
          flex-basis: 50%; }
        .form-group-inline .form-group--three-fourth {
          flex-basis: 75%; }
        .form-group-inline .form-group--one-third {
          flex-basis: 33%; }
        .form-group-inline .form-group--two-third {
          flex-basis: 66%; } }

.formpage .block--flex .form-group {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0; }

@-webkit-keyframes onAutoFillStart {
  0% {
    background-color: inherit; }
  100% {
    background-color: inherit; } }

@keyframes onAutoFillStart {
  0% {
    background-color: inherit; }
  100% {
    background-color: inherit; } }

@-webkit-keyframes onAutoFillCancel {
  0% {
    background-color: inherit; }
  100% {
    background-color: inherit; } }

@keyframes onAutoFillCancel {
  0% {
    background-color: inherit; }
  100% {
    background-color: inherit; } }

.contentpage .form-holder {
  padding: 20px 0 0; }

@media (min-width: 768px) {
  .contentpage .form-holder {
    padding: 20px 50px 0; } }

.form-retrofit .form-group {
  width: 100%;
  padding: 12px 12px 25px 0; }
  .form-retrofit .form-group .hint,
  .form-retrofit .form-group .button-hint,
  .form-retrofit .form-group [data-show-password],
  .form-retrofit .form-group abbr {
    display: none; }
  .form-retrofit .form-group .label {
    transition: all 0.3s;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    color: #595353;
    font-size: 14px;
    font-weight: bold;
    pointer-events: none; }
  .form-retrofit .form-group--no-content .label {
    font-size: 16px;
    top: 30px; }
  .form-retrofit .form-group--focus .label {
    top: 0;
    font-size: 14px; }
  .form-retrofit .form-group--focus input, .form-retrofit .form-group--focus textarea {
    background-size: 100% 2px, 100% 2px;
    border-bottom: none;
    outline: none; }
  .form-retrofit .form-group .input-checkbox {
    cursor: pointer; }
    .form-retrofit .form-group .input-checkbox input {
      position: relative;
      width: 22px;
      height: 22px;
      margin-left: -30px;
      top: 9px;
      left: -3px;
      border: solid 2px #CDC9C8;
      background-color: #FFFFFF;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      z-index: 0; }
      .form-retrofit .form-group .input-checkbox input:checked {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJjaGVjayIgZmlsbD0iI0U1MzAxMiIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj48cGF0aCBkPSJNOSwxMS42bDUuMjkzLTUuMzA3YTEsMSwwLDAsMSwxLjQxNCwxLjQxNGwtNiw2YTEsMSwwLDAsMS0xLjQxNCwwbC0zLTNBMSwxLDAsMCwxLDYuNzA3LDkuMjkzWiIvPjwvc3ZnPg%3D%3D");
        background-size: 22px 22px;
        background-position: -2px; }
    .form-retrofit .form-group .input-checkbox label.checkbox {
      position: relative;
      padding-left: 30px;
      color: #595353; }
      .form-retrofit .form-group .input-checkbox label.checkbox a {
        font-size: 16px;
        font-weight: normal; }
  .form-retrofit .form-group input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0); }
  .form-retrofit .form-group input::-moz-placeholder {
    color: rgba(0, 0, 0, 0); }
  .form-retrofit .form-group input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0); }
  .form-retrofit .form-group input::placeholder {
    color: rgba(0, 0, 0, 0); }
  .form-retrofit .form-group .feedback {
    display: block;
    width: 100%;
    min-height: 14px;
    margin-top: 6px;
    color: #E53012;
    font-size: 14px; }

.form-retrofit .button-group .button {
  display: inline-block;
  width: 100%; }
  @media (min-width: 768px) {
    .form-retrofit .button-group .button {
      width: auto; } }

.form-retrofit .button-group .button-cancel {
  background-color: rgba(0, 0, 0, 0);
  margin-top: 20px;
  padding: 0;
  color: #E53012; }

.radio-button {
  display: block;
  margin-right: 12px;
  padding: 20px 0 0; }
  .radio-button + .radio-button {
    padding-top: 10px; }
  .radio-button__input {
    display: inline-block;
    padding: 0 12px 12px 0; }
    .radio-button__input input {
      border: none;
      clip: rect(0, 0, 0, 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      position: absolute;
      width: 1px; }
      .radio-button__input input:focus + .radio-button__style, .radio-button__input input:active + .radio-button__style, .radio-button__input input:hover + .radio-button__style {
        border-color: #696363; }
      .radio-button__input input:checked + .radio-button__style {
        border-color: #E53012; }
        .radio-button__input input:checked + .radio-button__style:before {
          -webkit-animation: ripple 0.3s linear forwards;
                  animation: ripple 0.3s linear forwards; }
        .radio-button__input input:checked + .radio-button__style:after {
          opacity: 1;
          -webkit-transform: scale(1, 1);
                  transform: scale(1, 1); }
  .radio-button__label {
    color: #595353;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 2px;
    vertical-align: top;
    width: calc(100% - 40px); }
  .radio-button__style {
    align-items: center;
    background-color: #FFF;
    border: solid 2px #CDC9C8;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 22px;
    justify-content: center;
    position: relative;
    width: 22px; }
    .radio-button__style:before {
      background-color: #000;
      border-radius: 50%;
      content: "";
      display: block;
      height: 15px;
      left: 1px;
      opacity: 0;
      position: absolute;
      top: 1px;
      width: 15px; }
    .radio-button__style:after {
      transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
      transition: transform 0.3s ease, opacity 0.3s ease;
      transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
      background-color: #E53012;
      border-radius: 50%;
      content: "";
      display: block;
      height: 10px;
      left: 4px;
      opacity: 0;
      position: absolute;
      top: 4px;
      -webkit-transform: scale(0.1, 0.1);
              transform: scale(0.1, 0.1);
      width: 10px; }
  .radio-button + .form-group__feedback {
    margin-top: -3px; }

.form-group-inline .radio-button {
  display: inline-block; }
  .form-group-inline .radio-button__label {
    width: auto; }

@keyframes ripple {
  0% {
    opacity: 0.1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(4, 4);
            transform: scale(4, 4); } }

textarea {
  transition: background-size 0.3s ease-out, height 0.3s ease-out;
  background: white no-repeat;
  background-image: linear-gradient(to bottom, #E53012, #E53012), linear-gradient(to bottom, #DCDADA, #DCDADA);
  background-position: 0 100%, 0 100%;
  background-size: 0 2px, 100% 2px;
  border: none;
  color: #595353;
  height: 60px;
  margin: -19px 0 0;
  min-height: 42px;
  overflow: hidden;
  padding: 30px 0 0;
  resize: none;
  width: 100%; }
  textarea:disabled {
    background: none;
    border-bottom: solid 2px #DCDADA; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) {
  transition: background-size 0.3s ease-out;
  background: white no-repeat;
  background-image: linear-gradient(to bottom, #E53012, #E53012), linear-gradient(to bottom, #DCDADA, #DCDADA);
  background-position: 0 100%, 0 100%;
  background-size: 0 2px, 100% 2px;
  border: none;
  height: 42px;
  line-height: 40px;
  padding: 0 25px 0 0;
  width: 100%; }
  input[type="color"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder {
    color: #ABA7A6; }
  input[type="color"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input:not([type])::-moz-placeholder {
    color: #ABA7A6; }
  input[type="color"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, input[type="datetime"]::-ms-input-placeholder, input[type="datetime-local"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="month"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="text"]::-ms-input-placeholder, input[type="time"]::-ms-input-placeholder, input[type="url"]::-ms-input-placeholder, input[type="week"]::-ms-input-placeholder, input:not([type])::-ms-input-placeholder {
    color: #ABA7A6; }
  input[type="color"]::placeholder, input[type="date"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="email"]::placeholder, input[type="month"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="text"]::placeholder, input[type="time"]::placeholder, input[type="url"]::placeholder, input[type="week"]::placeholder, input:not([type])::placeholder {
    color: #ABA7A6; }
  input[type="color"]:active, input[type="color"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="datetime"]:active, input[type="datetime"]:focus, input[type="datetime-local"]:active, input[type="datetime-local"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="text"]:active, input[type="text"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="week"]:active, input[type="week"]:focus, input:not([type]):active, input:not([type]):focus {
    outline: none; }
    input[type="color"]:active::-webkit-input-placeholder, input[type="color"]:focus::-webkit-input-placeholder, input[type="date"]:active::-webkit-input-placeholder, input[type="date"]:focus::-webkit-input-placeholder, input[type="datetime"]:active::-webkit-input-placeholder, input[type="datetime"]:focus::-webkit-input-placeholder, input[type="datetime-local"]:active::-webkit-input-placeholder, input[type="datetime-local"]:focus::-webkit-input-placeholder, input[type="email"]:active::-webkit-input-placeholder, input[type="email"]:focus::-webkit-input-placeholder, input[type="month"]:active::-webkit-input-placeholder, input[type="month"]:focus::-webkit-input-placeholder, input[type="number"]:active::-webkit-input-placeholder, input[type="number"]:focus::-webkit-input-placeholder, input[type="password"]:active::-webkit-input-placeholder, input[type="password"]:focus::-webkit-input-placeholder, input[type="search"]:active::-webkit-input-placeholder, input[type="search"]:focus::-webkit-input-placeholder, input[type="tel"]:active::-webkit-input-placeholder, input[type="tel"]:focus::-webkit-input-placeholder, input[type="text"]:active::-webkit-input-placeholder, input[type="text"]:focus::-webkit-input-placeholder, input[type="time"]:active::-webkit-input-placeholder, input[type="time"]:focus::-webkit-input-placeholder, input[type="url"]:active::-webkit-input-placeholder, input[type="url"]:focus::-webkit-input-placeholder, input[type="week"]:active::-webkit-input-placeholder, input[type="week"]:focus::-webkit-input-placeholder, input:not([type]):active::-webkit-input-placeholder, input:not([type]):focus::-webkit-input-placeholder {
      color: #FFF; }
    input[type="color"]:active::-moz-placeholder, input[type="color"]:focus::-moz-placeholder, input[type="date"]:active::-moz-placeholder, input[type="date"]:focus::-moz-placeholder, input[type="datetime"]:active::-moz-placeholder, input[type="datetime"]:focus::-moz-placeholder, input[type="datetime-local"]:active::-moz-placeholder, input[type="datetime-local"]:focus::-moz-placeholder, input[type="email"]:active::-moz-placeholder, input[type="email"]:focus::-moz-placeholder, input[type="month"]:active::-moz-placeholder, input[type="month"]:focus::-moz-placeholder, input[type="number"]:active::-moz-placeholder, input[type="number"]:focus::-moz-placeholder, input[type="password"]:active::-moz-placeholder, input[type="password"]:focus::-moz-placeholder, input[type="search"]:active::-moz-placeholder, input[type="search"]:focus::-moz-placeholder, input[type="tel"]:active::-moz-placeholder, input[type="tel"]:focus::-moz-placeholder, input[type="text"]:active::-moz-placeholder, input[type="text"]:focus::-moz-placeholder, input[type="time"]:active::-moz-placeholder, input[type="time"]:focus::-moz-placeholder, input[type="url"]:active::-moz-placeholder, input[type="url"]:focus::-moz-placeholder, input[type="week"]:active::-moz-placeholder, input[type="week"]:focus::-moz-placeholder, input:not([type]):active::-moz-placeholder, input:not([type]):focus::-moz-placeholder {
      color: #FFF; }
    input[type="color"]:active::-ms-input-placeholder, input[type="color"]:focus::-ms-input-placeholder, input[type="date"]:active::-ms-input-placeholder, input[type="date"]:focus::-ms-input-placeholder, input[type="datetime"]:active::-ms-input-placeholder, input[type="datetime"]:focus::-ms-input-placeholder, input[type="datetime-local"]:active::-ms-input-placeholder, input[type="datetime-local"]:focus::-ms-input-placeholder, input[type="email"]:active::-ms-input-placeholder, input[type="email"]:focus::-ms-input-placeholder, input[type="month"]:active::-ms-input-placeholder, input[type="month"]:focus::-ms-input-placeholder, input[type="number"]:active::-ms-input-placeholder, input[type="number"]:focus::-ms-input-placeholder, input[type="password"]:active::-ms-input-placeholder, input[type="password"]:focus::-ms-input-placeholder, input[type="search"]:active::-ms-input-placeholder, input[type="search"]:focus::-ms-input-placeholder, input[type="tel"]:active::-ms-input-placeholder, input[type="tel"]:focus::-ms-input-placeholder, input[type="text"]:active::-ms-input-placeholder, input[type="text"]:focus::-ms-input-placeholder, input[type="time"]:active::-ms-input-placeholder, input[type="time"]:focus::-ms-input-placeholder, input[type="url"]:active::-ms-input-placeholder, input[type="url"]:focus::-ms-input-placeholder, input[type="week"]:active::-ms-input-placeholder, input[type="week"]:focus::-ms-input-placeholder, input:not([type]):active::-ms-input-placeholder, input:not([type]):focus::-ms-input-placeholder {
      color: #FFF; }
    input[type="color"]:active::placeholder, input[type="color"]:focus::placeholder, input[type="date"]:active::placeholder, input[type="date"]:focus::placeholder, input[type="datetime"]:active::placeholder, input[type="datetime"]:focus::placeholder, input[type="datetime-local"]:active::placeholder, input[type="datetime-local"]:focus::placeholder, input[type="email"]:active::placeholder, input[type="email"]:focus::placeholder, input[type="month"]:active::placeholder, input[type="month"]:focus::placeholder, input[type="number"]:active::placeholder, input[type="number"]:focus::placeholder, input[type="password"]:active::placeholder, input[type="password"]:focus::placeholder, input[type="search"]:active::placeholder, input[type="search"]:focus::placeholder, input[type="tel"]:active::placeholder, input[type="tel"]:focus::placeholder, input[type="text"]:active::placeholder, input[type="text"]:focus::placeholder, input[type="time"]:active::placeholder, input[type="time"]:focus::placeholder, input[type="url"]:active::placeholder, input[type="url"]:focus::placeholder, input[type="week"]:active::placeholder, input[type="week"]:focus::placeholder, input:not([type]):active::placeholder, input:not([type]):focus::placeholder {
      color: #FFF; }
  input[type="color"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="email"][disabled], input[type="month"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="text"][disabled], input[type="time"][disabled], input[type="url"][disabled], input[type="week"][disabled], input:not([type])[disabled] {
    background: none;
    border-bottom: solid 2px #DCDADA; }
    input[type="color"][disabled]::-webkit-input-placeholder, input[type="date"][disabled]::-webkit-input-placeholder, input[type="datetime"][disabled]::-webkit-input-placeholder, input[type="datetime-local"][disabled]::-webkit-input-placeholder, input[type="email"][disabled]::-webkit-input-placeholder, input[type="month"][disabled]::-webkit-input-placeholder, input[type="number"][disabled]::-webkit-input-placeholder, input[type="password"][disabled]::-webkit-input-placeholder, input[type="search"][disabled]::-webkit-input-placeholder, input[type="tel"][disabled]::-webkit-input-placeholder, input[type="text"][disabled]::-webkit-input-placeholder, input[type="time"][disabled]::-webkit-input-placeholder, input[type="url"][disabled]::-webkit-input-placeholder, input[type="week"][disabled]::-webkit-input-placeholder, input:not([type])[disabled]::-webkit-input-placeholder {
      color: #DCDADA; }
    input[type="color"][disabled]::-moz-placeholder, input[type="date"][disabled]::-moz-placeholder, input[type="datetime"][disabled]::-moz-placeholder, input[type="datetime-local"][disabled]::-moz-placeholder, input[type="email"][disabled]::-moz-placeholder, input[type="month"][disabled]::-moz-placeholder, input[type="number"][disabled]::-moz-placeholder, input[type="password"][disabled]::-moz-placeholder, input[type="search"][disabled]::-moz-placeholder, input[type="tel"][disabled]::-moz-placeholder, input[type="text"][disabled]::-moz-placeholder, input[type="time"][disabled]::-moz-placeholder, input[type="url"][disabled]::-moz-placeholder, input[type="week"][disabled]::-moz-placeholder, input:not([type])[disabled]::-moz-placeholder {
      color: #DCDADA; }
    input[type="color"][disabled]::-ms-input-placeholder, input[type="date"][disabled]::-ms-input-placeholder, input[type="datetime"][disabled]::-ms-input-placeholder, input[type="datetime-local"][disabled]::-ms-input-placeholder, input[type="email"][disabled]::-ms-input-placeholder, input[type="month"][disabled]::-ms-input-placeholder, input[type="number"][disabled]::-ms-input-placeholder, input[type="password"][disabled]::-ms-input-placeholder, input[type="search"][disabled]::-ms-input-placeholder, input[type="tel"][disabled]::-ms-input-placeholder, input[type="text"][disabled]::-ms-input-placeholder, input[type="time"][disabled]::-ms-input-placeholder, input[type="url"][disabled]::-ms-input-placeholder, input[type="week"][disabled]::-ms-input-placeholder, input:not([type])[disabled]::-ms-input-placeholder {
      color: #DCDADA; }
    input[type="color"][disabled]::placeholder, input[type="date"][disabled]::placeholder, input[type="datetime"][disabled]::placeholder, input[type="datetime-local"][disabled]::placeholder, input[type="email"][disabled]::placeholder, input[type="month"][disabled]::placeholder, input[type="number"][disabled]::placeholder, input[type="password"][disabled]::placeholder, input[type="search"][disabled]::placeholder, input[type="tel"][disabled]::placeholder, input[type="text"][disabled]::placeholder, input[type="time"][disabled]::placeholder, input[type="url"][disabled]::placeholder, input[type="week"][disabled]::placeholder, input:not([type])[disabled]::placeholder {
      color: #DCDADA; }
  .form-group--error input[type="color"], .form-group--error input[type="date"], .form-group--error input[type="datetime"], .form-group--error input[type="datetime-local"], .form-group--error input[type="email"], .form-group--error input[type="month"], .form-group--error input[type="number"], .form-group--error input[type="password"], .form-group--error input[type="search"], .form-group--error input[type="tel"], .form-group--error input[type="text"], .form-group--error input[type="time"], .form-group--error input[type="url"], .form-group--error input[type="week"], .form-group--error input:not([type]) {
    border-color: #E53012;
    color: #E53012; }

.block-list__item {
  background-color: #FFF;
  margin-bottom: 20px;
  width: 100%;
  border-radius: 15px; }
  .block-list__item span {
    color: #BCB8B7;
    margin-left: 5px; }
  .block-list__item--image {
    position: absolute;
    width: 150px;
    height: 100%;
    top: 0;
    right: 15px;
    text-align: center; }
    .block-list__item--image:before {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .block-list__item--image img {
      vertical-align: middle;
      width: auto;
      max-width: 100px;
      max-height: 40px; }

.block-list__link {
  display: block;
  padding: 30px 160px 30px 30px;
  position: relative;
  color: #595353; }

.block-list--max-nine .block-list__item {
  display: none; }
  .block-list--max-nine .block-list__item:nth-child(-n+3) {
    display: block; }
  @media (min-width: 768px) {
    .block-list--max-nine .block-list__item:nth-child(-n+6) {
      display: block; } }
  @media (min-width: 1024px) {
    .block-list--max-nine .block-list__item:nth-child(-n+9) {
      display: block; } }

.block--flex__blocks.block-list .block-list__item {
  margin-bottom: 20px; }

.cards.discipline-list {
  align-items: stretch;
  flex-flow: row nowrap;
  justify-content: flex-start;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -70px;
  padding-bottom: -30px;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; }
  @media (min-width: 768px) {
    .cards.discipline-list {
      overflow: hidden; } }
  .cards.discipline-list .card {
    margin: 0 0 70px 20px;
    padding: 0; }
    .cards.discipline-list .card:after {
      content: '';
      position: absolute;
      height: 100%;
      top: 0;
      right: -20px;
      border-right: solid 20px #F7F5F5; }
      @media (min-width: 768px) {
        .cards.discipline-list .card:after {
          display: none; } }
    .cards.discipline-list .card > a {
      padding: 0 0 20px 0;
      height: 100%; }
    .cards.discipline-list .card__image {
      margin-top: 0;
      min-width: 200px;
      overflow: hidden;
      position: relative; }
      .cards.discipline-list .card__image:after {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#40000000', GradientType=0);
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        opacity: 0.4;
        position: absolute;
        top: 0;
        left: 0; }
      .cards.discipline-list .card__image img {
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s;
        height: auto;
        width: 100%; }
    .cards.discipline-list .card__content {
      display: block;
      padding: 20px 20px 0 20px;
      color: #595353;
      font-size: 20px;
      line-height: 28px;
      font-weight: normal;
      word-break: break-word;
      overflow: visible; }
    .cards.discipline-list .card:hover {
      box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.1);
      margin-top: 0; }
  @media (min-width: 768px) {
    .cards.discipline-list {
      flex-flow: row wrap;
      margin-bottom: -60px;
      margin-left: -60px;
      position: static; }
      .cards.discipline-list .card {
        box-shadow: none;
        margin: 0 0 60px 60px; }
        .cards.discipline-list .card__content {
          color: #FFF;
          margin-right: 20px;
          margin-top: -40px;
          position: relative; }
          .cards.discipline-list .card__content span {
            bottom: 0;
            position: absolute; }
        .cards.discipline-list .card:hover {
          box-shadow: none;
          margin-bottom: 60px; }
          .cards.discipline-list .card:hover .card__image img {
            -webkit-transform: scale(1.1, 1.1);
                    transform: scale(1.1, 1.1); } }

.errorlist {
  margin: 20px 0; }
  .errorlist__item {
    color: #E53012;
    padding: 5px 0; }

.collapsible-list {
  list-style: none;
  margin-left: 0; }
  .collapsible-list__item {
    border: solid 1px #DCDADA;
    padding: 30px 20px 20px; }
    .collapsible-list__item:not(:first-child) {
      border-top: none; }
    .collapsible-list__item.collapsible--expanded .collapsible-list__heading {
      color: #E53012; }
  .collapsible-list__heading {
    color: #292221;
    font-weight: bold;
    padding: 0 25px 10px 25px; }
    .collapsible-list__heading span.icon {
      color: currentColor;
      top: 0;
      left: 0;
      right: auto;
      width: 15px; }
  .collapsible-list__answer {
    color: #595353;
    padding-left: 25px; }
    .collapsible-list__answer p:last-child {
      margin-bottom: 10px; }

.separated-list {
  margin-top: 10px; }
  .separated-list__item {
    display: inline-block;
    width: 100%;
    padding: 0 10px 10px 0;
    margin: 20px 0 10px 0;
    border-bottom: 1px solid #CDC9C8; }
    @media (min-width: 768px) {
      .separated-list__item {
        width: calc(50% - 100px);
        margin: 20px 25px 10px 25px; } }
    @media (min-width: 1024px) {
      .separated-list__item {
        width: calc(33.3% - 100px); } }
    .separated-list__item a {
      display: inline;
      position: relative;
      padding-bottom: 10px;
      line-height: 20px; }
      .separated-list__item a:after, .separated-list__item a:before {
        content: '';
        display: inline-block;
        position: absolute;
        width: 7px;
        height: 0.1rem;
        bottom: 15px;
        right: -15px;
        border-radius: 3px;
        background-color: #E53012; }
      .separated-list__item a:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      .separated-list__item a:after {
        bottom: 19px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      .separated-list__item a:hover:after, .separated-list__item a:hover:before {
        background-color: #B7260E; }
    .separated-list__item .icon {
      display: none;
      top: 10px;
      right: 15px; }

.filterlist {
  margin: 30px 0; }
  .filterlist__item {
    display: inline-block;
    color: #E53012;
    padding: 5px 0;
    margin-right: 10px; }

.footerlinklist {
  margin: 6px 0; }
  .footerlinklist__item {
    padding: 0 15px 0 0;
    position: relative; }
    .footerlinklist__item .icon {
      top: 5px; }
      .footerlinklist__item .icon svg {
        fill: #E53012; }
  .footerlinklist__link {
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 15px 0; }
  .footerlinklist--simple .footerlinklist__link {
    color: #595353;
    font-weight: normal; }
    .footerlinklist--simple .footerlinklist__link:hover {
      text-decoration: underline; }
  .footerlinklist--simple .icon {
    top: 4px; }
    .footerlinklist--simple .icon svg {
      fill: #595353; }
  .footerlinklist--horizontal .footerlinklist__item {
    display: inline-block;
    margin-right: 24px; }

@media (min-width: 768px) {
  .footerlinklist__link {
    padding: 5px 0; } }

.linklist {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  border: 1px solid #DCDADA;
  border-bottom: none; }
  @media (min-width: 768px) {
    .linklist {
      font-size: 14px;
      line-height: 15px;
      letter-spacing: 0; } }
  .linklist__item {
    border-bottom: 1px solid #DCDADA; }
  .linklist__link {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 80px;
    padding: 23px; }
  .linklist__title,
  .linklist__title > span {
    font-weight: bold;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .linklist__title .icon {
    margin-right: 5px; }
  .linklist__meta {
    color: #ABA7A6;
    margin-top: 7px; }
  .linklist--single, .linklist--triple {
    border: none; }
    .linklist--single .linklist__link, .linklist--triple .linklist__link {
      padding: 30px 0; }

@media (min-width: 768px) {
  .linklist--triple {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start; }
    .linklist--triple .linklist__item {
      margin-right: 60px;
      width: 26.5%; }
      .linklist--triple .linklist__item:nth-child(3n) {
        margin-right: 0; }
    .linklist--triple .linklist__link {
      justify-content: flex-start;
      padding: 30px 0 0; } }

@media (min-width: 1024px) {
  .linklist--triple .linklist__item {
    width: 27%; } }

.usp-list {
  margin-top: 30px; }
  .usp-list__item {
    color: #595353;
    display: block;
    font-weight: bold;
    padding-left: 55px;
    position: relative;
    margin-bottom: 30px;
    vertical-align: top; }
    .usp-list__item .icon {
      background-color: #E53012;
      border-radius: 50%;
      color: #FFF;
      display: block;
      height: 20px;
      left: 20px;
      padding: 2px;
      position: absolute;
      top: -2px;
      width: 20px; }

@media (min-width: 768px) {
  .usp-list__item {
    display: inline-block;
    width: calc(50% - 20px); }
  .contentpage .usplist {
    margin: 30px 50px 0; } }

.password-validator .label {
  display: block;
  padding: 10px 0; }

.password-validator .password-list {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%; }
  .password-validator .password-list .icon {
    top: -2px;
    margin-right: 4px;
    position: relative; }
    .password-validator .password-list .icon svg {
      fill: #F5BF4B; }
  .password-validator .password-list__item {
    position: relative;
    margin-bottom: 10px;
    width: 50%; }
    @media screen and (min-width: 600px) {
      .password-validator .password-list__item {
        width: auto; } }
  .password-validator .password-list .valid .icon svg {
    fill: #79DA60; }

.autosuggest__list {
  position: absolute;
  width: calc(100% - 26px);
  margin-top: 2px;
  left: 25px;
  background-color: #FFFFFF;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
  z-index: 30; }
  .autosuggest__list li {
    padding: 14px;
    color: #BCB8B7;
    cursor: pointer;
    transition: background-color 0.3s; }
    .autosuggest__list li:hover {
      background-color: #F7F5F5; }
    .autosuggest__list li .highlighted {
      color: #595353;
      text-transform: capitalize; }

.banner {
  overflow: hidden;
  padding: 24px 24px 100px 24px;
  position: relative;
  border-radius: 15px; }
  .banner__links {
    bottom: 24px;
    position: absolute; }
  .banner__link {
    display: block;
    margin-bottom: 20px;
    position: relative; }
    .banner__link:last-child {
      margin-bottom: 0; }
  @media (min-width: 768px) {
    .banner {
      padding: 60px 60px 140px 60px; }
      .banner .banner__links {
        bottom: 60px; } }
  .banner--contrast {
    background-color: #FFF; }
  .banner--overlay {
    background: no-repeat center;
    background-size: cover; }
    .banner--overlay svg.banner__overlay {
      height: 200%;
      opacity: 0.8;
      overflow: visible;
      position: absolute;
      right: 150%;
      top: -50%;
      width: 100%;
      fill: #D32C10; }
      .banner--overlay svg.banner__overlay circle {
        r: 200%; }
    .banner--overlay .banner__content,
    .banner--overlay .banner__title {
      color: #FFF;
      padding-right: 15%;
      position: relative; }
    .banner--overlay .banner__links {
      padding-right: 20%; }
    .banner--overlay .banner__link {
      color: #FFF; }
    @media (min-width: 375px) {
      .banner--overlay .banner__content,
      .banner--overlay .banner__title {
        padding-right: 25%; }
      .banner--overlay .banner__links {
        padding-right: 38%; } }
    @media (min-width: 768px) {
      .banner--overlay svg.banner__overlay {
        right: 100%; }
        .banner--overlay svg.banner__overlay circle {
          r: 130%; }
      .banner--overlay .banner__content,
      .banner--overlay .banner__title {
        padding-right: 15%; }
      .banner--overlay .banner__links {
        padding-right: 20%; } }
    @media (min-width: 1024px) {
      .banner--overlay svg.banner__overlay {
        right: 100%; }
        .banner--overlay svg.banner__overlay circle {
          r: 100%; }
      .banner--overlay .banner__content,
      .banner--overlay .banner__title {
        padding-right: 40%; }
      .banner--overlay .banner__links {
        padding-right: 45%; } }

.breadcrumb {
  padding: 0 0 20px; }
  .breadcrumb__item {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #ABA7A6;
    display: inline-block;
    font-weight: bold;
    margin-right: 5px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative; }
    @media (min-width: 768px) {
      .breadcrumb__item {
        font-size: 14px;
        line-height: 15px;
        letter-spacing: 0; } }
    .breadcrumb__item .icon {
      height: 14px;
      left: 0;
      right: auto;
      top: 3px;
      width: 14px; }
      .breadcrumb__item .icon svg {
        fill: currentColor; }
    .breadcrumb__item:last-child {
      color: #595353; }
  .breadcrumb__link {
    color: #ABA7A6; }

@media (min-width: 768px) {
  .breadcrumb__item {
    padding-left: 0; }
    .breadcrumb__item .icon {
      left: auto;
      right: 0;
      top: 2px; }
  .contentpage .breadcrumb {
    margin-left: 50px; } }

.cards {
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-left: -60px;
  position: relative; }
  @media (min-width: 768px) {
    .cards {
      margin-left: 0; } }
  .cards__recommended {
    justify-content: flex-start;
    margin: 90px 0 -60px -60px; }
    @media (min-width: 1024px) {
      .cards__recommended {
        margin: 0 0 -120px -60px; } }
    .cards__recommended .card > a:nth-child(2) {
      padding: 0; }
  .cards--location-container {
    margin-left: 0; }
  .cards .card {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0 0 60px 60px;
    padding: 0;
    box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.1);
    vertical-align: top;
    border-radius: 15px;
    transition: margin-top 0.2s ease-in-out, margin-bottom 0.2s ease-in-out, opacity 0.2s ease-in-out, box-shadow 0.2s ease-in-out; }
    @media (min-width: 768px) {
      .cards .card {
        width: calc(50% - 60px); } }
    @media (min-width: 1024px) {
      .cards .card {
        width: calc(33.3% - 60px); } }
    .cards .card > a {
      display: block;
      padding: 30px 0;
      background-color: #FFF;
      border-radius: 15px; }
    .cards .card:hover {
      box-shadow: 0 40px 40px -20px rgba(0, 0, 0, 0.1);
      margin-bottom: 62px;
      margin-top: -2px; }
      .cards .card:hover .card__link .icon svg {
        fill: #B7260E; }
    .cards .card:focus {
      box-shadow: none;
      margin: 0; }
    .cards .card.fade-out {
      opacity: 0; }
    .cards .card__logo {
      margin-bottom: 20px;
      height: 60px; }
      .cards .card__logo img {
        -o-object-fit: contain;
           object-fit: contain;
        width: auto;
        max-width: 90px;
        max-height: 60px; }
    .cards .card__image {
      margin-top: -30px;
      padding-bottom: 66.6%;
      position: relative;
      width: 100%; }
      @media (min-width: 768px) {
        .cards .card__image {
          border-radius: 15px; } }
      .cards .card__image img {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px; }
    .cards .card__content {
      display: inline-block;
      width: 100%;
      padding: 30px;
      word-break: break-word;
      word-wrap: break-word;
      overflow: hidden; }
    .cards .card__jobsave {
      transition: background-color 0.2s, opacity 0.2s;
      align-items: center;
      background-color: #DCDADA;
      border-radius: 50%;
      display: flex;
      height: 32px;
      justify-content: center;
      opacity: 1;
      position: absolute;
      border: 0;
      right: 15px;
      top: 15px;
      width: 32px;
      cursor: pointer; }
      .cards .card__jobsave .icon {
        position: absolute;
        width: 100%;
        height: 20px;
        top: 6px;
        right: 0; }
        .cards .card__jobsave .icon svg {
          fill: #FFFFFF; }
      .cards .card__jobsave.removing {
        background-color: #DCDADA !important; }
      .cards .card__jobsave:hover, .cards .card__jobsave.saved {
        background-color: #E53012; }
      .cards .card__jobsave.saved:hover {
        background-color: #D32C10; }
    .cards .card__subcontent {
      color: #ABA7A6;
      font-weight: normal;
      margin-bottom: 15px; }
    .cards .card__header {
      color: #292221;
      font-size: 24px;
      font-weight: bold;
      line-height: 35px;
      margin-bottom: 15px; }
    .cards .card__text {
      position: relative;
      color: #595353;
      font-size: 16px;
      font-weight: normal;
      letter-spacing: 0;
      line-height: 26px;
      margin-bottom: 15px;
      max-height: 104px;
      overflow: hidden; }
      .cards .card__text:after {
        content: '';
        position: absolute;
        box-sizing: border-box;
        width: calc(100% + 10px);
        height: 100px;
        left: -10px;
        bottom: -90px;
        background: #FFFFFF 100%;
        border-top: 1px solid #BCB8B7;
        box-shadow: 0px -2px 25px 0px rgba(0, 0, 0, 0.05); }
    .cards .card__link {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0;
      font-weight: bold;
      padding-right: 15px;
      position: relative; }
      @media (min-width: 768px) {
        .cards .card__link {
          font-size: 14px;
          line-height: 15px;
          letter-spacing: 0; } }
      .cards .card__link .icon {
        top: 3px; }
        .cards .card__link .icon svg {
          fill: #E53012; }
    .cards .card__anchorlink {
      padding-right: 20px; }
      .cards .card__anchorlink .icon {
        height: 15px;
        top: 0;
        width: 15px; }
    .cards .card__footer {
      align-items: center;
      border-top: solid 1px #EDEBEB;
      color: #ABA7A6;
      display: flex;
      font-weight: normal;
      justify-content: center;
      margin: 10px 0 -5px 0;
      padding-top: 25px;
      position: relative; }
      .cards .card__footer .icon {
        height: 17px;
        margin-right: 6px;
        position: static;
        width: 17px; }
        .cards .card__footer .icon svg {
          fill: #ABA7A6; }
    .cards .card--location {
      width: 100%;
      height: 100%;
      margin: 0;
      box-shadow: none; }
      @media (min-width: 768px) {
        .cards .card--location {
          display: inline-block;
          width: 60%;
          height: 100%; } }
      @media (min-width: 1024px) {
        .cards .card--location {
          width: 70%; } }
      .cards .card--location:hover {
        box-shadow: none;
        margin: 0; }
      .cards .card--location .card__map {
        width: 100%;
        height: 100%;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px; }
        @media (min-width: 768px) {
          .cards .card--location .card__map {
            border-top-left-radius: 15px;
            border-bottom-left-radius: 15px;
            border-top-right-radius: 0; } }
        .cards .card--location .card__map .gmnoprint a, .cards .card--location .card__map .gmnoprint span, .cards .card--location .card__map .gm-style-cc {
          display: none; }
        .cards .card--location .card__map .gmnoprint div {
          background: none !important; }
    .cards .card--location-info {
      width: 100%;
      margin: 0;
      box-shadow: none;
      z-index: 50; }
      @media (min-width: 768px) {
        .cards .card--location-info {
          display: inline-block;
          width: 40%;
          margin: 0; } }
      @media (min-width: 1024px) {
        .cards .card--location-info {
          width: 30%; } }
      .cards .card--location-info:hover {
        box-shadow: none;
        margin: 0; }
      .cards .card--location-info .metalist__item .phone-link {
        position: relative;
        padding-right: 15px; }
        .cards .card--location-info .metalist__item .phone-link .icon {
          top: 0;
          left: -30px; }
        .cards .card--location-info .metalist__item .phone-link .icon svg {
          fill: #E53012; }
        .cards .card--location-info .metalist__item .phone-link:hover .icon svg {
          fill: #D32C10; }
    .cards .card__lastviewed {
      border: 1px solid #D32C10;
      opacity: 0.5; }
    .cards .card__stub {
      border-top: solid 2px #F7F5F5;
      padding: 20px 0;
      border-radius: 15px; }
    .cards .card .stub__content {
      list-style: none;
      margin: 0 auto; }
      .cards .card .stub__content--item {
        margin: 0 auto;
        color: #595353;
        font-size: 14px;
        font-weight: bold;
        line-height: 14px;
        padding: 8px 0 8px 30px;
        position: relative;
        max-width: 150px; }
        .cards .card .stub__content--item .icon {
          height: 17px;
          left: 0;
          right: auto;
          top: 6px;
          width: 17px; }
          .cards .card .stub__content--item .icon svg {
            fill: #E8492E; }
  .cards .placeholder {
    display: none; }
  .cards.draggable {
    margin-bottom: -40px;
    padding-bottom: 60px;
    flex-flow: row nowrap;
    justify-content: flex-start;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
    @media (min-width: 768px) {
      .cards.draggable {
        overflow: hidden; } }
    .cards.draggable .card {
      min-width: calc(100% - 120px);
      margin: 0 0 60px 20px; }
      @media (min-width: 768px) {
        .cards.draggable .card {
          min-width: auto; } }
      @media (min-width: 1024px) {
        .cards.draggable .card {
          width: calc(33.3% - 40px);
          margin: 0 0 60px 60px; } }
      .cards.draggable .card:first-child {
        margin-left: 60px; }
        @media (min-width: 768px) {
          .cards.draggable .card:first-child {
            margin-left: 0; } }
      .cards.draggable .card:last-child {
        min-width: calc(100% - 80px);
        margin-right: 20px; }
        @media (min-width: 768px) {
          .cards.draggable .card:last-child {
            min-width: 0;
            margin-right: 0; } }
        .cards.draggable .card:last-child:after {
          content: '';
          position: absolute;
          height: 100%;
          top: 0;
          right: -20px;
          border-right: solid 20px #F7F5F5; }
          @media (min-width: 768px) {
            .cards.draggable .card:last-child:after {
              display: none; } }
  .cards.cards-small .card {
    margin-bottom: 0; }
    .cards.cards-small .card:hover {
      margin-bottom: 0; }
  .cards.anchor-list {
    border-radius: 15px;
    margin: -24px;
    background-color: #F7F5F5; }
    @media (min-width: 768px) {
      .cards.anchor-list {
        background-color: transparent; } }
    .cards.anchor-list .card {
      box-shadow: none;
      margin: 0 0 10px 0;
      padding: 30px;
      background-color: #FFFFFF;
      width: 100%; }
      @media (min-width: 768px) {
        .cards.anchor-list .card {
          padding: 24px;
          width: 33%; } }
      @media (min-width: 1024px) {
        .cards.anchor-list .card {
          width: 33%; } }
      .cards.anchor-list .card:last-child {
        margin-bottom: 0; }
        .cards.anchor-list .card:last-child:hover {
          margin-bottom: 0; }
      .cards.anchor-list .card__content {
        padding: 0;
        overflow: visible; }
      .cards.anchor-list .card__anchorlink {
        display: block;
        padding: 10px 10px 10px 0; }
        .cards.anchor-list .card__anchorlink > span {
          position: relative;
          padding-right: 18px; }
        .cards.anchor-list .card__anchorlink .icon {
          position: absolute;
          top: 2px; }
          @media (min-width: 768px) {
            .cards.anchor-list .card__anchorlink .icon {
              position: relative;
              top: 4px; } }
          @media (min-width: 768px) {
            .cards.anchor-list .card__anchorlink .icon svg {
              width: 15px;
              height: 15px; } }
        .cards.anchor-list .card__anchorlink--bubble {
          background-color: #E53012;
          border-radius: 50%;
          display: inline-block;
          height: 32px;
          margin-bottom: -10px;
          margin-right: 12px;
          margin-top: -5px;
          padding: 6px;
          width: 32px; }
          .cards.anchor-list .card__anchorlink--bubble svg {
            fill: #FFFFFF; }
        .cards.anchor-list .card__anchorlink:hover .card__anchorlink--bubble {
          background-color: #D32C10; }
      .cards.anchor-list .card:hover {
        margin: 0 0 10px 0; }
  @media (min-width: 768px) {
    .cards.masonry {
      display: block;
      margin-left: 0; }
      .cards.masonry .card {
        margin-left: 0;
        margin-right: 30px;
        position: absolute; }
      .cards.masonry .placeholder {
        background-color: #EDEBEB;
        box-shadow: none;
        display: block;
        padding: 0;
        pointer-events: none; }
    .cards.two-columns .card {
      left: 0;
      width: calc(50% - 20px); }
      .cards.two-columns .card:nth-child(2n) {
        margin-right: 0; }
      .cards.two-columns .card.right {
        left: auto;
        margin-right: 0;
        right: 0; }
    .cards.three-columns .card {
      left: 0;
      width: calc(33% - 40px); }
      .cards.three-columns .card:nth-child(3n) {
        margin-right: 0; }
      .cards.three-columns .card.center {
        left: calc(33% + 30px); }
      .cards.three-columns .card.right {
        left: auto;
        margin-right: 0;
        right: 0; } }

@-webkit-keyframes moveUp {
  0% {
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes moveUp {
  0% {
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

.cards.animate-move-up .card {
  -webkit-transform: translateY(200px);
          transform: translateY(200px);
  -webkit-animation: moveUp 500ms ease-in-out forwards;
          animation: moveUp 500ms ease-in-out forwards; }

.carousel {
  height: 250px;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .carousel .nav-button {
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: calc(50% - 10px);
    width: 30px;
    z-index: 10; }
    .carousel .nav-button--left {
      left: 20px; }
    .carousel .nav-button--right {
      right: 20px; }
    .carousel .nav-button .icon {
      color: #FFFFFF;
      height: 15px;
      position: static;
      width: 15px; }
      .carousel .nav-button .icon svg {
        fill: #FFFFFF; }
    .carousel .nav-button:hover {
      -webkit-transform: scale(1.1, 1.1);
              transform: scale(1.1, 1.1); }
  .carousel__items {
    height: 100%;
    width: 100%; }
  .carousel__banner {
    background-color: #E2CEA7;
    position: relative; }
    .carousel__banner-content {
      bottom: 0;
      padding: 20px 30px;
      position: absolute;
      width: 100%; }
      .carousel__banner-content:before {
        background-color: #000;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        opacity: 0.4;
        position: absolute;
        top: 0;
        width: 100%; }
    .carousel__banner-title {
      font-size: 16px;
      line-height: 28px;
      letter-spacing: 0;
      color: #FFF;
      margin-bottom: 0;
      overflow: hidden;
      position: relative; }
      @media (min-width: 768px) {
        .carousel__banner-title {
          font-size: 16px;
          line-height: 28px;
          letter-spacing: 0; } }
    .carousel__banner-text {
      font-size: 16px;
      line-height: 28px;
      letter-spacing: 0;
      color: #FFF;
      display: none;
      margin-bottom: 0;
      position: relative; }
      @media (min-width: 768px) {
        .carousel__banner-text {
          font-size: 16px;
          line-height: 28px;
          letter-spacing: 0; } }
    .carousel__banner--textonly {
      height: 100%; }
      .carousel__banner--textonly .carousel__banner-content {
        bottom: 90px;
        display: flex;
        height: calc(100% - 120px);
        left: 60px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        right: 60px;
        width: auto; }
        .carousel__banner--textonly .carousel__banner-content:before {
          display: none; }
        .carousel__banner--textonly .carousel__banner-content:after {
          bottom: 0;
          content: "";
          display: block;
          height: 20px;
          left: 0;
          position: absolute;
          width: 100%; }
      .carousel__banner--textonly .carousel__banner-title {
        font-size: 26px;
        line-height: 32px;
        letter-spacing: 0.5px;
        white-space: pre-wrap; }
        @media (min-width: 768px) {
          .carousel__banner--textonly .carousel__banner-title {
            font-size: 26px;
            line-height: 32px;
            letter-spacing: 0.5px; } }
      .carousel__banner--textonly .carousel__banner-text {
        font-size: 20px;
        line-height: 32px;
        letter-spacing: 0; }
        @media (min-width: 768px) {
          .carousel__banner--textonly .carousel__banner-text {
            font-size: 20px;
            line-height: 32px;
            letter-spacing: 0; } }
      .carousel__banner--textonly .carousel__banner-button {
        bottom: 30px;
        left: 60px;
        position: absolute; }
  .carousel__item {
    display: block;
    height: 100%;
    margin-left: 50%;
    max-height: 250px;
    position: absolute;
    width: 100%;
    z-index: 2; }
    .carousel__item .video__image {
      max-height: none; }
    .carousel__item .video__playbutton {
      opacity: 0; }
    .carousel__item .video--playing .video__wrapper {
      height: 250px; }
    .carousel__item > * {
      transition: all 0.5s;
      opacity: 0;
      pointer-events: none;
      width: 360px; }
      .carousel__item > * figure img {
        height: 250px;
        width: 360px; }
    .carousel__item--outerright > * {
      margin-left: 560px;
      opacity: 0; }
    .carousel__item--outerleft > * {
      margin-left: -910px;
      opacity: 0; }
    .carousel__item--right {
      z-index: 3; }
      .carousel__item--right > * {
        margin-left: 190px;
        opacity: 1;
        pointer-events: all; }
    .carousel__item--left {
      z-index: 3; }
      .carousel__item--left > * {
        margin-left: -550px;
        opacity: 1;
        pointer-events: all; }
    .carousel__item--center {
      z-index: 6; }
      .carousel__item--center > * {
        margin-left: -180px;
        opacity: 1;
        pointer-events: all; }
        .carousel__item--center > *.video .video__playbutton {
          opacity: 1; }

@media screen and (min-width: 380px) {
  .carousel__items, .carousel__banner, .carousel__image, .carousel__video, .carousel--textonly {
    border-radius: 15px; }
    .carousel__items img, .carousel__banner img, .carousel__image img, .carousel__video img, .carousel--textonly img {
      border-radius: 15px; }
  .carousel__banner-content:before {
    content: '';
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px; } }

@media (min-width: 768px) {
  .carousel .nav-button {
    width: 48px;
    height: 48px;
    top: calc(50% - 24px); }
    .carousel .nav-button .icon {
      height: 20px;
      width: 20px; } }

@media (min-width: 1024px) {
  .carousel {
    height: 500px; }
    .carousel__item {
      margin-left: 50%;
      max-height: 500px; }
      .carousel__item .video--playing .video__wrapper {
        height: 500px; }
      .carousel__item > * {
        transition: all 0.5s;
        width: 870px; }
        .carousel__item > * figure img {
          height: 500px;
          width: 870px; }
      .carousel__item--outerright > * {
        margin-left: 1315px; }
      .carousel__item--outerleft > * {
        margin-left: -2185px; }
      .carousel__item--right > * {
        margin-left: 445px; }
      .carousel__item--left > * {
        margin-left: -1315px; }
      .carousel__item--center > * {
        margin-left: -435px; }
    .carousel__banner-content {
      align-items: stretch;
      max-height: none;
      padding: 30px 50px; }
      .carousel__banner-content:after {
        display: none; }
    .carousel__banner-title {
      font-size: 26px;
      line-height: 32px;
      letter-spacing: 0.5px;
      color: #FFF;
      position: relative;
      margin-bottom: 10px;
      overflow: visible;
      text-overflow: ellipsis;
      white-space: initial; } }
    @media (min-width: 1024px) and (min-width: 768px) {
      .carousel__banner-title {
        font-size: 26px;
        line-height: 32px;
        letter-spacing: 0.5px; } }

@media (min-width: 1024px) {
    .carousel__banner-text {
      display: block; }
    .carousel__banner--textonly .carousel__banner-content {
      flex-direction: column;
      justify-content: center;
      padding: 0;
      left: 150px;
      right: 150px; }
    .carousel__banner--textonly .carousel__banner-title {
      font-size: 26px;
      line-height: 32px;
      letter-spacing: 0.5px; } }
    @media (min-width: 1024px) and (min-width: 768px) {
      .carousel__banner--textonly .carousel__banner-title {
        font-size: 38px;
        line-height: 48px;
        letter-spacing: 0.5px; } }

@media (min-width: 1024px) {
    .carousel__banner--textonly .carousel__banner-button {
      bottom: 60px;
      left: 150px; } }

@media (min-width: 1140px) {
  .block--cover .carousel {
    border-radius: 0; }
    .block--cover .carousel__items, .block--cover .carousel__banner, .block--cover .carousel__image, .block--cover .carousel__video, .block--cover .carousel--textonly {
      border-radius: 0; }
      .block--cover .carousel__items img, .block--cover .carousel__banner img, .block--cover .carousel__image img, .block--cover .carousel__video img, .block--cover .carousel--textonly img {
        border-radius: 0; } }

.collapsible__trigger {
  cursor: pointer;
  position: relative; }
  .collapsible__trigger .icon {
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    height: 20px;
    top: 17px;
    width: 20px; }

.collapsible__content {
  transition: max-height 0.3s;
  max-height: 0;
  overflow: hidden; }

.collapsible--expanded .collapsible__trigger {
  color: #E53012; }

.collapsible--expanded .collapsible__trigger .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.contact {
  width: 100%; }
  .contact .heading--2 {
    margin-bottom: 10px; }
  .contact__block {
    background-color: #FFF;
    border: solid 1px #DCDADA;
    display: flex;
    flex-flow: column nowrap; }
  .contact__details {
    border-bottom: solid 1px #DCDADA;
    flex-basis: 60%;
    padding: 30px;
    width: 100%; }
  .contact__image {
    height: 60px;
    margin: 0 20px 20px 0;
    width: 60px; }
    .contact__image img {
      border-radius: 50%; }
  .contact__info h3 {
    color: #292221; }
  .contact__info p {
    margin-bottom: 0;
    color: #595353; }
  .contact__options {
    flex-basis: 40%;
    position: relative; }
    .contact__options .contact-optionslist {
      align-items: center;
      bottom: 0;
      display: flex;
      flex-flow: column nowrap;
      height: 100%;
      justify-content: space-between;
      left: 0;
      right: 0;
      top: 0; }
      .contact__options .contact-optionslist__item {
        align-items: center;
        display: flex;
        flex-basis: 100%;
        height: 33%;
        width: 100%; }
        .contact__options .contact-optionslist__item:not(:last-child) {
          border-bottom: solid 1px #DCDADA; }
        .contact__options .contact-optionslist__item a {
          font-size: 16px;
          line-height: 28px;
          letter-spacing: 0;
          align-items: center;
          display: flex;
          height: 100%;
          padding: 30px;
          position: relative;
          width: 100%; }
          @media (min-width: 768px) {
            .contact__options .contact-optionslist__item a {
              font-size: 16px;
              line-height: 28px;
              letter-spacing: 0; } }
          .contact__options .contact-optionslist__item a > span {
            font-weight: bold; }
          .contact__options .contact-optionslist__item a .icon {
            display: inline-block;
            height: 20px;
            margin-right: 7px;
            margin-top: -3px;
            position: static;
            vertical-align: middle;
            width: 20px; }
            .contact__options .contact-optionslist__item a .icon svg {
              height: 20px;
              width: 20px; }

.visual-block .contact {
  margin: 0; }

@media (min-width: 768px) {
  .contact__block {
    flex-flow: row nowrap; }
  .contact__details {
    border-bottom: none;
    border-right: solid 1px #DCDADA;
    padding: 40px; }
  .contact__image, .contact__info {
    float: left; }
  .contact__options .contact-optionslist {
    position: absolute; }
    .contact__options .contact-optionslist__item a {
      padding: 0 20px 0 40px; }
  .visual-block .contact {
    margin: -60px 0;
    padding: 30px 60px; }
    .visual-block .contact .visual-block__header {
      max-width: 100%; }
  .block--contrast .contact__block {
    margin: 0 50px; } }

@media (min-width: 1024px) {
  .contact > article {
    margin: 0; }
  .contact__details {
    padding: 60px; }
  .contact__options .contact-optionslist {
    position: absolute; }
    .contact__options .contact-optionslist__item a {
      padding: 0 0 0 60px; }
  .visual-block .contact {
    padding: 30px 170px; } }

#st_popup {
  position: fixed;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 30px 20px;
  left: 0;
  bottom: 0;
  background-color: #F0E5D0;
  z-index: 101; }
  @media (min-width: 768px) {
    #st_popup {
      top: 0;
      bottom: auto;
      flex-direction: row;
      padding-left: 5%;
      padding-right: 5%; } }
  @media (min-width: 1140px) {
    #st_popup {
      padding-left: 15%;
      padding-right: 15%; } }
  #st_popup_content {
    margin-bottom: 5px;
    order: 1;
    color: #595353;
    font-size: 14px;
    line-height: 20px; }
    @media (min-width: 768px) {
      #st_popup_content {
        margin-bottom: 0;
        padding-right: 60px; } }
    @media (min-width: 1024px) {
      #st_popup_content {
        position: relative;
        top: 6px; } }
  #st_popup_acceptButton, #st_popup_settingsButton {
    width: 100%;
    margin: 5px 0;
    padding: 17px 22px;
    text-align: center;
    font-weight: bold;
    max-height: 48px; }
    @media (min-width: 768px) {
      #st_popup_acceptButton, #st_popup_settingsButton {
        width: auto;
        padding: 17px 30px; } }
  #st_popup_acceptButton {
    order: 3; }
  #st_popup_settingsButton {
    order: 2;
    background-color: #FFF;
    color: #E53012; }
    #st_popup_settingsButton:hover, #st_popup_settingsButton:focus {
      background-color: #F7F5F5;
      color: #E53012; }
    #st_popup_settingsButton:active {
      background-color: #EDEBEB;
      color: #E53012; }

#st_settings {
  position: fixed;
  border-radius: 15px;
  width: calc(100% - 40px);
  max-width: 740px;
  padding: 30px 20px;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background-color: #FFFFFF;
  z-index: 102;
  overflow-y: scroll; }
  @media (min-width: 768px) {
    #st_settings {
      left: 50%;
      padding: 30px;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      bottom: auto;
      top: 160px;
      overflow-y: hidden; } }
  #st_settings_title {
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 0.5px;
    font-weight: bold;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      #st_settings_title {
        font-size: 26px;
        line-height: 32px;
        letter-spacing: 0.5px; } }
  #st_settings_question {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold; }
    @media (min-width: 768px) {
      #st_settings_question {
        margin-top: 40px; } }
  #st_settings_banner {
    display: none; }
  #st_settings_form .stRadioContainer {
    border: 1px solid #CDC9C8;
    text-align: center;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      #st_settings_form .stRadioContainer {
        float: left;
        width: calc(50% - 10px);
        margin-right: 10px; } }
  #st_settings_form .stRadioButton {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    cursor: pointer; }
    #st_settings_form .stRadioButton input[type="radio"] {
      border: none;
      clip: rect(0, 0, 0, 0);
      height: 1px;
      margin: -1px;
      position: relative;
      width: 1px;
      cursor: pointer; }
      #st_settings_form .stRadioButton input[type="radio"]:focus:before, #st_settings_form .stRadioButton input[type="radio"]:active:before, #st_settings_form .stRadioButton input[type="radio"]:hover:before {
        border-color: #696363; }
      #st_settings_form .stRadioButton input[type="radio"]:checked {
        border-color: #E53012; }
        #st_settings_form .stRadioButton input[type="radio"]:checked:before {
          border-color: #E53012; }
        #st_settings_form .stRadioButton input[type="radio"]:checked:after {
          opacity: 1;
          -webkit-transform: scale(1, 1);
                  transform: scale(1, 1); }
      #st_settings_form .stRadioButton input[type="radio"]:before {
        content: ' ';
        display: block;
        position: relative;
        width: 20px;
        height: 20px;
        top: -9px;
        right: 89px;
        border: 2px solid #CDC9C8;
        border-radius: 100%;
        opacity: 1; }
      #st_settings_form .stRadioButton input[type="radio"]:after {
        content: ' ';
        display: block;
        position: relative;
        width: 10px;
        height: 10px;
        top: -24px;
        right: 84px;
        background-color: #E53012;
        border-radius: 50%;
        opacity: 0;
        transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
        transition: transform 0.3s ease, opacity 0.3s ease;
        transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; }
    #st_settings_form .stRadioButton#st_settings_form_radio1 input[type="radio"]:before {
      right: 103px; }
    #st_settings_form .stRadioButton#st_settings_form_radio1 input[type="radio"]:after {
      right: 98px; }
  #st_settings_form .radio-button__input {
    padding: 0 12px 0 0; }
  #st_settings_form .radio-button__label {
    width: auto;
    margin-top: 0;
    margin-bottom: 0; }
  #st_settings p {
    font-size: 16x;
    line-height: 24px;
    margin-bottom: 20px; }
  #st_settings a {
    font-size: 16px; }
  @media (min-width: 768px) {
    #st_settings_features_enabled, #st_settings_features_disabled {
      display: inline-block;
      width: 49%;
      vertical-align: top;
      margin-top: 10px; } }
  #st_settings_features_enabled_title, #st_settings_features_disabled_title {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold; }
  #st_settings .stFeature {
    position: relative;
    margin: 10px 0;
    padding-left: 30px; }
  #st_settings_features_enabled_list .stFeature:before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+DQoJPHBhdGggZmlsbD0iIzcxQ0Q1QSIgZD0iTTksMTEuNmw1LjI5My01LjMwN2ExLDEsMCwwLDEsMS40MTQsMS40MTRsLTYsNmExLDEsMCwwLDEtMS40MTQsMGwtMy0zQTEsMSwwLDAsMSw2LjcwNyw5LjI5M1oiLz4NCjwvc3ZnPg0K);
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0; }
  #st_settings_features_disabled {
    margin-bottom: 30px; }
  #st_settings_features_disabled_list .stFeature:before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iI0U1QjM0NiIgZD0iTTEwLDExLjQxNGw0LjI5Myw0LjI5M2ExLDEsMCwwLDAsMS40MTQtMS40MTRMMTEuNCwxMGw0LjMwNy00LjI5M2ExLDEsMCwwLDAtMS40MTQtMS40MTRMMTAsOC41ODYsNS43MDcsNC4yOTNBMSwxLDAsMCwwLDQuMjkzLDUuNzA3TDguNiwxMCw0LjI5MywxNC4yOTNhMSwxLDAsMCwwLDEuNDE0LDEuNDE0TDEwLDExLjQxNFoiLz48L3N2Zz4=);
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0; }
  #st_settings_saveButton {
    display: inline-block;
    width: auto;
    margin-bottom: 40px;
    text-align: center;
    font-weight: bold;
    max-height: 48px; }
    @media (min-width: 768px) {
      #st_settings_saveButton {
        display: block;
        float: left;
        margin-right: 10px;
        margin-bottom: 0; } }
    @media (min-width: 768px) {
      #st_settings_saveButton:not(:last-child) {
        margin-right: 0; } }
  #st_settings_cancelButton {
    position: absolute;
    margin-top: 60px;
    left: 20px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: bold;
    color: #E53012;
    cursor: pointer; }
    @media (min-width: 768px) {
      #st_settings_cancelButton {
        font-size: 14px;
        line-height: 15px;
        letter-spacing: 0; } }
    @media (min-width: 768px) {
      #st_settings_cancelButton {
        position: relative;
        float: left;
        margin-top: 11px;
        margin-left: 460px;
        margin-right: 50px; } }

#st_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 101; }

.detailpage-header {
  line-height: 50px; }
  .detailpage-header__link {
    color: #595353; }
    .detailpage-header__link .icon {
      display: inline-block;
      height: 16px;
      margin-right: 10px;
      position: static;
      vertical-align: middle;
      width: 16px; }
  @media (max-width: 767px) {
    .detailpage-header spa-direct-apply-button {
      display: inline-block; } }
  @media (min-width: 768px) {
    .detailpage-header spa-direct-apply-button {
      width: auto; } }
  @media (min-width: 768px) {
    .detailpage-header spa-direct-apply-button > div {
      display: inline-block; } }
  .detailpage-header__title {
    transition: opacity 0.3s;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    display: none;
    font-weight: bold;
    margin-left: 30px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: auto; }
    @media (min-width: 768px) {
      .detailpage-header__title {
        font-size: 14px;
        line-height: 15px;
        letter-spacing: 0; } }
  .detailpage-header__button-group {
    align-items: center;
    display: flex;
    height: 70px;
    float: right;
    justify-content: flex-end;
    width: 370px;
    margin-top: -7px;
    transition: all 0.1s ease-in-out;
    vertical-align: middle; }
    @media (max-width: 767px) {
      .detailpage-header__button-group--expanded {
        border-radius: 10px 10px 0 0;
        height: 85%;
        z-index: 100; }
      .detailpage-header__button-group--thanks {
        height: 75%;
        z-index: 100; }
      .detailpage-header__button-group--warning {
        height: 75%; }
      .detailpage-header__button-group--error {
        height: 75%; } }
    .detailpage-header__button-group .button {
      margin-right: 10px; }
  .detailpage-header__button-save {
    transition: background-color 0.2s;
    background-color: #DCDADA;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 45px;
    vertical-align: middle;
    width: 45px; }
    .detailpage-header__button-save .icon {
      position: static;
      height: 20px;
      width: 20px; }
      .detailpage-header__button-save .icon svg {
        fill: #FFFFFF; }
    .detailpage-header__button-save:hover, .detailpage-header__button-save.saved {
      background-color: #E53012; }
    .detailpage-header__button-save.removing {
      background-color: #DCDADA !important; }

@media (min-width: 768px) {
  .detailpage-header__title {
    display: inline-block;
    opacity: 0;
    width: calc(100% - 700px); }
    .sticky-element--active .detailpage-header__title {
      opacity: 1; } }

@media (max-width: 767px) {
  .detailpage-header__button-group {
    position: absolute;
    padding: 10px;
    top: 13px;
    right: 0;
    background-color: #FFF;
    text-align: center;
    justify-content: space-between; }
    .detailpage-header__button-group .button:not(.button--spa) {
      max-width: 400px;
      width: calc(100% - 50px);
      display: inline-block; }
  .detailpage-header__button-save {
    float: right; } }

.recommended-vacancies {
  width: 100%;
  position: relative; }
  .recommended-vacancies .block__header {
    margin-left: 50px;
    font-size: 200px;
    font-weight: 700; }
    .recommended-vacancies .block__header .h4 {
      color: red; }
  .recommended-vacancies .block__content {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-flow: row wrap;
    position: relative;
    height: auto;
    justify-content: space-between; }
    .recommended-vacancies .block__content .vacancy-tile {
      background-color: white;
      display: inline-block;
      position: relative;
      width: 300px;
      margin: 0 0 0 60px;
      box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.1);
      vertical-align: top;
      border-radius: 15px;
      transition: margin-top .2s ease-in-out, margin-bottom .2s ease-in-out, opacity .2s ease-in-out, box-shadow .2s ease-in-out; }
      .recommended-vacancies .block__content .vacancy-tile .vacancy-tile__wide {
        display: block;
        width: 100%;
        padding: 10px; }
        .recommended-vacancies .block__content .vacancy-tile .vacancy-tile__wide .vacancy-tile__titlelink {
          color: #292221;
          font-size: 24px;
          font-weight: 700;
          line-height: 35px;
          margin-bottom: 15px; }
      .recommended-vacancies .block__content .vacancy-tile .vacancy-tile__small {
        height: 50px;
        display: flex;
        justify-content: start;
        padding: 10px; }
      .recommended-vacancies .block__content .vacancy-tile .vacancy-tile__details {
        width: 100%;
        padding: 30px; }
        .recommended-vacancies .block__content .vacancy-tile .vacancy-tile__details .vacancy-tile__detail {
          width: 100%; }
    .recommended-vacancies .block__content .vacancy-tile.animate-move-up {
      -webkit-transform: translateY(200px);
              transform: translateY(200px);
      -webkit-animation: moveUp .5s ease-in-out forwards;
              animation: moveUp .5s ease-in-out forwards; }
  .recommended-vacancies .block__header {
    padding: 20px; }
    .recommended-vacancies .block__header .h4 {
      color: #595353;
      font-size: 30px; }

@media (max-width: 767px) {
  .job-detail-page .block--job-detail-controls .block__content {
    padding: 20px !important; } }

@media (max-width: 767px) {
  .job-detail-page .block--contrast .block__content {
    padding: 20px; } }

.job-detail-page .block--job-detail-controls {
  z-index: 49; }

@media (max-width: 767px) {
  .job-detail-page .detailpage-header {
    line-height: 0; } }

@media (min-width: 768px) {
  .job-detail-page.sticky--is-active {
    margin-top: 109px; } }

.job-detail-page.sticky--is-active .block--contrast:first-child {
  margin-top: 0; }

@media (min-width: 768px) {
  .job-detail-page.sticky--is-active .block--job-detail-controls {
    position: fixed;
    margin-top: 0; } }

.job-detail-page.sticky--is-active .block--job-detail-controls .block__content {
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.15);
  border-bottom: solid 1px #EDEBEB;
  border-top: 0; }

.job-detail-page.sticky--is-active .block--vacancy-nav {
  margin-top: 120px; }

@media (max-width: 767px) {
  .job-detail-page .detailpage-header__button-group {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    top: auto;
    right: auto;
    padding: 10px;
    box-shadow: 0 -18px 20px -20px rgba(0, 0, 0, 0.15);
    border-top: solid 1px #EDEBEB; } }

.job-detail-page--apply .block__content {
  padding-top: 30px;
  padding-bottom: 20px; }
  @media (min-width: 768px) {
    .job-detail-page--apply .block__content {
      padding-top: 60px; } }

.job-detail-page--apply .detailpage-header__link {
  display: block;
  margin-bottom: 30px;
  color: #ABA7A6; }

.job-detail-page--apply .detailpage-header__link:first-letter {
  text-transform: uppercase; }

.job-detail-page--apply .metalist {
  display: inline-block;
  width: 100%;
  margin-top: 6px;
  margin-bottom: 30px; }

@media (min-width: 1024px) {
  .job-detail-page--apply .detailpage-header__link,
  .job-detail-page--apply .metalist,
  .job-detail-page--apply h1, .job-detail-page--apply h3 {
    max-width: 70%; } }

.recommended-vacancies {
  display: inline-block; }

.contentpage .block--contrast:not(.block--split):first-child.block--job-detail-controls .block__content {
  z-index: -50;
  padding-top: 20px; }

/**
Direct Apply
 */
body.backdrop .page-header {
  z-index: 1; }

spa-direct-apply-form {
  border-radius: 15px;
  box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.5); }
  @media (max-width: 767px) {
    spa-direct-apply-form {
      bottom: 0;
      left: 0; } }
  @media (min-width: 768px) {
    spa-direct-apply-form.expanded {
      left: calc(50% - 250px);
      overflow: hidden;
      margin: 0 auto;
      max-width: 500px;
      max-height: 600px;
      position: fixed;
      top: 10%; } }
  spa-direct-apply-form .form-group {
    text-align: left;
    width: 100%; }
    spa-direct-apply-form .form-group__label {
      left: 0 !important; }
    spa-direct-apply-form .form-group .button--spa {
      width: 100%; }
      @media (min-width: 768px) {
        spa-direct-apply-form .form-group .button--spa {
          width: auto; } }

.mobile-only html.menu-expanded {
  height: calc(100vh - 200px);
  overflow: hidden; }
  .mobile-only html.menu-expanded body {
    height: calc(100vh - 200px);
    overflow: hidden; }

.mobile-only .page-nav {
  transition: left 0.5s;
  background-color: #F7F5F5;
  height: 100%;
  left: 100%;
  position: fixed;
  top: 0;
  width: 100%; }
  .mobile-only .page-nav.expanded {
    left: 0; }
  .mobile-only .page-nav .btn-close {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 30px;
    position: absolute;
    right: 20px;
    top: 4px;
    padding: 0; }
    .mobile-only .page-nav .btn-close .icon {
      position: static; }
      .mobile-only .page-nav .btn-close .icon svg {
        height: 20px;
        width: 20px; }
  .mobile-only .page-nav__service {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #FFF;
    border: none;
    padding: 0;
    border-top: 1px solid #EDEBEB;
    box-shadow: 0 -18px 20px -20px rgba(0, 0, 0, 0.15); }
    @media only screen and (min-width: 1030px) {
      .mobile-only .page-nav__service {
        position: absolute;
        width: auto;
        margin-top: -10px;
        padding: 0;
        top: 0;
        right: 4px;
        background-color: transparent;
        border-bottom: none;
        box-shadow: none; } }
    .mobile-only .page-nav__service .menu-item {
      padding: 15px 20px 15px 46px; }
      @media only screen and (min-width: 1030px) {
        .mobile-only .page-nav__service .menu-item {
          padding: 0; } }
      .mobile-only .page-nav__service .menu-item a {
        padding: 0;
        font-size: 16px;
        color: #595353; }
      .mobile-only .page-nav__service .menu-item.is-parent ul {
        max-height: none;
        opacity: 1;
        box-shadow: none;
        padding: 0;
        width: 100%; }
        .mobile-only .page-nav__service .menu-item.is-parent ul .menu-item {
          padding: 5px 0;
          width: 100%;
          font-size: 14px;
          text-align: center;
          border-top: 1px solid #DCDADA;
          color: #E53012; }
          @media only screen and (min-width: 1030px) {
            .mobile-only .page-nav__service .menu-item.is-parent ul .menu-item {
              width: auto;
              padding: 20px 0; } }
    .mobile-only .page-nav__service .is-parent.login {
      top: 0;
      padding: 0; }
      @media only screen and (min-width: 1030px) {
        .mobile-only .page-nav__service .is-parent.login {
          margin-top: 10px;
          border-left: 1px solid #DCDADA;
          border-top: none;
          text-align: left; } }
      .mobile-only .page-nav__service .is-parent.login > a {
        padding: 15px 20px 15px 47px;
        margin-bottom: 10px; }
        @media only screen and (min-width: 1030px) {
          .mobile-only .page-nav__service .is-parent.login > a {
            color: #595353;
            margin-bottom: 0; } }
        @media only screen and (min-width: 1030px) {
          .mobile-only .page-nav__service .is-parent.login > a:hover {
            background-color: #F7F5F5;
            color: #595353; } }
      @media only screen and (min-width: 1030px) {
        .mobile-only .page-nav__service .is-parent.login .sub-menu.login {
          max-width: 160px;
          min-width: 0;
          top: 59px;
          overflow: hidden; } }
      @media only screen and (min-width: 1030px) {
        .mobile-only .page-nav__service .is-parent.login .sub-menu .menu-item {
          padding: 0;
          border: 0; } }
      @media only screen and (min-width: 1030px) {
        .mobile-only .page-nav__service .is-parent.login .sub-menu .menu-item a {
          padding: 0 16px;
          text-align: left;
          line-height: 20px; } }
  .mobile-only .page-nav.expanded .page-nav__service .job-save {
    padding: 15px 20px;
    right: 0; }
  @media only screen and (min-width: 1030px) {
    .mobile-only .page-nav .sub-menu.login {
      min-width: 160px;
      max-width: 160px;
      top: 56px;
      left: auto;
      right: 10px;
      text-align: left;
      box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05); } }
  @media only screen and (min-width: 1030px) {
    .mobile-only .page-nav .sub-menu.login:before {
      content: '';
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      top: -17px;
      left: auto;
      right: 20px;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid #FFFFFF; } }
  .mobile-only .page-nav .sub-menu.login .menu-item a {
    font-size: 14px;
    font-weight: bold;
    color: #E53012; }
    @media only screen and (min-width: 1030px) {
      .mobile-only .page-nav .sub-menu.login .menu-item a {
        font-size: 16px;
        color: #595353; } }
    .mobile-only .page-nav .sub-menu.login .menu-item a:hover {
      color: #D32C10; }
  .mobile-only .page-nav .menu-item.news {
    position: relative;
    margin-right: 20px;
    top: 14px; }
    .mobile-only .page-nav .menu-item.news .icon svg {
      fill: #595353; }
    .mobile-only .page-nav .menu-item.news:hover .icon svg, .mobile-only .page-nav .menu-item.news.active .icon svg {
      fill: #E53012; }
  @media only screen and (min-width: 1030px) {
    .mobile-only .page-nav .menu-item.login a {
      padding: 0 20px 0 50px;
      line-height: 54px;
      min-width: 190px; } }
  .mobile-only .page-nav .menu-item.login:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 20px;
    bottom: -15px;
    left: 0; }
  @media only screen and (min-width: 1030px) {
    .mobile-only .page-nav .menu-item.login .icon {
      top: 4px;
      left: 20px; } }
  .mobile-only .page-nav .menu-item .icon {
    width: 20px;
    height: 20px;
    top: 14px;
    left: 20px;
    transition: all 0.3s; }
    @media only screen and (min-width: 1030px) {
      .mobile-only .page-nav .menu-item .icon {
        top: 11px;
        left: 10px; } }
  .mobile-only .page-nav .news:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    right: 10px;
    top: 10px;
    background-color: #E53012;
    border-radius: 100%;
    border: 1px solid #FFFFFF;
    display: none; }
  .mobile-only .page-nav .news.active:after {
    display: block; }
  .mobile-only .page-nav .job-save {
    position: relative;
    right: -10px;
    margin-top: 10px; }
    @media only screen and (min-width: 1030px) {
      .mobile-only .page-nav .job-save {
        position: absolute;
        width: 40px;
        margin-top: 0;
        left: -62px;
        top: 17px; } }
    .mobile-only .page-nav .job-save .counter {
      display: none;
      position: absolute;
      top: 14px;
      left: 46px;
      font-weight: bold; }
      @media only screen and (min-width: 1030px) {
        .mobile-only .page-nav .job-save .counter {
          top: 13px;
          left: 32px; } }
    .mobile-only .page-nav .job-save .icon svg {
      fill: #595353; }
    .mobile-only .page-nav .job-save:hover .icon svg {
      fill: #E53012; }
    .mobile-only .page-nav .job-save.active {
      right: 10px; }
      @media only screen and (min-width: 1030px) {
        .mobile-only .page-nav .job-save.active {
          left: -72px; } }
      .mobile-only .page-nav .job-save.active .counter {
        display: block; }
      .mobile-only .page-nav .job-save.active .icon svg {
        fill: #E53012; }
    .mobile-only .page-nav .job-save:before {
      content: '';
      position: absolute;
      display: block;
      width: 20px;
      height: 20px;
      top: 10px;
      left: 10px;
      opacity: 0;
      border-radius: 100%;
      background-color: #BCB8B7; }
    .mobile-only .page-nav .job-save.bounce .icon {
      -webkit-animation: heartbeat 1000ms ease-in-out;
              animation: heartbeat 1000ms ease-in-out; }
  .mobile-only .page-nav .menu-item a {
    color: #595353;
    display: inline-block;
    font-weight: bold;
    padding: 15px 20px;
    text-decoration: none;
    width: 100%; }
    .mobile-only .page-nav .menu-item a:hover {
      color: #D32C10; }
  .mobile-only .page-nav .menu-item.is-parent {
    position: relative; }
    .mobile-only .page-nav .menu-item.is-parent.expanded .sub-menu {
      max-height: 400px; }
    .mobile-only .page-nav .menu-item.is-parent.expanded .btn-toggle .icon {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    .mobile-only .page-nav .menu-item.is-parent .btn-toggle {
      display: none;
      cursor: pointer;
      height: 46px;
      position: absolute;
      right: 16px;
      top: 0;
      width: 40px; }
      .mobile-only .page-nav .menu-item.is-parent .btn-toggle .icon {
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
        height: 20px;
        right: 10px;
        top: 16px;
        width: 20px; }
  .mobile-only .page-nav .menu-item .sub-menu {
    transition: max-height 0.4s;
    max-height: 0;
    overflow: hidden;
    padding-left: 20px; }
    .mobile-only .page-nav .menu-item .sub-menu .menu-item a {
      font-weight: normal; }
  .mobile-only .page-nav .menu-item--active > a {
    color: #E53012; }
  .mobile-only .page-nav__main {
    background-color: #FFF;
    border-bottom: 1px solid #DCDADA; }
    .mobile-only .page-nav__main .menu-item {
      display: inline-block;
      margin-right: -4px;
      position: relative; }
      .mobile-only .page-nav__main .menu-item:last-child:before {
        border-left: solid 2px #DCDADA;
        content: "";
        display: block;
        height: 18px;
        left: -1px;
        position: absolute;
        top: calc(50% - 9px); }
  .mobile-only .page-nav__sub {
    height: calc(100% - 243px);
    padding: 10px 0;
    background-color: #FFF;
    border-bottom: 1px solid #DCDADA;
    overflow-y: scroll; }
    @media (min-width: 768px) {
      .mobile-only .page-nav__sub {
        height: calc(100% - 223px); } }
    @media only screen and (min-width: 1030px) {
      .mobile-only .page-nav__sub {
        height: auto;
        overflow-y: visible;
        -ms-overflow-style: none; } }
    .mobile-only .page-nav__sub .menu-item.logo {
      display: none; }
    .mobile-only .page-nav__sub .menu-item.home span {
      font-weight: bold; }
    .mobile-only .page-nav__sub .menu-item.home .icon {
      display: none; }
    .mobile-only .page-nav__sub .menu-item a {
      font-size: 16px; }
  .mobile-only .page-nav .page-search {
    display: none; }

.mobile-only .mobile-header {
  position: relative;
  height: 60px;
  padding: 12px 13px 12px 8px;
  border-bottom: 1px solid #DCDADA; }
  .mobile-only .mobile-header__item {
    display: inline-block;
    float: right;
    height: 30px;
    margin: 5px 0 0 10px;
    position: relative;
    width: 30px; }
    .mobile-only .mobile-header__item.logo {
      float: left;
      height: 35px;
      margin: 0 0 0 5px;
      width: 35px; }
      .mobile-only .mobile-header__item.logo svg.svg-logo {
        height: 100%;
        width: 100%; }
    .mobile-only .mobile-header__item .icon {
      height: 27px;
      padding: 5px;
      width: 27px; }
    .mobile-only .mobile-header__item a .icon svg {
      fill: #595353; }
    .mobile-only .mobile-header__item a .counter {
      position: relative;
      top: 3px;
      right: -25px;
      color: #595353;
      opacity: 0; }
    .mobile-only .mobile-header__item .active .job-save {
      right: 7px; }
    .mobile-only .mobile-header__item .active a .counter {
      opacity: 1; }
    .mobile-only .mobile-header__item .active a .icon svg {
      fill: #E53012; }
    .mobile-only .mobile-header__item .job-save,
    .mobile-only .mobile-header__item .my-tt {
      position: relative;
      width: 30px;
      height: 30px;
      top: 2px; }
      .mobile-only .mobile-header__item .job-save .icon,
      .mobile-only .mobile-header__item .my-tt .icon {
        width: 20px;
        height: 20px;
        padding: 0; }
    .mobile-only .mobile-header__item .my-tt {
      margin-right: 16px; }
    .mobile-only .mobile-header__item .job-save {
      width: auto; }
      .mobile-only .mobile-header__item .job-save a {
        position: relative; }
      .mobile-only .mobile-header__item .job-save .icon {
        top: 1px;
        left: 0;
        right: auto; }
      .mobile-only .mobile-header__item .job-save .counter {
        top: 2px; }
      .mobile-only .mobile-header__item .job-save.bounce .icon {
        -webkit-animation: heartbeat 1000ms ease-in-out;
                animation: heartbeat 1000ms ease-in-out; }

@media only screen and (min-width: 1030px) {
  .mobile-only .page-nav {
    height: auto;
    position: static;
    width: auto; }
    .mobile-only .page-nav .btn-close {
      display: none; }
    .mobile-only .page-nav .menu-item {
      display: inline-block;
      margin-right: -4px; }
      .mobile-only .page-nav .menu-item a {
        padding: 20px; }
      .mobile-only .page-nav .menu-item.is-parent {
        padding-right: 0; }
        .mobile-only .page-nav .menu-item.is-parent .btn-toggle {
          display: none; }
        .mobile-only .page-nav .menu-item.is-parent .sub-menu {
          transition: opacity 0.2s, margin-top 0.2s;
          background-color: #FFF;
          border: solid 1px #EDEBEB;
          left: 20px;
          margin-top: 3px;
          max-height: none;
          min-width: 220px;
          opacity: 0;
          overflow: visible;
          padding: 5px 0;
          pointer-events: none;
          position: absolute; }
          .mobile-only .page-nav .menu-item.is-parent .sub-menu:after, .mobile-only .page-nav .menu-item.is-parent .sub-menu:before {
            border: solid transparent;
            bottom: 100%;
            content: " ";
            height: 0;
            left: 50px;
            pointer-events: none;
            position: absolute;
            width: 0; }
          .mobile-only .page-nav .menu-item.is-parent .sub-menu:after {
            border-bottom-color: #FFFFFF;
            border-color: rgba(255, 255, 255, 0);
            border-width: 10px;
            margin-left: -10px; }
          .mobile-only .page-nav .menu-item.is-parent .sub-menu:before {
            border-bottom-color: #EDEBEB;
            border-color: rgba(194, 225, 245, 0);
            border-width: 11px;
            margin-left: -11px; }
          .mobile-only .page-nav .menu-item.is-parent .sub-menu .menu-item {
            display: block; }
            .mobile-only .page-nav .menu-item.is-parent .sub-menu .menu-item a {
              display: block;
              font-weight: bold;
              padding: 12px 20px;
              line-height: 22px; } }
      @media only screen and (min-width: 1030px) and (min-width: 768px) {
        .mobile-only .page-nav .menu-item.is-parent.login {
          max-width: 250px;
          height: 55px;
          padding: 0; } }

@media only screen and (min-width: 1030px) {
        .mobile-only .page-nav .menu-item.is-parent.login a {
          overflow-x: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .mobile-only .page-nav .menu-item.is-parent:hover .sub-menu {
          margin-top: 0;
          opacity: 1;
          pointer-events: auto; }
    .mobile-only .page-nav__sub {
      padding: 10px 0;
      position: relative; }
      .mobile-only .page-nav__sub .menu-item {
        vertical-align: top; }
        .mobile-only .page-nav__sub .menu-item a {
          padding: 20px; }
        .mobile-only .page-nav__sub .menu-item.logo {
          display: inline-block; }
          .mobile-only .page-nav__sub .menu-item.logo a {
            padding: 6px 10px 0 0; }
        .mobile-only .page-nav__sub .menu-item.home {
          position: relative; }
          .mobile-only .page-nav__sub .menu-item.home a {
            padding-bottom: 35px; }
            .mobile-only .page-nav__sub .menu-item.home a:hover svg {
              fill: #E53012; }
          .mobile-only .page-nav__sub .menu-item.home .text {
            display: none; }
          .mobile-only .page-nav__sub .menu-item.home .icon {
            display: block;
            height: 17px;
            margin: 9px 10px;
            width: 17px; }
  .mobile-only .mobile-header {
    display: none; } }

@media only screen and (min-width: 1030px) {
  .mobile-only .page-nav .menu-item a {
    padding: 20px; } }

.mobile-only .hidden--from-large {
  display: block !important; }

@media only screen and (max-width: 1024px) {
  .fixed-nav .mobile-only .show-on-scroll {
    transition: top 0.5s;
    background-color: #FFF;
    left: 0;
    position: fixed;
    width: 100%; } }

.job-search {
  width: 100%; }
  .job-search.form-group {
    padding-right: 0; }
  .job-search .visual-block__header {
    max-width: 100%; }
  .job-search .visual-block__title {
    font-size: 32px;
    line-height: 38px; }
  .job-search .form-group-inline {
    justify-content: inherit;
    padding-right: 0;
    width: 100%; }
  .job-search .form-group {
    padding: 0; }
    .job-search .form-group__input {
      position: relative; }
      .job-search .form-group__input .icon {
        width: 20px;
        height: 20px;
        left: 15px;
        right: auto;
        top: 21px; }
        .job-search .form-group__input .icon svg {
          fill: #ABA7A6; }
      .job-search .form-group__input .icon--close-search, .job-search .form-group__input .icon--close-location {
        background: #CDC9C8;
        border-radius: 50%;
        display: none;
        width: 15px;
        height: 15px;
        left: auto;
        right: 15px;
        top: 23px;
        cursor: pointer; }
        .job-search .form-group__input .icon--close-search svg, .job-search .form-group__input .icon--close-location svg {
          fill: #fff;
          padding: 2px; }
      .job-search .form-group__input .active {
        display: block; }
      .job-search .form-group__input input,
      .job-search .form-group__input button {
        border: none;
        border-radius: 100px;
        width: 100%;
        height: 48px;
        line-height: 48px;
        padding-top: 0;
        padding-bottom: 0; }
      @media (min-width: 768px) {
        .job-search .form-group__input button {
          width: auto; } }
      .job-search .form-group__input input {
        height: 48px;
        padding: 0 15px 0 45px;
        line-height: 48px;
        background-image: none; }
        .job-search .form-group__input input:active, .job-search .form-group__input input:focus {
          border: none; }
      .job-search .form-group__input input[type=text]::-ms-clear {
        display: none; }
    .job-search .form-group.location {
      flex-flow: row nowrap; }
      .job-search .form-group.location__search {
        flex-basis: 70%;
        padding-right: 0;
        margin: 0; }
        @media (min-width: 768px) {
          .job-search .form-group.location__search {
            flex-basis: 100%; } }
        .job-search .form-group.location__search input {
          border-bottom-right-radius: 0;
          border-right: solid 1px #DCDADA;
          border-top-right-radius: 0; }
      .job-search .form-group.location__distance {
        flex-basis: calc(100% / 3);
        padding-left: 0;
        margin: 0; }
        .job-search .form-group.location__distance select {
          border: none;
          border-bottom-right-radius: 25px;
          border-top-right-radius: 25px;
          font-size: 14px;
          height: 48px;
          line-height: 20px;
          padding: 11px 12px 11px 15px; }
        .job-search .form-group.location__distance .input-select__list--item {
          padding: 12px 12px 12px 24px;
          position: relative; }
          .job-search .form-group.location__distance .input-select__list--item .icon {
            height: 10px;
            top: 12px;
            width: 10px; }
        .job-search .form-group.location__distance .icon {
          height: 14px;
          left: auto;
          pointer-events: none;
          right: 19px;
          top: 24px;
          width: 14px; }
          .job-search .form-group.location__distance .icon__left {
            height: 9px;
            left: 10px;
            right: auto;
            top: 18px;
            width: 9px; }
          .job-search .form-group.location__distance .icon svg {
            fill: #595353; }
  @media (min-width: 768px) {
    .job-search .form-group-inline {
      flex-flow: row wrap; }
    .job-search .form-group.branches {
      flex-basis: 70%;
      width: 100%; }
    .job-search .form-group.searchterm {
      flex-basis: 100%;
      width: 100%; }
    .job-search .form-group.location {
      flex-basis: calc(99% - 167px);
      margin-right: 0; }
      .job-search .form-group.location .input-combobox__list {
        width: 150px; }
    .job-search .form-group.search-button {
      max-width: 160px;
      flex-basis: 1%; }
      .job-search .form-group.search-button .form-group__input {
        display: inline-block;
        padding-left: 6px; } }
  @media (min-width: 1024px) {
    .job-search .form-group-inline {
      flex-flow: row nowrap; }
    .job-search .form-group.searchterm, .job-search .form-group.location {
      margin-right: 0; }
    .job-search .form-group.searchterm {
      flex-basis: 42%; }
    .job-search .form-group.branches {
      flex-basis: 50%; }
    .job-search .form-group.location {
      flex-basis: 42%;
      margin-left: 20px;
      margin-right: 5px; }
    .job-search .form-group.search-button {
      flex-basis: 15%; }
      .job-search .form-group.search-button .form-group__input {
        float: right; } }

.jobboard__form > .visual-block {
  display: none; }
  @media (min-width: 1024px) {
    .jobboard__form > .visual-block {
      display: block; } }

.job-detail-page .notification {
  margin-bottom: 20px;
  padding: 20px 20px 20px 70px; }
  .job-detail-page .notification p {
    margin-bottom: 0; }
  .job-detail-page .notification .icon {
    top: 15px; }

.jobboard {
  min-height: 300px; }
  @media (min-width: 1024px) {
    .jobboard {
      min-height: 500px; } }
  @media (min-width: 1024px) {
    .jobboard .sticky-container:after {
      content: '';
      display: block;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #000000;
      opacity: 0;
      visibility: hidden;
      z-index: 2;
      transition: opacity 0.5s, visibility 0.5s; } }
  .jobboard .sticky-element {
    position: relative;
    width: 100%; }
  @media (min-width: 1024px) {
    .jobboard .block--job-filter:after {
      border-radius: 0;
      display: block;
      position: absolute;
      content: '';
      width: 100%;
      height: 80px;
      top: 0;
      left: 50%;
      margin-left: -550px;
      max-width: 1100px;
      background: #FFFFFF;
      transition: max-width 0.3s, left 0.3s, margin-left 0.3s; } }
  .jobboard .sticky-element--active {
    margin-bottom: 40px;
    z-index: 80;
    box-shadow: 0 18px 20px -20px rgba(0, 0, 0, 0.15); }
    @media (min-width: 1024px) {
      .jobboard .sticky-element--active {
        margin-top: 20px; } }
    @media (min-width: 1024px) {
      .jobboard .sticky-element--active .block--job-filter:after {
        max-width: 100%;
        left: 0;
        margin-left: 0; } }
  .jobboard .loader-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 60px;
    left: 0;
    background-color: rgba(255, 255, 255, 0.75);
    z-index: 1; }
    @media (min-width: 1024px) {
      .jobboard .loader-container {
        min-height: 400px;
        top: -152px; } }
    .jobboard .loader-container .loader {
      position: absolute;
      left: 50%;
      top: 200px;
      -webkit-transform: translate3d(-50%, -50%, 0);
              transform: translate3d(-50%, -50%, 0); }
  .jobboard .recommended-loader {
    top: 0; }
    @media (min-width: 1024px) {
      .jobboard .recommended-loader {
        top: -60px; } }

.filter-open .jobboard .sticky-container:after {
  opacity: .35;
  visibility: visible; }

.block--job-filter .block__content {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0; }
  @media (min-width: 1024px) {
    .block--job-filter .block__content {
      height: 80px;
      margin-top: -20px;
      margin-left: auto;
      margin-right: auto;
      padding: 0;
      border: 0; } }

@media (min-width: 1024px) {
  .error-message {
    height: 100vh; } }

.job-filter {
  display: flex;
  height: 55px;
  padding: 0 10px;
  background: #FFFFFF; }
  @media (min-width: 1024px) {
    .job-filter {
      display: block;
      position: relative;
      height: 80px;
      padding: 0;
      background: transparent; } }
  .job-filter__link {
    position: relative;
    width: 50%;
    text-align: center;
    line-height: 55px; }
    @media (min-width: 768px) {
      .job-filter__link {
        text-align: center; } }
    @media (min-width: 1024px) {
      .job-filter__link {
        display: none;
        text-align: right; } }
    .job-filter__link:first-child {
      position: relative; }
      @media (min-width: 768px) {
        .job-filter__link:first-child {
          text-align: center; } }
      .job-filter__link:first-child:after {
        content: '';
        position: absolute;
        display: block;
        width: 2px;
        height: 20px;
        top: 18px;
        right: 0;
        background-color: #DCDADA; }
    .job-filter__link .icon {
      width: 20px;
      height: 20px;
      top: 5px;
      right: auto;
      left: 0; }
  .job-filter__linkcontainer {
    position: relative;
    display: inline-block;
    height: 100%;
    padding-left: 30px; }
  @media (min-width: 768px) {
    .job-filter .visual-block--search {
      display: none; } }
  @media (min-width: 1024px) {
    .job-filter .filter-wrapper {
      overflow: hidden;
      padding: 40px !important; }
      .job-filter .filter-wrapper .line-top:after {
        content: '';
        height: 96px;
        width: calc(100% + 80px);
        border-bottom: 1px solid #DCDADA;
        position: absolute;
        top: -28px;
        left: -40px;
        right: 0;
        box-shadow: 0 18px 20px -20px rgba(0, 0, 0, 0.15); } }
  .job-filter .filter-wrapper h2 {
    position: relative;
    padding-top: 12px; }
  .job-filter .filter-wrapper .filter-list__item--wrapper {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 30px;
    margin-bottom: 35px !important; }
    @media (min-width: 1024px) {
      .job-filter .filter-wrapper .filter-list__item--wrapper {
        width: 115% !important;
        position: relative;
        overflow-y: scroll; } }
    .job-filter .filter-wrapper .filter-list__item--wrapper .block--flex__blocks {
      justify-content: flex-start;
      height: 100%; }
      @media (min-width: 1024px) {
        .job-filter .filter-wrapper .filter-list__item--wrapper .block--flex__blocks {
          padding-right: 100px; } }
      .job-filter .filter-wrapper .filter-list__item--wrapper .block--flex__blocks .checkbox {
        max-width: 100%;
        min-width: 100%;
        margin-right: 20px; }
        @media (min-width: 1024px) {
          .job-filter .filter-wrapper .filter-list__item--wrapper .block--flex__blocks .checkbox {
            max-width: 30%;
            min-width: 29%; } }
  .job-filter .filter-wrapper .filter-list__item--fixed-wrapper {
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px; }
    @media (min-width: 1024px) {
      .job-filter .filter-wrapper .filter-list__item--fixed-wrapper {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        background-color: #fff !important;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        padding: 20px 30px;
        z-index: 1; } }
    .job-filter .filter-wrapper .filter-list__item--fixed-wrapper .button {
      position: relative;
      z-index: 1000; }
  .job-filter .filter-wrapper .line-bottom:after {
    content: '';
    height: 96px;
    width: 100%;
    border-top: 1px solid #DCDADA;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -18px 20px -20px rgba(0, 0, 0, 0.15); }

.filter-list {
  box-shadow: 0 18px 20px -20px rgba(0, 0, 0, 0.15); }
  @media (min-width: 1024px) {
    .filter-list.mobilepopup__content--fixed {
      position: relative;
      width: 100%;
      height: 80px;
      top: 0;
      padding: 12px;
      overflow: visible;
      pointer-events: auto;
      transition: none; } }
  @media (min-width: 1024px) {
    .filter-list .mobilepopup__header {
      display: none; } }
  .filter-list__item {
    padding: 0 20px; }
  .filter-list__location, .filter-list__distance {
    background-color: #F7F5F5; }
    @media (min-width: 1024px) {
      .filter-list__location, .filter-list__distance {
        display: none; } }
  .filter-list__distance {
    padding-bottom: 29px; }
    .filter-list__distance select {
      background-color: #F7F5F5; }
    .filter-list__distance .form-group {
      width: 100%;
      padding-right: 0; }
  @media (min-width: 1024px) {
    .filter-list__interests {
      display: flex;
      flex-direction: row;
      padding: 20px 0; } }
  .filter-list .input-combobox__icon {
    width: 20px;
    height: 20px; }
    .filter-list .input-combobox__icon svg {
      fill: #595353; }
  .filter-list .collapsible {
    border-bottom: 2px solid #DCDADA; }
    @media (min-width: 1024px) {
      .filter-list .collapsible {
        border-bottom: 0;
        padding-left: 30px;
        padding-right: 0;
        border-right: 1px solid #DCDADA; } }
    @media (min-width: 1024px) {
      .filter-list .collapsible:first-child {
        padding-left: 10px; } }
    .filter-list .collapsible:last-child {
      border-right: 0; }
    .filter-list .collapsible.has-active-filter .checkbox__suffix {
      opacity: 0; }
    .filter-list .collapsible__trigger {
      position: relative;
      display: inline-block;
      width: 100%;
      padding: 16px 30px 14px 30px;
      color: #595353; }
      @media (min-width: 1024px) {
        .filter-list .collapsible__trigger {
          width: auto;
          padding-top: 0;
          padding-bottom: 0;
          padding-right: 0;
          margin-right: 30px; } }
      .filter-list .collapsible__trigger:first-letter {
        text-transform: uppercase; }
      .filter-list .collapsible__trigger .icon {
        width: 20px;
        height: 20px; }
        @media (min-width: 1024px) {
          .filter-list .collapsible__trigger .icon {
            top: -1px;
            right: 0; } }
        .filter-list .collapsible__trigger .icon--before {
          left: 0;
          right: auto; }
        .filter-list .collapsible__trigger .icon svg {
          fill: #595353; }
      .filter-list .collapsible__trigger .indicator {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 27px;
        font-size: 10px;
        font-weight: bold;
        line-height: 20px;
        text-align: center;
        color: #FFFFFF;
        opacity: 0;
        visibility: hidden;
        background-color: #E53012;
        border-radius: 100%; }
      .filter-list .collapsible__trigger.has-active-filter .indicator {
        width: 20px;
        height: 20px;
        margin-left: 10px;
        opacity: 1;
        visibility: visible;
        transition: opacity 0.5s, visibilty 0.5s; }
        @media (min-width: 1024px) {
          .filter-list .collapsible__trigger.has-active-filter .indicator {
            margin-left: 36px; } }
      @media (min-width: 1024px) {
        .filter-list .collapsible__trigger.has-active-filter .icon {
          right: 31px; } }
    @media (min-width: 1024px) {
      .filter-list .collapsible__content {
        display: inline-block;
        position: absolute;
        width: calc((100% / 12) * 10);
        padding: 40px 40px 0;
        top: 81px;
        left: 15px;
        opacity: 0;
        visibility: hidden;
        background-color: #FFFFFF;
        border-radius: 15px;
        transition: max-height 0.5s, opacity 0.5s, visibility 0.5s; } }
    @media (min-width: 1024px) {
      .filter-list .collapsible__content .form-group {
        width: 100%;
        margin-bottom: 60px; } }
    .filter-list .collapsible__content .checkbox {
      margin: 0; }
      @media (min-width: 1024px) {
        .filter-list .collapsible__content .checkbox {
          padding: 6px 0 !important; } }
    .filter-list .collapsible--expanded .collapsible__trigger {
      color: #E53012; }
    @media (min-width: 1024px) {
      .filter-list .collapsible--expanded .collapsible__content {
        opacity: 1;
        visibility: visible; } }
    .filter-list .collapsible--expanded .icon--before {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
      .filter-list .collapsible--expanded .icon--before svg {
        fill: #E53012; }
  .filter-list .button__delete-filters {
    top: 32px;
    right: 0;
    margin-top: 29px;
    padding: 13px 0 13px 22px;
    text-align: right;
    font-weight: bold;
    float: right; }
    @media (min-width: 1024px) {
      .filter-list .button__delete-filters {
        position: absolute;
        top: 17px;
        right: 32px;
        margin-top: 0; } }
  .filter-list .button--ghost {
    position: relative;
    padding-left: 48px;
    font-weight: bold;
    top: 30px;
    left: 20px; }
    .filter-list .button--ghost .icon {
      width: 20px;
      height: 20px;
      top: 9px;
      left: 14px; }
      .filter-list .button--ghost .icon svg {
        fill: #E53012; }
  .filter-list .block--flex--col-3 .block--flex__blocks {
    display: inline-block;
    width: 100%; }
    @media (min-width: 1024px) {
      .filter-list .block--flex--col-3 .block--flex__blocks {
        -webkit-column-count: 3;
           -moz-column-count: 3;
                column-count: 3; } }
    .filter-list .block--flex--col-3 .block--flex__blocks .checkbox {
      display: inline-block;
      width: 100%;
      min-width: auto;
      max-width: none; }
  @media (min-width: 1024px) {
    .filter-list .block--flex--col-3 .block--flex__blocks .apply-filters {
      position: absolute;
      width: 100%;
      bottom: -60px;
      right: -40px;
      text-align: right; } }
  .filter-list .block--flex--col-3 .block--flex__blocks .apply-filters .button--text {
    margin-right: 40px;
    float: none; }

.mobilepopup__content--active .jobfilter__button-group {
  top: calc(100% - 76px); }

.jobfilter__button-group {
  position: fixed;
  width: calc(100% - 40px);
  padding: 16px 0;
  top: -200vh;
  left: 20px;
  background-color: #FFFFFF;
  box-shadow: 0 -18px 20px -20px rgba(0, 0, 0, 0.15);
  border-top: solid 1px #EDEBEB;
  transition: top 0.5s; }
  .jobfilter__button-group .button {
    width: 90%;
    margin: 0 auto;
    display: block; }
  .jobfilter__button-group .jobboardfilter__summary {
    width: 100% !important; }

@media (min-width: 1024px) {
  .filter-open .filter-list__interests:after {
    opacity: 1; } }

.sticky-element--active .filter-list {
  box-shadow: none; }

.job-filter__search .mobilepopup__container {
  height: 100%;
  padding-top: 20px;
  background-color: #F7F5F5; }

.job-filter__search .jobfilter__button-group {
  width: 100%;
  left: 0; }

.jobboard-heading {
  position: relative; }
  .jobboard-heading .block__content {
    padding-bottom: 0; }
  .jobboard-heading h2 {
    color: #595353;
    margin-bottom: 0; }
  .jobboard-heading .filters__total {
    margin-top: 10px; }
    @media (min-width: 1024px) {
      .jobboard-heading .filters__total {
        display: none; } }
    .jobboard-heading .filters__total--counter {
      display: inline-block;
      width: 20px;
      height: 20px;
      font-size: 10px;
      font-weight: bold;
      line-height: 20px;
      text-align: center;
      color: #FFFFFF;
      border-radius: 100%;
      opacity: 1;
      visibility: visible;
      background-color: #E53012; }
    .jobboard-heading .filters__total--label {
      position: relative;
      top: 1px;
      font-size: 14px; }

.metalist {
  list-style: none;
  margin-bottom: 15px;
  margin-left: 0; }
  .metalist__expired {
    border-top: 1px solid #CDC9C8;
    border-bottom: 1px solid #CDC9C8;
    padding: 15px 0;
    margin: 15px 0; }
    @media (min-width: 768px) {
      .metalist__expired {
        padding: 20px 0 2px 0;
        margin: 30px 0; } }
    .metalist__expired h3, .metalist__expired ul, .metalist__expired li, .metalist__expired p {
      color: #CDC9C8; }
    .metalist__expired .metalist {
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .metalist__expired .metalist {
          margin-bottom: 15px; } }
      .metalist__expired .metalist__item {
        display: block; }
        @media (min-width: 768px) {
          .metalist__expired .metalist__item {
            display: inline-block;
            margin-right: 30px; } }
    .metalist__expired .metalist__item .icon svg {
      fill: #CDC9C8; }
  .metalist__item {
    color: #595353;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    padding: 8px 0 8px 30px;
    position: relative; }
    .metalist__item .icon {
      height: 17px;
      left: 0;
      right: auto;
      top: 6px;
      width: 17px; }
      .metalist__item .icon svg {
        fill: #595353; }

@media (min-width: 1024px) {
  .mobilepopup__link, .mobilepopup__title {
    display: none; } }

body.mobilepopup--active {
  height: 100%;
  overflow: hidden;
  position: fixed;
  width: 100%; }
  body.mobilepopup--active main {
    z-index: 100; }

.mobilepopup h3 {
  margin-bottom: 25px; }

.mobilepopup__header {
  position: relative;
  padding: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #E53012;
  border-bottom: 1px solid #DCDADA; }
  .mobilepopup__header .mobilepopup__close {
    position: absolute;
    display: block;
    right: 20px;
    top: 12px;
    font-size: 28px;
    font-weight: normal;
    cursor: pointer;
    color: #595353; }
    .mobilepopup__header .mobilepopup__close .icon {
      width: 20px;
      height: 20px; }
      .mobilepopup__header .mobilepopup__close .icon svg {
        fill: #191211; }

.mobilepopup__content {
  transition: top 0.5s;
  background-color: #FFFFFF;
  bottom: 0;
  box-sizing: border-box;
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: -200vh;
  width: 100vw;
  z-index: 19999; }
  @media (min-width: 1140px) {
    .mobilepopup__content {
      border-radius: 15px; } }
  .mobilepopup__content--active {
    pointer-events: auto;
    top: 0; }
    .mobilepopup__content--active.mobilepopup__content--fixed .mobilepopup__title {
      top: 0; }
  .mobilepopup__content--fixed {
    overflow-y: scroll;
    height: 100%;
    padding-bottom: 120px; }
    .mobilepopup__content--fixed .mobilepopup__title {
      transition: top 0.5s;
      position: fixed;
      top: -150vh;
      left: 0;
      right: 0;
      padding-top: 20px;
      margin: 0 20px;
      background: #ffffff;
      z-index: +1; }

.mobilepopup__title {
  border-bottom: 1px solid #ABA7A6;
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
  align-items: baseline; }
  .mobilepopup__title h3 {
    margin-bottom: 26px; }

.notification {
  position: relative;
  background-color: #F7F5F5;
  padding: 60px 20px 10px; }
  @media (min-width: 768px) {
    .notification {
      padding: 20px;
      padding-left: 70px; } }
  .notification__icon {
    height: 40px;
    left: 20px;
    right: auto;
    top: 10px;
    width: 40px; }
    @media (min-width: 768px) {
      .notification__icon {
        left: 15px;
        top: 15px; } }
  .notification__text {
    font-size: 14px;
    margin-bottom: 0; }
  .notification--warning .notification__icon {
    color: #F5BF4B; }
  .notification--error .notification__icon {
    color: #E53012; }
  .notification--large {
    background-color: rgba(0, 0, 0, 0);
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
    padding: 0; }

.opening-hours {
  display: flex;
  flex-flow: row wrap; }
  .opening-hours__day, .opening-hours__time {
    margin-bottom: 11px;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold; }
  .opening-hours__day {
    margin-right: 10%;
    flex: 1 1 40%; }
  .opening-hours__time {
    flex: 1 1 50%; }

@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  25% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  75% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  25% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  75% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

html.menu-expanded {
  height: calc(100vh - 200px);
  overflow: hidden; }
  html.menu-expanded body {
    height: calc(100vh - 200px);
    overflow: hidden; }

.desktop-only .svg-logo {
  max-width: 220px; }

.desktop-only .page-nav {
  background-color: #F7F5F5;
  height: 100%;
  left: 100%;
  position: fixed;
  top: 0;
  width: 100%; }
  .desktop-only .page-nav.expanded {
    left: 0; }
  .desktop-only .page-nav .btn-close {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 30px;
    position: absolute;
    right: 20px;
    top: 4px;
    padding: 0; }
    .desktop-only .page-nav .btn-close .icon {
      position: static; }
      .desktop-only .page-nav .btn-close .icon svg {
        height: 20px;
        width: 20px; }
  .desktop-only .page-nav__service {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #FFF;
    border: none;
    padding: 0;
    border-top: 1px solid #EDEBEB;
    box-shadow: 0 -18px 20px -20px rgba(0, 0, 0, 0.15); }
    @media (min-width: 1024px) {
      .desktop-only .page-nav__service {
        position: absolute;
        width: auto;
        margin-top: -10px;
        padding: 0;
        top: 0;
        right: 4px;
        background-color: transparent;
        border-bottom: none;
        box-shadow: none; } }
    .desktop-only .page-nav__service .menu-item {
      padding: 15px 20px 15px 46px; }
      @media (min-width: 1024px) {
        .desktop-only .page-nav__service .menu-item {
          padding: 0; } }
      .desktop-only .page-nav__service .menu-item a {
        padding: 0;
        font-size: 16px;
        color: #595353; }
      .desktop-only .page-nav__service .menu-item.is-parent ul {
        max-height: none;
        opacity: 1;
        box-shadow: none;
        padding: 0;
        width: 100%; }
        .desktop-only .page-nav__service .menu-item.is-parent ul .menu-item {
          padding: 5px 0;
          width: 100%;
          font-size: 14px;
          text-align: center;
          border-top: 1px solid #DCDADA;
          color: #E53012; }
          @media (min-width: 1024px) {
            .desktop-only .page-nav__service .menu-item.is-parent ul .menu-item {
              width: auto;
              padding: 20px 0; } }
    .desktop-only .page-nav__service .is-parent.login {
      top: 0;
      padding: 0; }
      @media (min-width: 1024px) {
        .desktop-only .page-nav__service .is-parent.login {
          margin-top: 10px;
          border-left: 1px solid #DCDADA;
          border-top: none;
          text-align: left; } }
      .desktop-only .page-nav__service .is-parent.login > a {
        padding: 15px 20px 15px 47px;
        margin-bottom: 10px; }
        @media (min-width: 1024px) {
          .desktop-only .page-nav__service .is-parent.login > a {
            color: #595353;
            margin-bottom: 0; } }
        @media (min-width: 1024px) {
          .desktop-only .page-nav__service .is-parent.login > a:hover {
            background-color: #F7F5F5;
            color: #595353; } }
      @media (min-width: 1024px) {
        .desktop-only .page-nav__service .is-parent.login .sub-menu.login {
          max-width: 160px;
          min-width: 0;
          top: 59px;
          overflow: hidden; } }
      @media (min-width: 1024px) {
        .desktop-only .page-nav__service .is-parent.login .sub-menu .menu-item {
          padding: 0;
          border: 0; } }
      @media (min-width: 1024px) {
        .desktop-only .page-nav__service .is-parent.login .sub-menu .menu-item a {
          padding: 0 16px;
          text-align: left;
          line-height: 20px; } }
  .desktop-only .page-nav.expanded .page-nav__service .job-save {
    padding: 15px 20px;
    right: 0; }
  @media (min-width: 1024px) {
    .desktop-only .page-nav .sub-menu.login {
      min-width: 160px;
      max-width: 160px;
      top: 56px;
      left: auto;
      right: 10px;
      text-align: left;
      box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05); } }
  @media (min-width: 1024px) {
    .desktop-only .page-nav .sub-menu.login:before {
      content: '';
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      top: -17px;
      left: auto;
      right: 20px;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid #FFFFFF; } }
  .desktop-only .page-nav .sub-menu.login .menu-item a {
    font-size: 14px;
    font-weight: bold;
    color: #E53012; }
    @media (min-width: 1024px) {
      .desktop-only .page-nav .sub-menu.login .menu-item a {
        font-size: 16px;
        color: #595353; } }
    .desktop-only .page-nav .sub-menu.login .menu-item a:hover {
      color: #D32C10; }
  .desktop-only .page-nav .menu-item.news {
    position: relative;
    margin-right: 20px;
    top: 14px; }
    .desktop-only .page-nav .menu-item.news .icon svg {
      fill: #595353; }
    .desktop-only .page-nav .menu-item.news:hover .icon svg, .desktop-only .page-nav .menu-item.news.active .icon svg {
      fill: #E53012; }
  @media (min-width: 1024px) {
    .desktop-only .page-nav .menu-item.login a {
      padding: 0 20px 0 50px;
      line-height: 54px;
      min-width: 190px; } }
  .desktop-only .page-nav .menu-item.login:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 20px;
    bottom: -15px;
    left: 0; }
  @media (min-width: 1024px) {
    .desktop-only .page-nav .menu-item.login .icon {
      top: 4px;
      left: 20px; } }
  .desktop-only .page-nav .menu-item .icon {
    width: 20px;
    height: 20px;
    top: 14px;
    left: 20px;
    transition: all 0.3s; }
    @media (min-width: 1024px) {
      .desktop-only .page-nav .menu-item .icon {
        top: 11px;
        left: 10px; } }
  .desktop-only .page-nav .news:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    right: 10px;
    top: 10px;
    background-color: #E53012;
    border-radius: 100%;
    border: 1px solid #FFFFFF;
    display: none; }
  .desktop-only .page-nav .news.active:after {
    display: block; }
  .desktop-only .page-nav .job-save {
    position: relative;
    right: -10px;
    margin-top: 10px; }
    @media (min-width: 1024px) {
      .desktop-only .page-nav .job-save {
        position: absolute;
        width: 40px;
        margin-top: 0;
        left: -62px;
        top: 17px; } }
    .desktop-only .page-nav .job-save .counter {
      display: none;
      position: absolute;
      top: 14px;
      left: 46px;
      font-weight: bold; }
      @media (min-width: 1024px) {
        .desktop-only .page-nav .job-save .counter {
          top: 13px;
          left: 32px; } }
    .desktop-only .page-nav .job-save .icon svg {
      fill: #595353; }
    .desktop-only .page-nav .job-save:hover .icon svg {
      fill: #E53012; }
    .desktop-only .page-nav .job-save.active {
      right: 10px; }
      @media (min-width: 1024px) {
        .desktop-only .page-nav .job-save.active {
          left: -72px; } }
      .desktop-only .page-nav .job-save.active .counter {
        display: block; }
      .desktop-only .page-nav .job-save.active .icon svg {
        fill: #E53012; }
    .desktop-only .page-nav .job-save:before {
      content: '';
      position: absolute;
      display: block;
      width: 20px;
      height: 20px;
      top: 10px;
      left: 10px;
      opacity: 0;
      border-radius: 100%;
      background-color: #BCB8B7; }
    .desktop-only .page-nav .job-save.bounce .icon {
      -webkit-animation: heartbeat 1000ms ease-in-out;
              animation: heartbeat 1000ms ease-in-out; }
  .desktop-only .page-nav .menu-item a {
    color: #595353;
    display: inline-block;
    font-weight: bold;
    padding: 15px 20px;
    text-decoration: none;
    width: 100%; }
    .desktop-only .page-nav .menu-item a:hover {
      color: #D32C10; }
  .desktop-only .page-nav .menu-item.is-parent {
    position: relative; }
    .desktop-only .page-nav .menu-item.is-parent.expanded .sub-menu {
      max-height: 400px; }
    .desktop-only .page-nav .menu-item.is-parent.expanded .btn-toggle .icon {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    .desktop-only .page-nav .menu-item.is-parent .btn-toggle {
      display: none;
      cursor: pointer;
      height: 46px;
      position: absolute;
      right: 16px;
      top: 0;
      width: 40px; }
      .desktop-only .page-nav .menu-item.is-parent .btn-toggle .icon {
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
        height: 20px;
        right: 10px;
        top: 16px;
        width: 20px; }
  .desktop-only .page-nav .menu-item .sub-menu {
    transition: max-height 0.4s;
    max-height: 0;
    overflow: hidden;
    padding-left: 20px; }
    .desktop-only .page-nav .menu-item .sub-menu .menu-item a {
      font-weight: normal; }
  .desktop-only .page-nav .menu-item--active > a {
    color: #E53012; }
  .desktop-only .page-nav__main {
    background-color: #FFF;
    border-bottom: 1px solid #DCDADA; }
    .desktop-only .page-nav__main .menu-item {
      display: inline-block;
      margin-right: -4px;
      position: relative; }
      .desktop-only .page-nav__main .menu-item:last-child:before {
        border-left: solid 2px #DCDADA;
        content: "";
        display: block;
        height: 18px;
        left: -1px;
        position: absolute;
        top: calc(50% - 9px); }
  .desktop-only .page-nav__sub {
    height: calc(100% - 243px);
    padding: 10px 0;
    background-color: #FFF;
    border-bottom: 1px solid #DCDADA;
    overflow-y: scroll; }
    @media (min-width: 768px) {
      .desktop-only .page-nav__sub {
        height: calc(100% - 223px); } }
    @media (min-width: 1024px) {
      .desktop-only .page-nav__sub {
        height: auto;
        overflow-y: visible;
        -ms-overflow-style: none; } }
    .desktop-only .page-nav__sub .menu-item.logo {
      display: none; }
    .desktop-only .page-nav__sub .menu-item.home span {
      font-weight: bold; }
    .desktop-only .page-nav__sub .menu-item.home .icon {
      display: none; }
    .desktop-only .page-nav__sub .menu-item a {
      font-size: 16px; }
  .desktop-only .page-nav .page-search {
    display: none; }

.desktop-only .mobile-header {
  position: relative;
  height: 60px;
  padding: 12px 13px 12px 8px;
  border-bottom: 1px solid #DCDADA; }
  .desktop-only .mobile-header__item {
    display: inline-block;
    float: right;
    height: 30px;
    margin: 5px 0 0 10px;
    position: relative;
    width: 30px; }
    .desktop-only .mobile-header__item.logo {
      float: left;
      height: 35px;
      margin: 0 0 0 5px;
      width: 35px; }
      .desktop-only .mobile-header__item.logo svg.svg-logo {
        height: 100%;
        width: 100%; }
    .desktop-only .mobile-header__item .icon {
      height: 27px;
      padding: 5px;
      width: 27px; }
    .desktop-only .mobile-header__item a .icon svg {
      fill: #595353; }
    .desktop-only .mobile-header__item a .counter {
      position: relative;
      top: 3px;
      right: -25px;
      color: #595353;
      opacity: 0; }
    .desktop-only .mobile-header__item .active .job-save {
      right: 7px; }
    .desktop-only .mobile-header__item .active a .counter {
      opacity: 1; }
    .desktop-only .mobile-header__item .active a .icon svg {
      fill: #E53012; }
    .desktop-only .mobile-header__item .job-save,
    .desktop-only .mobile-header__item .my-tt {
      position: relative;
      width: 30px;
      height: 30px;
      top: 2px; }
      .desktop-only .mobile-header__item .job-save .icon,
      .desktop-only .mobile-header__item .my-tt .icon {
        width: 20px;
        height: 20px;
        padding: 0; }
    .desktop-only .mobile-header__item .my-tt {
      margin-right: 16px; }
    .desktop-only .mobile-header__item .job-save {
      width: auto; }
      .desktop-only .mobile-header__item .job-save a {
        position: relative; }
      .desktop-only .mobile-header__item .job-save .icon {
        top: 1px;
        left: 0;
        right: auto; }
      .desktop-only .mobile-header__item .job-save .counter {
        top: 2px; }
      .desktop-only .mobile-header__item .job-save.bounce .icon {
        -webkit-animation: heartbeat 1000ms ease-in-out;
                animation: heartbeat 1000ms ease-in-out; }

@media (min-width: 1024px) {
  .desktop-only .page-nav {
    height: auto;
    position: static;
    width: auto; }
    .desktop-only .page-nav .btn-close {
      display: none; }
    .desktop-only .page-nav .menu-item {
      display: inline-block;
      margin-right: -4px; }
      .desktop-only .page-nav .menu-item a {
        padding: 20px; }
      .desktop-only .page-nav .menu-item.is-parent {
        padding-right: 0; }
        .desktop-only .page-nav .menu-item.is-parent .btn-toggle {
          display: none; }
        .desktop-only .page-nav .menu-item.is-parent .sub-menu {
          transition: opacity 0.2s, margin-top 0.2s;
          background-color: #FFF;
          border: solid 1px #EDEBEB;
          left: 20px;
          margin-top: 3px;
          max-height: none;
          min-width: 220px;
          opacity: 0;
          overflow: visible;
          padding: 5px 0;
          pointer-events: none;
          position: absolute; }
          .desktop-only .page-nav .menu-item.is-parent .sub-menu:after, .desktop-only .page-nav .menu-item.is-parent .sub-menu:before {
            border: solid transparent;
            bottom: 100%;
            content: " ";
            height: 0;
            left: 50px;
            pointer-events: none;
            position: absolute;
            width: 0; }
          .desktop-only .page-nav .menu-item.is-parent .sub-menu:after {
            border-bottom-color: #FFFFFF;
            border-color: rgba(255, 255, 255, 0);
            border-width: 10px;
            margin-left: -10px; }
          .desktop-only .page-nav .menu-item.is-parent .sub-menu:before {
            border-bottom-color: #EDEBEB;
            border-color: rgba(194, 225, 245, 0);
            border-width: 11px;
            margin-left: -11px; }
          .desktop-only .page-nav .menu-item.is-parent .sub-menu .menu-item {
            display: block; }
            .desktop-only .page-nav .menu-item.is-parent .sub-menu .menu-item a {
              display: block;
              font-weight: bold;
              padding: 12px 20px;
              line-height: 22px; } }
      @media (min-width: 1024px) and (min-width: 768px) {
        .desktop-only .page-nav .menu-item.is-parent.login {
          max-width: 250px;
          height: 55px;
          padding: 0; } }

@media (min-width: 1024px) {
        .desktop-only .page-nav .menu-item.is-parent.login a {
          overflow-x: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
      .desktop-only .page-nav .menu-item:hover .sub-menu {
        margin-top: 0;
        opacity: 1;
        pointer-events: auto; }
    .desktop-only .page-nav__sub {
      padding: 10px 0;
      position: relative; }
      .desktop-only .page-nav__sub .menu-item {
        vertical-align: top; }
        .desktop-only .page-nav__sub .menu-item a {
          padding: 20px; }
        .desktop-only .page-nav__sub .menu-item.logo {
          display: inline-block; }
          .desktop-only .page-nav__sub .menu-item.logo a {
            padding: 6px 10px 0 0; }
        .desktop-only .page-nav__sub .menu-item.home {
          position: relative; }
          .desktop-only .page-nav__sub .menu-item.home a {
            padding-bottom: 35px; }
            .desktop-only .page-nav__sub .menu-item.home a:hover svg {
              fill: #E53012; }
          .desktop-only .page-nav__sub .menu-item.home .text {
            display: none; }
          .desktop-only .page-nav__sub .menu-item.home .icon {
            display: block;
            height: 17px;
            margin: 9px 10px;
            width: 17px; }
  .desktop-only .mobile-header {
    display: none; } }

@media (min-width: 1024px) {
  .desktop-only .page-nav .menu-item a {
    padding: 20px; } }

@media (max-width: 1023px) {
  .desktop-only body.fixed-nav header.page-header .show-on-scroll {
    transition: top 0.5s;
    background-color: #FFF;
    left: 0;
    position: fixed;
    width: 100%; } }

@media only screen and (max-width: 1024px) {
  .fixed-nav .desktop-only .show-on-scroll {
    transition: top 0.5s;
    background-color: #FFF;
    left: 0;
    position: fixed;
    width: 100%; } }

.page-search {
  transition: all 0.5s ease-out;
  bottom: 0;
  color: #FFF;
  height: 100%;
  overflow: hidden;
  padding-left: 20px;
  position: absolute;
  right: 4px;
  text-align: center;
  width: 100px; }
  .page-search:before {
    background-color: #E53012;
    border-radius: 50%;
    bottom: auto;
    content: "";
    height: 120%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: auto;
    top: -10%;
    width: 60px; }
  .page-search__wrapper {
    background-color: #E53012;
    height: 100%;
    overflow: hidden;
    width: 100%; }
  .page-search__content {
    transition: all 0.8s ease-out;
    width: 200px; }
  .page-search:not(.expanded):hover {
    width: 110px; }
    .page-search:not(.expanded):hover .page-search__icon {
      right: -10px; }
  .page-search__icon {
    transition: right 0.5s ease-out;
    cursor: pointer;
    display: inline-block;
    height: 80px;
    padding: 5px 57px 5px 2px;
    position: relative;
    vertical-align: middle;
    width: 80px; }
    .page-search__icon svg {
      fill: #FFF; }
  .page-search__input {
    transition: all 0.5s ease-out;
    display: inline-block;
    opacity: 0;
    padding: 0 40px;
    pointer-events: none;
    width: 10px; }
    .page-search__input input {
      background-color: rgba(25, 18, 17, 0.2);
      background-image: none;
      border: none;
      border-radius: 50px;
      color: #F7F5F5;
      padding: 0 17px 4px;
      width: 100%; }
      .page-search__input input::-webkit-input-placeholder {
        color: #FFF;
        opacity: 0.75; }
      .page-search__input input:-ms-input-placeholder {
        color: #FFF;
        opacity: 0.75; }
      .page-search__input input:focus {
        border-bottom: none; }
  .page-search__button {
    transition: opacity 0.4s ease-out 0;
    opacity: 0; }
  .page-search.expanded {
    margin-left: 5%;
    margin-right: 0;
    right: 0;
    width: 105%; }
    .page-search.expanded .page-search__content {
      transition: all 0.4s ease-out;
      width: 100%; }
    .page-search.expanded .page-search__icon {
      margin-left: 0;
      padding: 0;
      position: relative;
      width: 20px; }
    .page-search.expanded .page-search__input {
      opacity: 1;
      padding: 19px 25px;
      pointer-events: auto;
      width: 60%; }
    .page-search.expanded .page-search__button {
      transition: opacity 0.4s ease-out 0.8s;
      opacity: 1; }
  .page-search.page-search-mobile {
    overflow: hidden;
    position: static;
    width: auto; }
    .page-search.page-search-mobile .page-search__icon svg {
      transition: fill 0.3s; }
    .page-search.page-search-mobile:hover {
      width: auto; }
      .page-search.page-search-mobile:hover .page-search__icon {
        right: 0; }
    .page-search.page-search-mobile:before {
      display: none; }
    .page-search.page-search-mobile .page-search__icon {
      margin-left: 0;
      padding: 0;
      width: 20px; }
      .page-search.page-search-mobile .page-search__icon svg {
        fill: #595353; }
    .page-search.page-search-mobile .page-search__wrapper {
      transition: all 0.3s ease-out;
      height: 80px;
      left: 100%;
      padding-top: 10px;
      position: absolute;
      top: 45px;
      width: 0; }
      .page-search.page-search-mobile .page-search__wrapper .page-search__icon {
        opacity: 0; }
        .page-search.page-search-mobile .page-search__wrapper .page-search__icon svg {
          fill: #FFF; }
    .page-search.page-search-mobile .page-search__input {
      margin: 0 20px;
      opacity: 1;
      padding: 0;
      width: calc(100% - 160px); }
      .page-search.page-search-mobile .page-search__input input {
        height: 60px;
        padding: 0 25px 4px; }
    .page-search.page-search-mobile.expanded {
      margin-right: 0;
      right: 0;
      width: auto; }
      .page-search.page-search-mobile.expanded > .page-search__icon svg {
        fill: #DCDADA; }
      .page-search.page-search-mobile.expanded .page-search__wrapper {
        left: 0;
        width: 100%; }
        .page-search.page-search-mobile.expanded .page-search__wrapper .page-search__icon {
          opacity: 1; }
      .page-search.page-search-mobile.expanded .page-search__input {
        width: calc(100% - 160px); }

.block__personal-jobs {
  padding: 80px 0 0 0;
  background: #F7F5F5;
  overflow: hidden; }
  .block__personal-jobs .wrapper {
    margin: 0 0 -50px 0; }
    @media (min-width: 1024px) {
      .block__personal-jobs .wrapper {
        margin: 0 30px; } }
    @media (min-width: 1140px) {
      .block__personal-jobs .wrapper {
        margin: 0 auto;
        max-width: 1140px; } }
    .block__personal-jobs .wrapper .draggable {
      padding-bottom: 30px; }
    @media (max-width: 767px) {
      .block__personal-jobs .wrapper .card {
        min-width: calc(100% - 80px); } }
    .block__personal-jobs .wrapper .card a {
      padding: 0; }
    .block__personal-jobs .wrapper .card__logo {
      width: auto;
      height: auto; }
    .block__personal-jobs .wrapper .card__header {
      white-space: pre-line; }
    .block__personal-jobs .wrapper .card__content {
      padding: 40px 20px 55px 20px; }
      @media (min-width: 1024px) {
        .block__personal-jobs .wrapper .card__content {
          padding: 50px 30px 65px 30px; } }
      .block__personal-jobs .wrapper .card__content .metalist {
        margin-bottom: 30px; }
    .block__personal-jobs .wrapper .card__stub {
      border-top: solid 2px #F7F5F5;
      padding: 20px 0;
      border-radius: 15px; }
      .block__personal-jobs .wrapper .card__stub .stub__content {
        list-style: none;
        margin: 0 auto; }
        .block__personal-jobs .wrapper .card__stub .stub__content--item {
          margin: 0 auto;
          color: #595353;
          font-size: 14px;
          font-weight: bold;
          line-height: 14px;
          padding: 8px 0 8px 30px;
          position: relative;
          max-width: 150px; }
          .block__personal-jobs .wrapper .card__stub .stub__content--item .icon {
            height: 17px;
            left: 0;
            right: auto;
            top: 6px;
            width: 17px; }
            .block__personal-jobs .wrapper .card__stub .stub__content--item .icon svg {
              fill: #E8492E; }
    .block__personal-jobs .wrapper .card:last-child {
      margin-right: 20px; }
      @media (min-width: 1024px) {
        .block__personal-jobs .wrapper .card:last-child {
          margin-right: 0; } }
    .block__personal-jobs .wrapper .card:first-child {
      margin-left: 20px !important; }
      @media (min-width: 1024px) {
        .block__personal-jobs .wrapper .card:first-child {
          margin-left: 0 !important; } }
    .block__personal-jobs .wrapper .card:hover {
      text-decoration: none; }
  .block__personal-jobs--link {
    position: relative;
    z-index: 100;
    background: #F7F5F5;
    font-size: 18px;
    padding: 0 0 30px 20px; }
    .block__personal-jobs--link a {
      position: relative;
      padding-right: 20px; }
      .block__personal-jobs--link a .icon {
        top: 3px; }
    @media (min-width: 768px) {
      .block__personal-jobs--link {
        padding: 30px 0 0 40px; } }
  .block__personal-jobs .cards-container {
    margin: 30px 0 0 0;
    color: #F7F5F5; }
    @media (min-width: 1024px) {
      .block__personal-jobs .cards-container {
        margin-top: 60px;
        margin-left: 0; } }
    .block__personal-jobs .cards-container .card__subcontent {
      white-space: normal;
      line-height: 15px; }

@media (max-width: 1023px) {
  #google_translate_element .icon {
    top: 15px !important;
    left: 20px !important; }
  .logged-in .page-nav .btn-close {
    z-index: 1; }
  .logged-in .page-nav.expanded .page-nav__service .job-save {
    display: none; }
  .logged-in .page-nav__service .is-parent.login > a {
    display: none; }
  .logged-in .page-nav__sub {
    height: 100%; }
    .logged-in .page-nav__sub .personal-menu.hidden--from-large {
      padding: 15px 20px; }
      .logged-in .page-nav__sub .personal-menu.hidden--from-large a {
        color: #595353; }
  .logged-in .page-nav .menu-item .personal-menu {
    max-height: unset; }
  .logged-in .popover-menu {
    display: block !important;
    opacity: 1 !important; }
  .logged-in .personal-menu {
    display: block;
    opacity: 1;
    padding: 0; }
    .logged-in .personal-menu__listitem {
      position: relative; }
      .logged-in .personal-menu__listitem .icon {
        left: 0 !important;
        top: 0 !important; }
      .logged-in .personal-menu__listitem a {
        width: 100%;
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap; }
        .logged-in .personal-menu__listitem a .icon:first-of-type {
          left: -3px !important;
          top: -2px !important; }
        .logged-in .personal-menu__listitem a span:not(.icon) {
          margin-left: 5px; }
      .logged-in .personal-menu__listitem span,
      .logged-in .personal-menu__listitem span.icon.icon--relative {
        display: inline-block; }
    .page-nav__sub .logged-in .personal-menu {
      padding: 20px;
      border-top: 1px solid #BCB8B7; }
    .pag-nav__service .logged-in .personal-menu {
      padding-left: 0; }
    .logged-in .personal-menu .login-icon,
    .logged-in .personal-menu .login {
      width: 50px;
      height: 50px;
      margin-right: 20px;
      border-radius: 50%;
      overflow: hidden; }
      .logged-in .personal-menu .login-icon .icon,
      .logged-in .personal-menu .login .icon {
        position: relative; }
    .logged-in .personal-menu__buttons {
      display: none; }
    .logged-in .personal-menu .user-details, .logged-in .personal-menu__user-details {
      display: inline-flex; }
    .logged-in .personal-menu .user-details__name {
      height: 30px;
      color: black;
      font-size: 18px;
      font-weight: normal;
      line-height: 30px; }
    .logged-in .personal-menu .user-details__e-mail {
      height: 20px;
      color: #595353;
      font-size: 14px;
      font-weight: normal;
      letter-spacing: 0;
      line-height: 20px; }
    .logged-in .personal-menu .user-details__wrapper {
      display: flex;
      flex-direction: column;
      margin-top: 4px; }
  .logged-in .personal-menu__list {
    border-top: 1px solid #BCB8B7;
    margin-top: 15px; }
    .logged-in .personal-menu__list .personal-menu__listitem {
      padding-left: 5px; }
    .logged-in .personal-menu__list .personal-menu__listitem:first-of-type {
      display: none; }
    .logged-in .personal-menu__list .personal-menu__listitem:last-of-type {
      padding-left: 0; }
      .logged-in .personal-menu__list .personal-menu__listitem:last-of-type a {
        color: #E53012; }
    .logged-in .personal-menu__list .is-parent:nth-child(2).personal-menu__listitem {
      padding-top: 15px; }
  .logged-in .page-nav .menu-item.is-parent .sub-menu.personal-menu .personal-menu__listitem {
    position: relative;
    display: flex;
    width: 100%; } }

@media (min-width: 1024px) {
  .logged-in .page-nav .page-nav__service {
    border-top: none; }
  .logged-in .page-nav .menu-item.is-parent .sub-menu {
    left: initial;
    padding: 0; }
  .user-details,
  __user-details {
    display: inline-flex; }
  .user-details__name {
    height: 30px;
    color: black;
    font-size: 18px;
    font-weight: normal;
    line-height: 30px; }
  .user-details__e-mail {
    height: 20px;
    color: #595353;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 20px; }
  .user-details__wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 4px; }
  .logged-in .page-nav__sub .personal-menu.hidden--from-large {
    display: none !important; }
  .logged-in .page-nav__service {
    margin-top: 0; }
  .logged-in .page-nav .personal-menu {
    display: block;
    width: 350px;
    left: auto;
    right: 20px;
    border-radius: 10px; }
    .logged-in .page-nav .personal-menu .personal-menu__buttons .icon {
      top: 20px;
      left: auto;
      right: 20px; }
    .logged-in .page-nav .personal-menu .personal-menu__list--bottom {
      height: 68px; }
      .logged-in .page-nav .personal-menu .personal-menu__list--bottom .personal-menu__listitem a {
        color: #E53012 !important;
        padding-left: 5px !important; }
    .logged-in .page-nav .personal-menu .personal-menu__menu-items .personal-menu__list {
      position: relative; }
      .logged-in .page-nav .personal-menu .personal-menu__menu-items .personal-menu__list:first-of-type {
        padding-bottom: 40px;
        padding-left: 10px; }
    .logged-in .page-nav .personal-menu .personal-menu__user-details {
      height: 100px;
      display: flex; }
      .logged-in .page-nav .personal-menu .personal-menu__user-details .login-icon {
        margin: 24px 20px 20px 0; }
      .logged-in .page-nav .personal-menu .personal-menu__user-details .login-icon,
      .logged-in .page-nav .personal-menu .personal-menu__user-details .login-icon__image {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        overflow: hidden; }
        .logged-in .page-nav .personal-menu .personal-menu__user-details .login-icon .icon.login-icon__no-image,
        .logged-in .page-nav .personal-menu .personal-menu__user-details .login-icon__image .icon.login-icon__no-image {
          top: 30px !important;
          left: 20px;
          width: 50px;
          height: 50px;
          border-radius: 25px; }
      .logged-in .page-nav .personal-menu .personal-menu__user-details .user-details__wrapper {
        margin-top: 23px; }
        .logged-in .page-nav .personal-menu .personal-menu__user-details .user-details__wrapper .user-details {
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 200px;
          white-space: nowrap; }
          .logged-in .page-nav .personal-menu .personal-menu__user-details .user-details__wrapper .user-details__name {
            font-size: 18px; }
          .logged-in .page-nav .personal-menu .personal-menu__user-details .user-details__wrapper .user-details__e-mail {
            font-size: 14px; }
    .logged-in .page-nav .personal-menu .personal-menu__list {
      width: auto;
      margin-left: 20px;
      margin-right: 20px; }
      .logged-in .page-nav .personal-menu .personal-menu__list--no-border {
        border: none; }
      .logged-in .page-nav .personal-menu .personal-menu__list--bottom .personal-menu__listitem a {
        padding-left: 0; }
      .logged-in .page-nav .personal-menu .personal-menu__list a {
        padding-left: 30px; }
      .logged-in .page-nav .personal-menu .personal-menu__list .personal-menu__listitem {
        position: relative;
        width: 100%;
        padding-left: 5px; }
        .logged-in .page-nav .personal-menu .personal-menu__list .personal-menu__listitem:last-of-type {
          border-top: 1px solid #BCB8B7;
          margin-top: 20px;
          padding-left: 0; }
          .logged-in .page-nav .personal-menu .personal-menu__list .personal-menu__listitem:last-of-type a {
            color: #E53012 !important; }
        .logged-in .page-nav .personal-menu .personal-menu__list .personal-menu__listitem .icon {
          left: 0 !important;
          top: -2px !important; }
        .logged-in .page-nav .personal-menu .personal-menu__list .personal-menu__listitem #google_translate_element .icon {
          top: 20px !important;
          left: 5px !important; }
        .logged-in .page-nav .personal-menu .personal-menu__list .personal-menu__listitem #google_translate_element .goog-te-menu-value {
          margin-left: 30px; }
        .logged-in .page-nav .personal-menu .personal-menu__list .personal-menu__listitem a {
          padding-left: 0;
          padding-right: 5px !important;
          width: auto !important;
          line-height: 40px;
          padding-top: 0 !important;
          padding-bottom: 0 !important;
          margin-top: 10px;
          min-width: unset;
          display: inline-flex;
          flex-direction: row;
          flex-wrap: nowrap; }
          .logged-in .page-nav .personal-menu .personal-menu__list .personal-menu__listitem a .icon:first-of-type {
            margin-right: 14px; }
        .logged-in .page-nav .personal-menu .personal-menu__list .personal-menu__listitem .goog-te-gadget-icon {
          display: none; }
  .logged-in .page-nav .personal-menu {
    max-height: none; }
  .logged-in .popover-menu {
    position: unset !important; }
    .logged-in .popover-menu .personal-menu {
      transition: opacity 0.2s, margin-top 0.2s;
      background-color: #FFF;
      border: solid 1px #EDEBEB;
      right: 15px;
      margin-top: 3px;
      max-height: none;
      width: 350px;
      z-index: 1;
      opacity: 0;
      overflow: visible;
      padding: 5px 0;
      position: absolute;
      top: 70px;
      display: none; }
      .logged-in .popover-menu .personal-menu--open {
        display: block;
        opacity: 1; }
      .logged-in .popover-menu .personal-menu .menu-item {
        display: block; }
        .logged-in .popover-menu .personal-menu .menu-item a {
          display: block;
          font-weight: bold;
          padding: 12px 20px;
          line-height: 40px; }
          .logged-in .popover-menu .personal-menu .menu-item a span {
            line-height: 40px; } }

.personal-menu__listitem .icon svg {
  color: #595353; }

.popup {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  top: 0;
  align-items: center;
  justify-content: center; }
  .popup__overlay {
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000; }
  .popup__dialog {
    border-radius: 15px;
    max-width: 80%;
    background-color: #FFFFFF;
    z-index: 10001;
    padding: 70px 40px 40px 40px; }
    @media (min-width: 768px) {
      .popup__dialog {
        max-width: none;
        min-width: 540px; } }
    .popup__dialog .button {
      float: right; }
  .popup--gdpr .popup__dialog {
    max-width: 95%;
    padding: 30px 20px 40px 20px; }
    @media (min-width: 768px) {
      .popup--gdpr .popup__dialog {
        max-width: 400px;
        min-width: initial;
        padding: 30px 40px 40px 40px; } }
    .popup--gdpr .popup__dialog .button {
      float: none;
      width: 100%; }

.has-open-popup {
  overflow: hidden; }

.check-box-small {
  padding: 0; }

.check-box-small:nth-child(2n) {
  padding: 0 0 25px 0; }

.quote-block {
  padding: 0 20px; }
  @media (min-width: 768px) {
    .quote-block {
      padding: 50px 0 50px 120px; } }
  @media (min-width: 1024px) {
    .quote-block {
      padding: 60px 0 60px 140px; } }
  @media (min-width: 1140px) {
    .quote-block {
      padding: 20px 0 20px 140px; } }
  @media (min-width: 768px) {
    .quote-block:before {
      content: "\201C";
      position: absolute;
      display: block;
      width: 300px;
      height: 300px;
      padding-right: 24px;
      top: 50%;
      left: -210px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      border-radius: 100%;
      font-size: 110px;
      line-height: 350px;
      text-align: right;
      color: #FFFFFF;
      background-color: #E53012; } }
  @media (min-width: 1024px) {
    .quote-block:before {
      width: 428px;
      height: 428px;
      font-size: 160px;
      padding-right: 26px;
      left: -320px;
      line-height: 490px; } }
  .quote-block__source {
    margin-top: 30px; }
  .quote-block__image {
    float: left;
    width: 64px;
    height: 64px;
    margin-right: 30px;
    border-radius: 100%; }
  .quote-block__name {
    margin-bottom: 5px; }
  .quote-block__position {
    line-height: 28px;
    color: #595353; }

section.block.block--contrast.block--social-bar .block__content {
  padding: 20px 30px; }

.social-bar__title {
  font-weight: bold; }

.social-bar__title, .social-bar__info {
  color: #ABA7A6;
  display: block;
  vertical-align: top;
  font-size: 14px;
  line-height: 40px; }

.social-bar__list {
  display: inline-block;
  margin: 10px 0; }

.social-bar__item {
  border: solid 2px #DCDADA;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 15px;
  margin-right: 20px; }

.social-bar__link {
  color: #696363;
  display: block;
  height: 35px;
  position: relative;
  width: 35px; }
  .social-bar__link .icon {
    height: 21px;
    right: 7px;
    top: 7px;
    width: 21px; }

@media (min-width: 768px) {
  .social-bar__item--whatsapp {
    display: none; } }

@media (min-width: 1024px) {
  .social-bar__title {
    display: inline-block;
    margin: 0 25px 0 0; }
  .social-bar__item {
    margin-bottom: 0; }
  .social-bar__list {
    margin: 0; }
  .social-bar__info {
    float: right;
    margin: 0 0 0 20px; } }

.block--vacancy-nav .block__content {
  padding: 0; }

.block--vacancy-nav .vacancy-navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20px 0;
  margin: 0 20px; }
  @media (min-width: 1024px) {
    .block--vacancy-nav .vacancy-navigation {
      padding: 20px 30px;
      margin: 0; } }
  .block--vacancy-nav .vacancy-navigation__arrows a {
    margin-right: 10px;
    padding: 10px; }
    @media (min-width: 1024px) {
      .block--vacancy-nav .vacancy-navigation__arrows a {
        padding: 7px; } }
  .block--vacancy-nav .vacancy-navigation__summary p {
    margin: 0;
    color: #696363;
    font-weight: bold;
    font-size: 14px; }
  .block--vacancy-nav .vacancy-navigation__button-nav {
    transition: background-color 0.2s;
    background-color: #EDEBEB;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 40px;
    vertical-align: middle; }
    @media (min-width: 1024px) {
      .block--vacancy-nav .vacancy-navigation__button-nav {
        height: 30px;
        width: 30px; } }
    .block--vacancy-nav .vacancy-navigation__button-nav .icon {
      position: static;
      height: 20px;
      width: 20px; }
      @media (min-width: 1024px) {
        .block--vacancy-nav .vacancy-navigation__button-nav .icon {
          height: 15px;
          width: 15px; } }
      .block--vacancy-nav .vacancy-navigation__button-nav .icon svg {
        transition: fill 0.2s;
        fill: #696363; }
    .block--vacancy-nav .vacancy-navigation__button-nav:hover {
      background-color: #DCDADA; }
      .block--vacancy-nav .vacancy-navigation__button-nav:hover .icon svg {
        fill: #595353; }
    .block--vacancy-nav .vacancy-navigation__button-nav:active {
      background-color: #BCB8B7; }
      .block--vacancy-nav .vacancy-navigation__button-nav:active .icon svg {
        fill: #484242; }
    .block--vacancy-nav .vacancy-navigation__button-nav--disabled {
      cursor: default;
      background-color: #EDEBEB;
      pointer-events: none; }
      .block--vacancy-nav .vacancy-navigation__button-nav--disabled .icon svg {
        fill: #BCB8B7;
        cursor: default; }

.video__image {
  display: block;
  height: auto;
  max-height: 300px;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .video__image img {
    width: 100%; }
  @media (min-width: 768px) {
    .video__image {
      max-height: 400px; } }
  @media (min-width: 1024px) {
    .video__image {
      max-height: 450px; } }

.video__playbutton {
  transition: background-color 0.3s, opacity 0.3s;
  background-color: #E53012;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  height: 70px;
  left: calc(50% - 35px);
  padding: 18px 19px;
  position: absolute;
  top: calc(50% - 35px);
  width: 70px; }
  .video__playbutton .icon {
    height: 35px;
    position: relative;
    width: 35px; }
    .video__playbutton .icon svg {
      height: 35px;
      width: 35px;
      fill: #FFF; }
  .video__playbutton:hover {
    background-color: #B7260E; }

.video__wrapper {
  height: 0; }

.video--playing .video__wrapper {
  height: 300px; }
  @media (min-width: 768px) {
    .video--playing .video__wrapper {
      height: 400px; } }
  @media (min-width: 1024px) {
    .video--playing .video__wrapper {
      height: 450px; } }

.visual-block {
  background-color: #E2C391;
  min-height: 280px; }
  .visual-block__image {
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%; }
    .visual-block__image:after {
      background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, black 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#40000000', GradientType=0);
      content: "";
      display: block;
      height: 100%;
      width: 100%;
      opacity: 0.4;
      position: absolute;
      top: 0;
      left: 0; }
    .visual-block__image figure {
      height: 100%;
      margin-left: 50%;
      min-width: 100%;
      position: absolute;
      top: 0;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      width: auto; }
      .visual-block__image figure picture {
        height: 100%; }
        .visual-block__image figure picture img {
          height: auto;
          min-height: 100%;
          min-width: 100%;
          width: auto; }
  .visual-block__content.block__content {
    align-items: center;
    padding-bottom: 80px;
    padding-top: 80px;
    position: relative; }
    @media (min-width: 768px) {
      .visual-block__content.block__content {
        padding-bottom: 140px;
        padding-top: 140px; } }
    @media (min-width: 1140px) {
      .visual-block__content.block__content {
        padding-left: 0;
        padding-right: 0; } }
  .visual-block__header {
    flex-basis: 70%;
    margin-bottom: 25px;
    max-width: 90%; }
  .visual-block__title {
    margin-bottom: 10px; }
  .visual-block__subtitle {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0;
    margin-bottom: 25px;
    max-width: 90%; }
    @media (min-width: 768px) {
      .visual-block__subtitle {
        font-size: 20px;
        line-height: 32px;
        letter-spacing: 0; } }
  .visual-block__button-group {
    flex-basis: 30%;
    text-align: left; }
    .visual-block__button-group .button {
      display: inline-block; }
  .visual-block + .block--contrast .block__content {
    margin-top: -20px; }
    @media (min-width: 1140px) {
      .visual-block + .block--contrast .block__content {
        margin-top: -30px; } }
  .visual-block + .block--notification .block__content {
    margin-top: -20px; }
    @media (min-width: 1140px) {
      .visual-block + .block--notification .block__content {
        margin-top: -30px; } }

.visual-block h1, .visual-block h2, .visual-block h3, .visual-block h4, .visual-block h5, .visual-block p {
  color: #FFFFFF; }

.visual-block--red-dark {
  background-color: #D32C10; }
  .visual-block--red-dark h1, .visual-block--red-dark h2, .visual-block--red-dark h3, .visual-block--red-dark h4, .visual-block--red-dark h5, .visual-block--red-dark p {
    color: #FFFFFF; }
  .visual-block--red-dark .button {
    background-color: #FFFFFF;
    color: #D32C10; }
  .visual-block--red-dark .button--secundair {
    background-color: #D32C10;
    border: 2px solid #FFFFFF;
    color: #FFFFFF; }

.visual-block--desert-dark {
  background-color: #E2C391; }
  .visual-block--desert-dark h1, .visual-block--desert-dark h2, .visual-block--desert-dark h3, .visual-block--desert-dark h4, .visual-block--desert-dark h5, .visual-block--desert-dark p {
    color: #292221; }

.visual-block--rosy-dark {
  background-color: #F7C0B7; }
  .visual-block--rosy-dark h1, .visual-block--rosy-dark h2, .visual-block--rosy-dark h3, .visual-block--rosy-dark h4, .visual-block--rosy-dark h5, .visual-block--rosy-dark p {
    color: #292221; }

@media (min-width: 768px) {
  .visual-block__content {
    display: flex; }
  .visual-block__header {
    flex-basis: 50%;
    margin-bottom: 0;
    max-width: 50%; }
  .visual-block__text {
    max-width: 50%; }
  .visual-block__button-group {
    display: flex;
    flex-basis: 50%;
    flex-flow: row nowrap;
    text-align: right; }
  .visual-block--full-width-buttons .visual-block__content {
    display: block; }
  .visual-block--full-width-buttons .visual-block__header {
    margin-bottom: 40px; } }

@media (min-width: 1024px) {
  .visual-block__header {
    flex-basis: 60%;
    max-width: 60%; }
  .visual-block__button-group {
    flex-basis: 40%; } }

.visual-block--low .block__content {
  padding: 80px 20px 30px 20px; }
  @media (min-width: 1140px) {
    .visual-block--low .block__content {
      padding-left: 0; } }

.contentpage .visual-block__image:after {
  content: none; }

.page-footer {
  background-color: #FFFFFF;
  border-top: solid 1px #DCDADA; }
  .page-footer .content {
    margin: auto auto;
    max-width: 1140px;
    padding: 12px;
    position: relative;
    width: 100%; }
    @media (min-width: 375px) {
      .page-footer .content {
        padding: 24px; } }
    @media (min-width: 768px) {
      .page-footer .content {
        padding: 30px; } }
    @media (min-width: 1140px) {
      .page-footer .content {
        padding: 30px 0; } }
  .page-footer .footer-nav__header {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    color: #292221;
    font-weight: bold;
    padding-top: 12px; }
    @media (min-width: 768px) {
      .page-footer .footer-nav__header {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0; } }
  .page-footer .footer-nav__column ul.footerlinklist {
    margin-left: 20px; }
    .page-footer .footer-nav__column ul.footerlinklist.social-list {
      margin-left: 0; }
      .page-footer .footer-nav__column ul.footerlinklist.social-list .footerlinklist__item {
        display: inline-block;
        margin-right: 20px;
        width: 25px; }
        .page-footer .footer-nav__column ul.footerlinklist.social-list .footerlinklist__item .footerlinklist__link .icon {
          height: 25px;
          width: 25px; }
        .page-footer .footer-nav__column ul.footerlinklist.social-list .footerlinklist__item .social-text {
          display: none; }
  @media (min-width: 768px) {
    .page-footer .footer-nav {
      display: flex;
      flex-flow: row nowrap; }
      .page-footer .footer-nav__column {
        flex-basis: 100%; }
        .page-footer .footer-nav__column .icon {
          display: none; }
        .page-footer .footer-nav__column ul.footerlinklist {
          margin-left: 0;
          max-height: none !important; }
          .page-footer .footer-nav__column ul.footerlinklist.social-list .footerlinklist__item {
            width: auto; }
            .page-footer .footer-nav__column ul.footerlinklist.social-list .footerlinklist__item .footerlinklist__link {
              padding-left: 35px; }
              .page-footer .footer-nav__column ul.footerlinklist.social-list .footerlinklist__item .footerlinklist__link .icon {
                display: block;
                height: 22px;
                left: 0;
                right: auto;
                width: 22px; }
            .page-footer .footer-nav__column ul.footerlinklist.social-list .footerlinklist__item .social-text {
              display: block; } }
  .page-footer__copy {
    display: block;
    height: 17px;
    margin-top: 50px; }
  .page-footer__copylogo {
    margin-right: 5px;
    width: 100px; }
  .page-footer__copytext {
    color: #ABA7A6;
    font-size: 15px;
    vertical-align: top; }
  .page-footer__sub {
    border-top: solid 1px #DCDADA; }
    .page-footer__sub .content {
      display: flex;
      flex-flow: column nowrap;
      justify-content: space-between; }
    .page-footer__sub .footerlinklist {
      margin: 20px 0 0; }
      .page-footer__sub .footerlinklist__item {
        padding-right: 0;
        width: calc(50% - 48px); }
      .page-footer__sub .footerlinklist__link {
        display: inline-block;
        font-weight: bold;
        margin-bottom: 20px;
        padding: 0;
        vertical-align: top; }
    @media (min-width: 768px) {
      .page-footer__sub .content {
        align-items: flex-end;
        flex-flow: row nowrap; }
        .page-footer__sub .content .footerlinklist {
          margin: 0; }
          .page-footer__sub .content .footerlinklist__item {
            width: auto; }
          .page-footer__sub .content .footerlinklist__link {
            margin-bottom: 0; }
      .page-footer__sub .page-footer__copy {
        margin-top: 0; } }
    @media (min-width: 1024px) {
      .page-footer__sub .content .footerlinklist {
        text-align: right;
        width: calc(100% - 400px); } }
  .page-footer--mini {
    border: 0; }
    .page-footer--mini .page-footer__sub {
      border: 0; }
    .page-footer--mini .content {
      padding: 10px 0;
      flex-flow: column;
      align-items: left; }
      @media (min-width: 1024px) {
        .page-footer--mini .content {
          padding: 0;
          flex-flow: row nowrap;
          align-items: flex-end; } }
      .page-footer--mini .content .footerlinklist {
        width: auto;
        line-height: 40px;
        margin: 20px 0 0;
        padding: 0 20px; }
        @media (min-width: 1024px) {
          .page-footer--mini .content .footerlinklist {
            width: calc(100% - 520px);
            margin: 0;
            padding: 0; } }
        .page-footer--mini .content .footerlinklist__item {
          width: calc(50% - 48px); }
          @media (min-width: 1024px) {
            .page-footer--mini .content .footerlinklist__item {
              width: auto; } }
          .page-footer--mini .content .footerlinklist__item a {
            font-size: 14px; }
    .page-footer--mini .social-bar__list {
      width: 100%;
      padding: 34px 20px 34px 8px;
      margin: 0;
      border-bottom: 1px solid #DCDADA; }
      @media (min-width: 1024px) {
        .page-footer--mini .social-bar__list {
          width: auto;
          margin: 10px 0;
          padding: 0;
          border: 0; } }
    .page-footer--mini .social-bar__item {
      border: 0;
      margin-bottom: 0;
      margin-right: 0; }
      @media (min-width: 1024px) {
        .page-footer--mini .social-bar__item {
          margin-right: 15px; } }
    .page-footer--mini .page-footer__copy {
      display: inline-block;
      position: relative;
      margin: 60px 0 20px 0;
      padding: 0 20px;
      flex-basis: 100%;
      overflow: hidden; }
      @media (min-width: 1024px) {
        .page-footer--mini .page-footer__copy {
          display: block;
          height: auto;
          margin: 0;
          font-size: 14px;
          padding: 0;
          flex-basis: auto; } }
    @media (min-width: 1024px) {
      .page-footer--mini .page-footer__copylogo {
        position: relative;
        width: auto;
        height: 18px;
        max-width: 100px;
        top: 22px; } }
    .page-footer--mini .page-footer__copytext {
      font-size: 17px; }
      @media (min-width: 1024px) {
        .page-footer--mini .page-footer__copytext {
          line-height: 60px; } }

.has-sticky-apply-button {
  padding-bottom: 60px; }
  @media (min-width: 768px) {
    .has-sticky-apply-button {
      padding: 0; } }

.job-logo {
  max-width: 100px;
  margin-bottom: 20px; }

.job-detail-page .block__content {
  word-break: break-word; }

@media (min-width: 768px) {
  .job-detail-page .metalist__item {
    display: inline-block;
    margin-right: 30px; } }

.job-detail-page .detailpage-header__button-save {
  position: relative; }
  .job-detail-page .detailpage-header__button-save .icon {
    position: absolute;
    width: 100%;
    height: 30px;
    top: 8px;
    right: 0; }

@media (max-width: 767px) {
  .job-detail-page--apply > .block__content > .metalist,
  .job-detail-page--apply > .block__content > h3 {
    display: none !important; } }

.block {
  position: relative;
  width: 100%; }
  .block .block__content {
    border-radius: 15px; }
  .block--draggable {
    overflow: hidden; }
    .block--draggable .block__content {
      padding-right: 0;
      padding-bottom: 0; }
      @media (min-width: 768px) {
        .block--draggable .block__content {
          padding: 60px 30px 60px 30px; } }
  .block--contrast {
    z-index: 29; }
    .block--contrast .block__content {
      background-color: #FFF;
      margin-left: 20px;
      margin-right: 20px;
      padding: 20px;
      position: relative; }
      @media (min-width: 375px) {
        .block--contrast .block__content {
          padding: 24px; } }
      @media (min-width: 768px) {
        .block--contrast .block__content {
          padding: 60px; } }
      @media (min-width: 1140px) {
        .block--contrast .block__content {
          margin-left: auto;
          margin-right: auto; } }
      .block--contrast .block__content .content-header {
        margin-bottom: 30px; }
    .block--contrast:first-child {
      margin-top: 30px; }
    .block--contrast:last-child .block__content {
      margin-bottom: 10px; }
    .block--contrast + .block--contrast {
      margin-top: 20px; }
      @media (min-width: 768px) {
        .block--contrast + .block--contrast {
          margin-top: 40px; } }
    .block--contrast + .visual-block,
    .block--contrast + .block--cover {
      margin-top: -20px; }
      @media (min-width: 1140px) {
        .block--contrast + .visual-block,
        .block--contrast + .block--cover {
          margin-top: -30px; } }
    .block--contrast.block--draggable {
      margin-top: 30px; }
      .block--contrast.block--draggable .block__content {
        background: transparent;
        padding: 24px 0; }
      @media (min-width: 768px) {
        .block--contrast.block--draggable {
          margin-top: 10px; }
          .block--contrast.block--draggable .block__content {
            background: #FFF;
            padding: 60px; } }
      .block--contrast.block--draggable + .block--contrast.block--draggable {
        margin-top: 40px; }
    .block--contrast.block--small .block__content {
      padding: 20px 30px; }
  .block--small .block__content {
    padding: 20px 30px; }
  .block--contrast.block--flex .block__content {
    margin-left: 20px;
    margin-right: 20px; }
    @media (min-width: 768px) {
      .block--contrast.block--flex .block__content {
        padding: 30px 40px; } }
    @media (min-width: 1140px) {
      .block--contrast.block--flex .block__content {
        margin-left: auto;
        margin-right: auto; } }
  .block--vertical-indent .block__content {
    margin-top: -20px;
    padding-top: 0; }
    @media (min-width: 1140px) {
      .block--vertical-indent .block__content {
        margin-top: -30px; } }
  .block--flex__blocks {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between; }
    @media (min-width: 768px) {
      .block--flex__blocks {
        flex-flow: row wrap; } }
    .block--flex__blocks > * {
      flex-basis: calc(100% - 60px);
      flex-grow: 1;
      margin: 10px 0; }
      .block--flex__blocks > *:first-child {
        margin-left: 0; }
      .block--flex__blocks > *:last-child {
        margin-right: 0; }
      @media (min-width: 768px) {
        .block--flex__blocks > * {
          flex-basis: calc(100% / 2 - 60px);
          max-width: 49%;
          min-width: 45%; } }
  @media (min-width: 1024px) {
    .block--flex--col-3 .block--flex__blocks > * {
      flex-basis: calc(100% / 3 - 60px);
      margin: 0 10px;
      max-width: 30%;
      min-width: 30%; } }
  .block--carousel {
    margin: 10px 0; }
    .block--carousel .block__content {
      padding: 0; }
  .block--cover {
    margin: 0; }
    .block--cover .block__content {
      max-width: 100%; }
    .block--cover + .block--contrast .block__content {
      margin-top: -20px; }
      @media (min-width: 1140px) {
        .block--cover + .block--contrast .block__content {
          margin-top: -30px; } }
  .block--split .block__content {
    display: flex;
    flex-flow: row nowrap;
    padding: 0; }
    .block--split .block__content .split-block {
      flex-basis: 100%;
      max-width: 100%;
      padding: 0 20px;
      border-radius: 15px; }
      .block--split .block__content .split-block__content {
        padding: 50px 30px; }
    .block--split .block__content .img--left figure img {
      border-top-left-radius: 15px;
      border-bottom-left-radius: 15px; }
    .block--split .block__content .img--right figure img {
      border-top-right-radius: 15px;
      border-bottom-right-radius: 15px; }
  .block--split.block--split-image {
    margin-bottom: 60px; }
    .block--split.block--split-image .block__content {
      margin: 0 20px; }
      @media (min-width: 1024px) {
        .block--split.block--split-image .block__content {
          margin-left: auto;
          margin-right: auto; } }
      .block--split.block--split-image .block__content .split-block {
        max-width: 100%;
        flex-basis: 100%; }
        @media (min-width: 768px) {
          .block--split.block--split-image .block__content .split-block {
            max-width: 100%;
            flex-basis: 100%; } }
        @media (min-width: 1024px) {
          .block--split.block--split-image .block__content .split-block {
            flex-basis: 50%;
            max-width: 50%; } }
        @media (min-width: 768px) {
          .block--split.block--split-image .block__content .split-block:first-child.split-block--text {
            padding-right: 0; } }
        @media (min-width: 768px) {
          .block--split.block--split-image .block__content .split-block:first-child.split-block--text .split-block__content {
            padding: 60px; } }
        .block--split.block--split-image .block__content .split-block--text {
          padding: 20px;
          background-color: #FFFFFF; }
          @media (min-width: 768px) {
            .block--split.block--split-image .block__content .split-block--text .split-block__content {
              padding: 60px; } }
        .block--split.block--split-image .block__content .split-block--image .split-block__content {
          position: relative;
          height: 100%;
          padding: 0;
          overflow: hidden;
          border-radius: 15px; }
          .block--split.block--split-image .block__content .split-block--image .split-block__content img {
            position: absolute;
            width: auto;
            left: 50%;
            top: 50%;
            -webkit-transform: translate3d(-50%, -50%, 0);
                    transform: translate3d(-50%, -50%, 0); }
  @media (min-width: 768px) {
    .block--indented {
      padding-left: 100px;
      padding-right: 100px; } }
  .block--social-bar {
    margin-bottom: 60px; }
  .block__content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
    padding: 60px 20px 80px 20px; }
    @media (min-width: 768px) {
      .block__content {
        padding: 60px 30px 60px 30px; } }
    @media (min-width: 1140px) {
      .block__content {
        padding: 60px 0 80px 0; } }
    .block__content .content-header {
      margin-bottom: 60px; }
      .block__content .content-header--link {
        font-size: 14px;
        padding-right: 18px;
        position: relative; }
        .block__content .content-header--link .icon {
          top: 3px; }
          @media (min-width: 768px) {
            .block__content .content-header--link .icon {
              top: 4px; } }
          .block__content .content-header--link .icon svg {
            fill: #E53012; }
        @media (min-width: 768px) {
          .block__content .content-header--link {
            float: right;
            line-height: 48px; } }
      .block__content .content-header--heading {
        color: #595353;
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 12px; }
        @media (min-width: 768px) {
          .block__content .content-header--heading {
            display: inline-block;
            margin-bottom: 0; } }
  .block--fifty-fifty {
    display: flex;
    flex-flow: row nowrap;
    padding: 0; }
    .block--fifty-fifty__item {
      flex: 50%;
      max-width: 50%; }
  .block--fluid {
    width: 95%;
    max-width: 1140px;
    position: absolute;
    left: 0;
    right: 0;
    height: 70px;
    margin: 60px auto 0; }
  @media (min-width: 1024px) {
    .block--recommended-vacancies {
      position: relative;
      z-index: 2; } }
  .block--recommended-vacancies .block__content {
    padding: 60px 20px 0 20px; }
    @media (min-width: 768px) {
      .block--recommended-vacancies .block__content {
        padding: 60px 30px 0 30px; } }
    @media (min-width: 1024px) {
      .block--recommended-vacancies .block__content {
        padding: 60px 30px 60px 30px; } }
    @media (min-width: 1140px) {
      .block--recommended-vacancies .block__content {
        padding: 60px 0 80px 0; } }
    .block--recommended-vacancies .block__content .jobboard-heading {
      position: absolute;
      width: 100%;
      left: 0;
      top: 0; }
      @media (min-width: 1024px) {
        .block--recommended-vacancies .block__content .jobboard-heading {
          position: relative; } }
      .block--recommended-vacancies .block__content .jobboard-heading h2 {
        color: #595353;
        margin: 60px 0 0 20px; }
        @media (min-width: 768px) {
          .block--recommended-vacancies .block__content .jobboard-heading h2 {
            margin: 60px 0 0 30px; } }
        @media (min-width: 1024px) {
          .block--recommended-vacancies .block__content .jobboard-heading h2 {
            margin: 0 0 60px 0; } }
  .block__active-spa-form {
    z-index: 59; }
  .block--message, .block--notification {
    z-index: 29; }
    .block--message .block__content, .block--notification .block__content {
      background: #F0E5D0;
      margin-left: 20px;
      margin-right: 20px;
      padding-top: 60px;
      padding-bottom: 50px;
      position: relative; }
      @media (min-width: 1140px) {
        .block--message .block__content, .block--notification .block__content {
          margin-left: auto;
          margin-right: auto; } }
      .block--message .block__content article, .block--notification .block__content article {
        margin-top: 0;
        margin-bottom: 0; }
        .block--message .block__content article .icon--alert, .block--notification .block__content article .icon--alert {
          display: none; }
        @media (min-width: 768px) {
          .block--message .block__content article .icon--alert, .block--notification .block__content article .icon--alert {
            display: block;
            position: absolute;
            top: 55px;
            left: 40px;
            width: 40px;
            height: 40px;
            border-radius: 25px;
            background: #E53012; }
            .block--message .block__content article .icon--alert svg, .block--notification .block__content article .icon--alert svg {
              color: #F0E5D0;
              position: absolute;
              top: 7px;
              left: 7px;
              height: 26px;
              width: 26px; } }
        @media (min-width: 1140px) {
          .block--message .block__content article .cta-box__wrapper, .block--notification .block__content article .cta-box__wrapper {
            display: flex; } }
        .block--message .block__content article .cta-box__wrapper .close, .block--notification .block__content article .cta-box__wrapper .close {
          color: #F0E5D0; }
          .block--message .block__content article .cta-box__wrapper .close .icon, .block--notification .block__content article .cta-box__wrapper .close .icon {
            background: #696363;
            width: 40px;
            height: 40px;
            top: -25px;
            border-radius: 25px; }
            @media (min-width: 768px) {
              .block--message .block__content article .cta-box__wrapper .close .icon, .block--notification .block__content article .cta-box__wrapper .close .icon {
                right: -75px; } }
            .block--message .block__content article .cta-box__wrapper .close .icon svg, .block--notification .block__content article .cta-box__wrapper .close .icon svg {
              position: absolute;
              left: 10px;
              top: 10px;
              width: 20px;
              height: 20px; }
        .block--message .block__content article .cta-box__wrapper .cta-box__text, .block--notification .block__content article .cta-box__wrapper .cta-box__text {
          padding-right: 30px; }
        .block--message .block__content article .cta-box__wrapper .button-group, .block--notification .block__content article .cta-box__wrapper .button-group {
          margin-top: 25px; }
          @media (min-width: 1140px) {
            .block--message .block__content article .cta-box__wrapper .button-group, .block--notification .block__content article .cta-box__wrapper .button-group {
              margin-top: 7px; } }
    .block--message:first-child, .block--notification:first-child {
      margin-top: 30px; }
    .block--message:last-child .block__content, .block--notification:last-child .block__content {
      margin-bottom: 10px; }
  .block--message .block__content {
    padding-top: 30px;
    padding-bottom: 20px; }
    .block--message .block__content .icon.icon--alert {
      top: 25px; }

@media (min-width: 768px) {
  .block--split .block__content .split-block {
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 20px;
    padding-right: 0; }
    .block--split .block__content .split-block__content {
      padding-left: 30px;
      padding-right: 100px; }
    .block--split .block__content .split-block:first-child {
      padding-left: 0;
      padding-right: 20px; }
      .block--split .block__content .split-block:first-child .split-block__content {
        padding-left: 100px;
        padding-right: 30px; }
      .block--split .block__content .split-block:first-child figure img {
        display: block;
        width: calc(100% + 20px);
        margin-left: 0;
        margin-right: -20px; }
    .block--split .block__content .split-block figure img {
      display: block;
      width: calc(100% + 20px);
      margin-left: -20px; } }

.contentpage .block--contrast + .block--contrast,
.formpage .block--contrast + .block--contrast {
  margin-top: 10px; }
  .contentpage .block--contrast + .block--contrast.block--near,
  .formpage .block--contrast + .block--contrast.block--near {
    margin-top: 30px; }
    @media (min-width: 1140px) {
      .contentpage .block--contrast + .block--contrast.block--near,
      .formpage .block--contrast + .block--contrast.block--near {
        margin-top: 10px; } }

.contentpage .block--near .block__content,
.formpage .block--near .block__content {
  padding: 0; }

@media (min-width: 768px) {
  .contentpage .block--contrast:not(.block--split) .block__content,
  .formpage .block--contrast:not(.block--split) .block__content {
    padding: 50px 60px; }
    .contentpage .block--contrast:not(.block--split) .block__content article,
    .formpage .block--contrast:not(.block--split) .block__content article {
      margin: 20px 0; }
  .contentpage .block--contrast:not(.block--split).block--small .block__content,
  .formpage .block--contrast:not(.block--split).block--small .block__content {
    padding: 20px 30px; }
  .contentpage .block--contrast:not(.block--split).block--near .block__content,
  .formpage .block--contrast:not(.block--split).block--near .block__content {
    padding: 0; } }

@media (min-width: 1024px) {
  .contentpage .block--contrast:not(.block--split) .block__content,
  .formpage .block--contrast:not(.block--split) .block__content {
    padding: 50px 150px; }
  .contentpage .block--contrast:not(.block--split):first-child .block__content,
  .formpage .block--contrast:not(.block--split):first-child .block__content {
    padding-top: 40px; }
  .contentpage .block--contrast:not(.block--split).block--near .block__content,
  .formpage .block--contrast:not(.block--split).block--near .block__content {
    padding: 0; } }

.formpage fieldset .block:nth-child(2) {
  z-index: 30; }

@media (min-width: 768px) {
  .formpage .block--contrast:not(.block--split) .block__content {
    padding: 60px; } }

html, body {
  background-color: #F7F5F5;
  height: 100%; }

.page-header {
  background-color: #FFF;
  position: relative;
  width: 100%;
  z-index: 99; }

.main {
  position: relative;
  z-index: 49;
  margin-bottom: 50px; }

.expired-vacancy h3 {
  margin-bottom: 0; }

.expired-vacancy p {
  margin-top: 12px;
  margin-bottom: 0; }

.expired-vacancy .button {
  margin-top: 30px;
  display: inline-flex; }

[data-widget] cms-notification .notifications {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  min-width: 288px;
  max-width: 568px;
  height: auto;
  max-height: 60px;
  background-color: #E2C391;
  color: white;
  z-index: 50; }
  [data-widget] cms-notification .notifications .notification {
    background-color: #E2C391;
    color: white;
    font-size: 12px;
    margin: 0 4px;
    height: 48px;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center; }

[data-widget] .recommended-vacancies {
  margin: 60px 0 80px 0; }
  [data-widget] .recommended-vacancies .block__content {
    padding-top: 0;
    padding-bottom: 0; }
    [data-widget] .recommended-vacancies .block__content .content-header {
      margin-bottom: 30px; }
      [data-widget] .recommended-vacancies .block__content .content-header h1 {
        color: #595353 !important; }
  [data-widget] .recommended-vacancies .cards {
    justify-content: flex-start;
    margin-left: -60px; }

[data-widget] .form-group-inline {
  width: 100%;
  clear: both; }
  [data-widget] .form-group-inline .radio-button {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0; }
    @media (min-width: 768px) {
      [data-widget] .form-group-inline .radio-button {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0; } }
  @media (min-width: 1024px) {
    [data-widget] .form-group-inline {
      display: flex;
      flex-basis: 50%;
      font-size: inherit; } }

@media (min-width: 768px) {
  [data-widget] .block--contrast:not(.block--split):first-child .block__content {
    padding-top: 20px; }
  [data-widget] .block--contrast:not(.block--split):first-child fieldset.block__content {
    padding-top: 40px; } }

@media (min-width: 1024px) {
  [data-widget] .form.block--contrast:not(.block--split):first-child fieldset.block__content {
    padding: 60px !important; } }

[data-widget] .block--contrast:first-child {
  margin-top: 0; }

[data-widget] .form-group-inline .form-group--valid .icon--valid {
  right: 0;
  top: 30px; }
  @media (min-width: 768px) {
    [data-widget] .form-group-inline .form-group--valid .icon--valid {
      top: 15px; } }

[data-widget] .form-group:nth-child(2n) .form-group__label {
  left: 0; }

[data-widget] .form-group-inline .checkbox__label {
  width: auto; }

[data-widget] .errorlist {
  margin: 0; }

[data-widget] .form-group--valid .icon--valid {
  right: 10px; }