:root {
  --color-background: #efefef;
  --color-dark: #003247;
  --color-light_gray: #f9f9f9;
  --color-primary: #ff0000;
  --color-primary-dark: #920024;
  --color-secondary: #3c0c44;
  --color-darker: #1e1e1e;
  --standard: 250ms ease-in-out;
  --spacing-none: 0;
  --spacing-small: 20px 0;
  --spacing-medium: 40px 0;
  --spacing-large: 80px 0;
}

html {
  font-family: var(--font-regular);
  color: var(--color-darker);
}

body {
  overflow-x: hidden;
  font-size: 16px;
}

a:not([class]) {
  text-decoration: underline;
}

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.ty-no_spacer {
  position: relative;
  padding: var(--spacing-none);
}

.ty-small_spacer {
  position: relative;
  padding: var(--spacing-small);
}

.ty-medium_spacer {
  position: relative;
  padding: var(--spacing-medium);
}

.ty-large_spacer {
  position: relative;
  padding: var(--spacing-large);
}

nav a {
  color: var(--color-text);
}

a:hover {
  color: var(--color-primary);
  transition: var(--standard);
}

a:hover i {
  color: var(--color-darker);
}

.pagination {
  line-height: 1;
}

.pagination .page-item.arrows {
  font-size: 0;
  line-height: 0;
}

.pagination .page-item i {
  font-size: 16px;
  margin: 0 4px;
}

.pagination .disabled {
  opacity: 0.25;
  pointer-events: none;
}

.pagination .disabled:hover {
  background-color: unset;
}

.ty-color-primary {
  color: var(--color-primary);
}

.ty-bg-brown {
  background-color: var(--color-background);
}

.ty-breadcrumb {
  color: var(--color-darker);
}

.ty-breadcrumb a {
  text-decoration: none;
}

#adminbar {
  direction: ltr;
  color: #fff;
  font-size: 13px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  background-color: var(--color-dark);
}

#adminbar a {
  color: #fff;
}

.page-item:hover,
.page-item:hover i {
  color: var(--color-primary);
  transition: var(--standard);
}

figure svg {
  width: 100%;
  height: 100%;
}

.k-layout {
  display: grid;
  gap: 20px;
}

.ty-main-link {
  transition: var(--standard);
}

.ty-main-link:hover,
.ty-footer a:not(.ty-social).ty-main-link:hover {
  color: var(--color-primary-dark);
}

.ty-main-link:hover > svg {
  fill: var(--color-primary-dark);
}

.is-active {
  font-family: var(--font-medium);
}

.scrolled > .ty-main-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
}

.scrolled > .ty-vacancy-bar {
  top: 104px;
}

.scrolled > .ty-bg-brown,
.scrolled > .ty-bg-brown .ty-header-top,
.scrolled.ty-breadcrumb {
  opacity: 0;
  height: 0;
  padding: 0;
}

.scrolled > .ty-main-nav::before {
  content: '';
  position: absolute;
  background-color: #fff;
  width: 101vw;
  height: 100%;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
}

.ty-vacancy-bar::before {
  content: '';
  position: absolute;
  width: 100vw;
  height: 100%;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-primary);
}

.ty-vacancy-bar p {
  color: #fff;
  margin: 0;
}

.ty-vacancy-bar .ty-language {
  color: #fff;
  font-size: 15px;
  text-decoration: underline;
  margin: 0;
  line-height: 1;
  transition: var(--standard);
}

.ty-vacancy-bar .ty-language:hover {
  color: #fff;
  opacity: 0.75;
}

.scrolledTop {
  margin-top: 112px;
}

.hidden-content[style*="display: block"] {
  animation: fadeIn 250ms ease-in-out;
}

.read-more-link {
  display: flex;
  color: var(--color-primary);
  margin-bottom: 32px;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media only screen and (min-width: 960px) {
  .k-layout {
    --columns: 12;
    --gutter: 3rem;
    display: -ms-grid;
    display: grid;
    grid-gap: var(--gutter);
    grid-template-columns: 1fr;
  }
}

@media only screen and (min-width: 60rem) {
  .k-layout {
    grid-template-columns: repeat(12, 1fr);
  }

  .k-layout > .column {
    grid-column: span var(--columns);
  }
}

.k-list {
  display: -ms-grid;
  display: grid;
  grid-gap: 3rem;
}

.k-image {
  position: relative;
  padding-bottom: 75%;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.k-image.png,
.k-image.svg {
  background: transparent;
}

.k-image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  transform: scale(1);
  transition: all 0.3s;
}

.k-image img {
  width: 100%;
}

.k-image.cover img {
  -o-object-fit: cover;
  object-fit: cover;
}

.k-image.contain img {
  -o-object-fit: contain;
  object-fit: contain;
}

/* Max-width mode: image flows naturally instead of position absolute */
.k-image--max-width {
  padding-bottom: 0;
}
.k-image--max-width img {
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

.k-image img span {
  position: relative;
  display: block;
  line-height: 0;
  padding-bottom: 100%;
}

.k-image span {
  position: relative;
  display: block;
  line-height: 0;
  padding-bottom: 100%;
}

.k-image[data-back='pattern'] span {
  background-color: #e9ded4;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%232c1a01' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.k-image figcaption {
  transition: all 0.3s;
}

section {
  padding-top: var(--section-pt, 0);
  padding-bottom: var(--section-pb, 0);
}

/* Text pages
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 1.2rem;
  margin-bottom: 1rem;
  color: var(--color-primary);
  font-family: var(--font-medium);
  font-weight: 700;
}

h1,
.h1 {
  font-size: 48px;
  line-height: 1.15;
}

h2,
.h2 {
  font-size: 30px;
  line-height: 1.15;
}

h3,
.h3 {
  font-size: 20px;
  line-height: 1.15;
}

@media only screen and (max-width:767px) {
  h1,
  .h1 {
    font-size: 32px;
    line-height: 1.15;
  }

  h2,
  .h2 {
    font-size: 24px;
    line-height: 1.15;
  } 
}



.editor p.intro {
  font-size: 1.6rem;
}

@media only screen and (min-width: 992px) {
  .editor p.intro {
    font-size: 1.8rem;
  }
}

@media only screen and (max-width: 769px) {
  h1 {
    font-size: 32px;
  }
}

.editor .list ul,
.editor .list ol,
.ty-text ul,
.ty-text ol,
.ty-faq ul,
.ty-faq ol {
  padding-left: 2rem;
}

.editor .list ul li,
.ty-text ul li,
.ty-faq ul li {
  list-style-type: disc;
}

.editor .list ol li,
.ty-text ol li,
.ty-faq ol li {
  list-style-type: decimal;
}

.editor figure figcaption {
  display: block;
  margin-top: 0.75rem;
  color: #6c757d;
  font-size: 1.5rem;
  line-height: 1.5em;
  text-align: center;
  padding: 0 2em;
}

.editor figure .protect {
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
  -o-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media only screen and (min-width: 1200px) {
  .k-width-wide {
    margin: 0 -10rem;
    width: auto;
  }
}

.editor .k-image {
  border-radius: 25px 0 25px 0;
}

.editor .info {
  background: #f0f7fb;
  border-left: 3px solid #3498db;
  border-radius: 1px;
  margin-bottom: 1.5em;
  padding: 1rem 1rem 1rem 3.5rem;
  position: relative;
}

.editor .info > .icon {
  fill: #3498db;
}

.editor .info > .icon {
  left: 0.75rem;
  position: absolute;
  top: 1.8rem;
}

.editor hr {
  border: none;
  font-size: 3rem;
  text-align: center;
  padding: 1em 0;
}

.editor hr:before {
  line-height: 1.4;
  text-indent: 0.6em;
  letter-spacing: 0.6em;
  content: '...';
}

.text-center .btn {
  margin: auto;
}

.btn {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 11px 54px 11px 24px;
  gap: 24px;
  background-color: var(--color-secondary);
  color: #fff;
  transition: var(--standard);
  border: 2px solid var(--color-secondary);
}

.btn:hover {
  background-color: #fff;
  color: var(--color-secondary);
}

@media (min-width: 768px) {
  .ty-sticky-button,
  .mobile-only.btn {
    display: none;
  }
}

@media (max-width: 767px) {
  #CookiebotWidget {
    left: 16px !important;
    bottom: 82px !important;
  }
}



.btn::after,
.ty-btn-input:after {
  content: '\f061';
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  right: 25px;
  font-size: 14px;
}

.ty-btn-input:after {
  top: 0;
  bottom: 0;
  color: white;
  margin: auto;
  height: min-content;
}

.ty-btn-input input {
  cursor: pointer;
}

.ty-btn-input:hover:after {
  color: var(--color-secondary);
}

/* Footer */
.ty-footer h3 {
  font-family: var(--font-medium);
}

.ty-footer h3,
.ty-footer p,
.ty-footer a {
  color: var(--color-darker);
}

.ty-footer a.ty-medium {
  font-family: var(--font-medium);
}

.ty-footer .ty-social {
  position: relative;
  font-size: 22px;
  width: 34px;
  height: 34px;
  color: #fff;
  z-index: 1;
  transition: var(--standard);
}

.ty-footer .ty-social:hover {
  color: var(--color-primary);
}

.ty-footer .ty-social:hover::before {
  background-color: #fff;
}

.ty-footer .ty-social::before {
  content: '';
  background-color: var(--color-primary);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
  border-radius: 50%;
}

.ty-footer-bottom svg {
  width: 175px;
}

.ty-footer a:not(.ty-social):hover {
  color: var(--color-primary);
  transition: var(--standard);
}

.ty-footer a.ty-social:hover i {
  color: var(--color-primary);
}

.ty-footer .ty-bottom-links a {
  line-height: 1;
}

.ty-footer .ty-bottom-links a:nth-child(2) {
  border-left: 1px solid var(--color-darker);
  border-right: 1px solid var(--color-darker);
  padding: 0 40px;
}

/* Menu */
.ty-menu-items a {
  position: relative;
  font-family: var(--font-medium);
  transition: var(--standard);
  text-decoration: none;
}

.ty-menu-items a::after {
  content: '';
  position: absolute;
  background-color: var(--color-primary);
  left: 0;
  width: 0;
  bottom: -5px;
  height: 2px;
  transition: var(--standard);
}

.ty-menu-items a:hover {
  color: var(--color-darker);
}

.ty-menu-items a:hover::after {
  width: 100%;
}

.ty-header > div:first-of-type {
  background-color: var(--color-light_gray);
  transition: var(--standard);
}

.ty-languages {
  text-transform: uppercase;
}

.ty-languages .active {
  font-family: var(--font-medium);
}

.ty-languages li:nth-child(2) a {
  border-left: 1px solid var(--color-darker);
  padding-left: 8px;
}

.ty-header-top a:hover {
  color: var(--color-primary-dark);
}

.ty-mobile-nav {
  z-index: 100;
}

.ty-mobile-nav.ty-closed {
  visibility: hidden;
}

.ty-mobile-nav > div {
  height: calc(100vh - 85px);
  width: 100vw;
}

.ty-select {
  position: relative;
  width: calc(20% - 2.6rem);
}

.ty-select .multiselect-dropdown-list-wrapper {
  max-height: 250px;
  overflow-y: auto;
}

.ty-select select {
  position: relative;
  background-color: var(--color-darker);
  color: #fff;
  border: none;
  background-image: unset;
  padding: 12px 30px 12px 25px;
  min-width: 150px;
}

.ty-select .multiselect-dropdown,
.ty-select-open,
.ty-filter-open {
  /*background-color: var(--color-darker);*/
  color: #fff;
  border: none;
  background-image: unset;
  padding: 0;
  width: 100% !important;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: visible;
  border-radius: 0;
}

/*style the arrow inside the select element:*/
.ty-select .multiselect-dropdown:after,
.ty-select-open:after,
.ty-filter-open:after {
  content: '\f078';
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  color: #fff;
  font-size: 14px;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: min-content;
  transition: var(--standard);
  border-radius: 0;
}

.ty-select .multiselect-dropdown.opened:after {
  transform: rotate(180deg);
}

.ty-select .multiselect-dropdown b.dropdown-btn {
  font-style: normal;
  font-weight: 400;
}

.ty-select .multiselect-dropdown b.dropdown-btn .title,
.ty-select .multiselect-dropdown b.dropdown-btn .caret,
.ty-select .multiselect-dropdown:after {
  pointer-events: none;
}

.ty-select .multiselect-dropdown b.dropdown-btn .title {
  display: flex;
  width: 100%;
  font-family: var(--font-regular);
  overflow: hidden;
}

.ty-select .multiselect-dropdown-list-wrapper {
  top: 50px;
  /*background: var(--color-darker);*/
  border: none;
  border-radius: 0;
  white-space: normal;
  hyphens: auto;
}

.ty-select .multiselect-dropdown-list div {
  display: flex;
  align-items: center;
  font-size: 15px;
}

.ty-select .count {
  background-color: var(--color-primary);
  height: 18px;
  width: 18px;
  min-width: 18px;
  margin-left: 8px;
  font-size: 12px;
  opacity: 0;
  transition: var(--standard);
}

.ty-select .count:not(:empty) {
  opacity: 1;
}

.ty-select .multiselect-dropdown {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row-reverse;
}

.ty-select .multiselect-dropdown b span.title > i {
  position: relative;
  top: -1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin: 0 4px 0 -4px;
  font-size: 12px;
  font-style: normal;
  background-color: var(--color-primary);
  border-radius: 50%;
  transition: var(--standard);
}

.ty-select .multiselect-dropdown b {
  outline: none;
}

.ty-select .multiselect-dropdown .vsb-menu {
  left: 0;
  top: 48px;
  min-width: 100%;
  /*background: var(--color-darker);*/
  border: 0;
  border-radius: 0;
  overflow-y: auto;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi {
  padding: 4px;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 15px;
  padding: 5px;
  background-color: transparent;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li:before {
  margin: 0 8px 0 0;
  border: 1px solid rgba(107, 114, 128, 1);
  border-radius: 0;
  background-color: rgba(255, 255, 255, 1);
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li.zero:before {
  border: 1px solid rgba(107, 114, 128, 0.65);
  background-color: rgba(255, 255, 255, 0.65);
} 

.ty-select .multiselect-dropdown .vsb-menu ul.multi li.zero {
  color: rgba(255, 255, 255, 0.65);
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li.active {
  color: rgba(255, 255, 255, 1);
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li.active:before {
  border: 1px solid var(--color-primary);
  background-color: var(--color-primary);
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li:after {
  position: absolute;
  left: 10px;
  top: 10px;
  margin: 0;
  border-bottom: 2px solid white;
  border-right: 2px solid white;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li.grouped-option {
  padding: 5px 5px 5px 28px;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li.grouped-option b {
    margin-left: 0;
    transform: none;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-parent].open {
  padding-left: 28px; 
}
/*
.ty-select .multiselect-dropdown .vsb-menu ul.multi li.grouped-option span {
  position: absolute;
  top: 8px;
  right: -28px;
  padding: 5px;
  border-bottom: 2px solid white;
  border-right: 2px solid white;
  border-radius: 0;
}
*/

.ty-select .multiselect-dropdown .vsb-menu ul.multi li.grouped-option i {
  position: absolute;
  top: 0;
  left: 0;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li.grouped-option i {
  padding: 7px;
  margin: 7px 8px 0 5px;
  border: 1px solid rgba(107, 114, 128, 1);
  border-radius: 0;
  background-color: rgba(255, 255, 255, 1);
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li.grouped-option.zero i {
  border: 1px solid rgba(107, 114, 128, 0.65);
  background-color: rgba(255, 255, 255, 0.65);
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li.grouped-option.checked i {
  border: 1px solid var(--color-primary);
  background-color: var(--color-primary);
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li.grouped-option.checked i:after {
  position: absolute;
  left: 4px;
  top: 2px;
  margin: 0;
  border-bottom: 2px solid white;
  border-right: 2px solid white;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-parent].open:after {
  position: absolute;
  left: 33px;
  top: 8px;
  margin: 0;
  border-bottom: 2px solid white;
  border-right: 2px solid white;
}

.ty-select .multiselect-dropdown span.placeholder {
  color: #fff;
  margin: 0;
}

.ty-select .multiselect-dropdown-list div:hover {
  background-color: unset;
}

.ty-select .multiselect-dropdown-list div:hover > * {
  cursor: pointer;
}

.ty-select .multiselect-dropdown span.optext {
  background-color: unset;
  color: #fff;
  max-width: 100%;
  padding: 0;
  overflow-x: clip;
}

.ty-select ::-webkit-scrollbar {
  width: 8px;
}

.ty-select ::-webkit-scrollbar-track {
  background: var(--color-light_gray);
}

.ty-select ::-webkit-scrollbar-thumb {
  background: var(--color-primary-dark);
}

.ty-select .multiselect-dropdown-list input {
  margin-right: 8px;
}

[type='checkbox']:checked {
  background-color: var(--color-primary);
  color: var(--color-primary);
  box-shadow: none;
}

[type='checkbox']:focus {
  background-color: #fff;
  color: var(--color-primary);
  box-shadow: none;
}

.ty-select-item {
  display: none;
}

.ty-select-open .ty-select-item {
  display: block;
}

.multiselect-dropdown > .optext:not(:first-of-type),
.multiselect-dropdown-search {
  display: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  color: #fff;
  background-color: var(--color-darker);
  padding: 12px 25px;
  transition: var(--standard);
  min-width: 180px;
  height: auto;
  margin-top: 10px;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  transition: var(--standard);
}

.select-items > div {
  padding: 5px 0;
  cursor: pointer;
  transition: var(--standard);
}

.select-items > div:hover {
  color: var(--color-primary);
}

/*hide the items when the select box is closed:*/
.select-hide {
  opacity: 0;
  visibility: hidden;
}

.ty-input {
  padding: 12px 25px;
}

.ty-dropdown {
  background-color: var(--color-darker);
  color: #fff;
}

.ty-select-items {
  transition: var(--standard);
}

.ty-select-items.ty-select-show {
  visibility: unset;
  opacity: 1;
  height: unset;
  margin: unset;
}

@media only screen and (min-width: 769px) {
  .ty-select-open,
  .ty-filter-open {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .ty-select-open,
  .ty-filter-open {
    display: none;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .ty-select {
    width: calc(20% - 0.6rem);
  }
}

@media only screen and (max-width: 768px) {
  .ty-select {
    width: calc(50% - 0.375rem);
  }

  .ty-input {
    padding: 12px;
  }

  .ty-btn-input {
    width: 100%;
  }

  .ty-btn-input input {
    justify-content: space-between;
  }
}

@media only screen and (max-width: 375px) {
  .ty-select {
    width: 100%;
  }
}

.ty-label_header iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.ty-label_header h2 {
  color: var(--color-darker);
}

.ty-medium_spacer .editor.column > div.ty-texttext-left {
  padding: 0;
}

.column.editor figure:not(:first-of-type) {
  padding-top: 1rem;
}

#reset_filters,
#reset_filters_full,
#reset_filters_full > * {
  transition: var(--standard);
}

@media only screen and (min-width: 960px) {
  .column.editor > h2:first-child {
    margin-top: 0;
  }
}

/* Cookiebot */
html #CybotCookiebotDialog,
html #CookiebotWidget {
  font-family: var(--font-medium);
}

html #CybotCookiebotDialogBodyContentText,
html .CybotCookiebotDialogDetailBodyContentCookieTypeIntro,
html #CybotCookiebotDialogDetailBodyContentTextAbout,
html .CookiebotWidget-consents-list ul li,
html .CookiebotWidget-date,
html .CookiebotWidget-consent-id {
  font-family: var(--font-regular) !important;
}

html button.CybotCookiebotDialogBodyButton,
html #CookiebotWidget #CookiebotWidget-buttons button {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 8px 12px !important;
  transition: var(--standard);
  border-radius: 0 !important;
}

html #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonDecline,
html #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
html #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  background-color: #fff;
  border: 2px solid var(--color-secondary);
  color: var(--color-secondary);
}

html #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
html #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: var(--color-secondary);
  color: #fff;
  border: 2px solid var(--color-secondary);
}

html #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonDecline:hover,
html #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover,
html #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw:hover {
  background-color: var(--color-secondary);
  color: #fff;
  opacity: 1;
}

html #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover,
html #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change:hover {
  background-color: #fff;
  color: var(--color-secondary);
  border: 2px solid var(--color-secondary);
}

html .CybotCookiebotDialogArrow {
  border-style: unset;
  border-width: unset;
  display: unset;
  height: 24px;
  margin-left: 16px;
  transform: unset;
  vertical-align: unset;
  width: unset;
}

html .CybotCookiebotDialogArrow:after,
html #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a:after {
  content: '\f061';
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  font-size: 14px;
  font-weight: 400;
}

html #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a:after {
  border-style: unset;
  border-width: unset;
  color: var(--color-secondary);
  height: min-content;
  margin-left: unset;
  transform: unset;
  width: unset;
  right: -20px;
}

html #CybotCookiebotDialog.CybotEdge {
  padding: 16px;
}

html #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #fff;
  outline: 2px solid var(--color-secondary);
}

html #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper {
  height: 26px;
  width: 53px;
}

html #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapperDisabled .CybotCookiebotDialogBodyLevelButtonSlider {
  outline: none;
}

html #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider:before {
  background-color: var(--color-secondary);
  width: 18px;
  height: 18px;
}

html #CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--color-secondary);
}

html #CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider:before {
  background-color: #fff;
}

html #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a,
html #CookiebotWidget .CookiebotWidget-consent-details button {
  color: var(--color-secondary);
  position: relative;
}

html #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  color: var(--color-primary);
  border-bottom: 1px solid var(--color-primary);
}

html #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: var(--color-primary);
}

html #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a {
  color: var(--color-secondary);
}

html #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: var(--color-secondary);
}

@media screen and (min-width: 300px) and (max-width: 1199px) {
  html #CybotCookiebotDialog.CybotEdge {
    height: auto !important;
    max-height: 70vh !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    width: 100vw !important;
    border-radius: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    transform: none !important;
  }

  html #CybotCookiebotDialogBody .CybotCookiebotScrollContainer {
    min-height: 0 !important;
  }

  html #CybotCookiebotDialogBody .CybotCookiebotScrollContainer #CybotCookiebotDialogBodyContent {
    padding: 0 .625em;
  }

  html #CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonWrapper {
    padding: 8px 1em;
  }

  html #CybotCookiebotDialogFooter #CybotCookiebotDialogPoweredByText {
    display: none !important;
  }
}

@media screen and (min-width: 601px) {
  #CybotCookiebotDialog {
    height: auto !important;
    max-height: 70vh !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    width: 100vw !important;
    border-radius: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    transform: none !important;
  }
}

@media screen and (max-width: 600px) {
  html #CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonWrapper {
    padding: 8px 1em;
  }
}
/* Cookiebot END */


.ty-vacancy_header H1 {
  margin-top: unset;
}

/** Style corrections */
label[data-name="Bus"],
label[data-name="Taxi"],
label[data-name="HR"],
label[data-name="Finance"],
label[data-name="Innovatie & IT"],
label[data-name="Klantenservice"],
label[data-name="Marketing & Communicatie"],
label[data-name="Management"],
label[data-name="Logistiek & Operatie"],
label[data-name="Veiligheid & Vitaliteit"],
label[data-name="Commercie"] {
  padding-left: 20px;
}

.ty-select #btn-group-disciplines.multiselect-dropdown .vsb-menu ul.multi {
  display: flex;
  flex-direction: column;
  max-width: none !important;
}

.ty-select #btn-group-disciplines.multiselect-dropdown .vsb-menu ul.multi li[data-parent].open:not(.hidden-search) {
	display:flex !important;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li.parent {
  //display: none;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li.indented {
  margin-left: 20px;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-text="Chauffeur"] {
  order: 1;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-text="Bus"] {
  order: 2;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-text="Taxi"] {
  order: 3;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-text="Tram"] {
  order: 4;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-text="Techniek"] {
  order: 5;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-text="Kantoor"] {
  order: 6;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-text="HR"] {
  order: 7;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-text="Finance"] {
  order: 8;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-text="Innovatie & IT"] {
  order: 9;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-text="Klantenservice"] {
  order: 10;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-text="Marketing & Communicatie"] {
  order: 11;
}
.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-text="Management"] {
  order: 12;
}
.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-text="Logistiek & Operatie"] {
  order: 13;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-text="Veiligheid & Vitaliteit"] {
  order: 14;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-text="Commercie"] {
  order: 15;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-text="Service & Veiligheid"] {
  order: 16;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-text="Managament"] {
  order: 17;
}

.ty-select .multiselect-dropdown .vsb-menu ul.multi li[data-text="Stage"] {
  order: 18;
}

#social-sidebar {
  position: fixed;
  right: 0;
  top: 50%;
  padding: 6px 8px;
  border-radius: 10px 0 0 0;
  transform: translateY(-50%);
  background-color: var(--color-primary);
  transition: padding 250ms ease-in-out;
}

#social-sidebar:hover {
  padding-right: 16px;
}

#social-sidebar li {
  margin: 2px 0;
}

#social-sidebar li a {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 28px;
}

#social-sidebar li a svg {
  width: 100%;
  height: 100%;
}

#social-sidebar li a svg path {
  fill: white;
  transition: fill 250ms ease-in-out;
}

#social-sidebar li a:hover svg path {
  fill: var(--color-secondary);
}

/** concession map */
.ty-concession-map .ty-concession-map-right > svg > g[data-id], {
  position: relative;
  z-index: 99;
  pointer-events: visible;
  cursor: default;
}

.ty-concession-map-taxi .ty-concession-map-taxi-right svg g[data-id] {
  pointer-events: none;
  cursor: default;
}

.ty-concession-map-taxi .ty-concession-map-taxi-right svg g[data-id] path {
  position: relative;
  z-index: 99;
  pointer-events: visible;
  cursor: default;
}

.ty-concession-map .ty-concession-map-right > svg > g[data-id] > path,
.ty-concession-map-taxi .ty-concession-map-taxi-right svg g[data-id] path {
  fill: #c9c9c9;
  transition: fill 250ms ease-in-out;
}

.ty-concession-map .ty-concession-map-right > svg > g[data-id]:hover > path,
.ty-concession-map .ty-concession-map-right > svg > g[data-id].showme > path,
.ty-concession-map-taxi .ty-concession-map-taxi-right svg g[data-id]:hover path,
.ty-concession-map-taxi .ty-concession-map-taxi-right svg g[data-id].showme path {
  fill: #898989;
}

.ty-concession-map .ty-concession-map-right > svg > g[data-id="0"] > .svg-container {
  width: 80px;
}

.ty-concession-map .ty-concession-map-left .ty-concession-map-content,
.ty-concession-map-taxi .ty-concession-map-taxi-left .ty-concession-map-taxi-content {
  transition: opacity 400ms ease-in-out;
}

.ty-concession-map .ty-concession-map-left .hideme,
.ty-concession-map-taxi .ty-concession-map-taxi-left .hideme {
  opacity: 0 !important; 
  pointer-events: none !important;
}

.ty-concession-map .ty-concession-map-left .showme,
.ty-concession-map-taxi .ty-concession-map-taxi-left .showme {
  opacity: 1 !important;
  pointer-events: auto !important;
}

#ty-concession-map > g > text,
#ty-concession-map-taxi > g > text {
  display: none;
  color: var(--color-darker);
  font-family: var(--font-regular);
  font-size: 18px;
  line-height: 1;
}

.ty-concession-map .ty-title-num,
.ty-concession-map-taxi .ty-title-num {
  display: none;
}

@media only screen and (max-width: 767px) {
  #ty-concession-map > g > text,
  #ty-concession-map-taxi > g > text {
    display: block;
  }

  .ty-concession-map .ty-title-num,
  .ty-concession-map-taxi .ty-title-num {
    display: inline;
    margin-right: 6px;
  }
}

/** search results list */
#search-results a:nth-child(4n+3) {
  background-color: rgba(249, 250, 251, 1);
}

/** info icon */
.info-icon {
  position: relative;
  width: 20px !important;
  height: 20px !important;
}

#search-results .info-icon {
  margin: -2px 0 0 16px;
}

.ty-vacancy-details .info-icon,
.ty-related .info-icon {
  margin: 2px 0 0 16px;
}

.info-icon > img.info-i {
  width: 20px !important;
  height: 20px !important;
  border-radius: 10px !important;
}

.info-icon .info-bubble {
  position: absolute;
  z-index: 9;
  display: flex;
  width: 340px;
  padding: 16px;
  color: white;
  background-color: #3c0c44;
  border-radius: 4px;
  white-space: normal;
  opacity: 0;
  pointer-events: none;
}

.info-icon .info-bubble svg.ty-close {
  position: absolute;
  z-index: 9;
  top: 3px;
  right: 3px;
  width: 16px;
  height: 16px;
}

.info-icon .info-bubble i {
  position: absolute;
  z-index: 8;
  top: -8px;
  left: 18px;
  width: 16px;
  height: 16px;
  background-color: #3c0c44;
  transform:rotate(45deg);
}

.info-icon .info-bubble.showtooltip {
  opacity: 1;
  pointer-events: all;
}

.info-icon .info-bubble.hidetooltip {
  opacity: 0;
  pointer-events: none;
}

@media only screen and (max-width: 1023px) {
  .info-icon {
    width: 16px !important;
    height: 16px !important;
  }

  #search-results .info-icon {
    margin: 1px 0 0 8px;
  }
  
  .ty-vacancy-details .info-icon,
  .ty-related .info-icon {
    margin: 2px 0 0 8px;
  }
}

/** salary calculator */
.ty-salary_result_description svg {
  transition: transform 250ms ease-in-out;
}

.ty-salary_result_description.active svg {
  transform: rotate(90deg);
}

.ty-salary_driving_experience input[type=range],
.ty-salary_hours input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
}

.ty-salary_driving_experience input[type=range]::-webkit-slider-thumb,
.ty-salary_hours input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.ty-salary_driving_experience input[type=range]:focus,
.ty-salary_hours input[type=range]:focus {
  outline: var(--color-primary); 
}

.ty-salary_driving_experience input[type=range]::-ms-track,
.ty-salary_hours input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;

  /* Hides the slider so custom styles can be added */
  background: transparent; 
  border-color: transparent;
  color: transparent;
}

/* Special styling for WebKit/Blink */
.ty-salary_driving_experience input[type=range]::-webkit-slider-thumb,
.ty-salary_hours input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid var(--color-primary);
  height: 16px;
  width: 16px;
  border-radius: 8px;
  background: var(--color-primary);
  cursor: pointer;
  margin-top: -3px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}

/* All the same stuff for Firefox */
.ty-salary_driving_experience input[type=range]::-moz-range-thumb,
.ty-salary_hours input[type=range]::-moz-range-thumb {
  box-shadow: none;
  border: 1px solid var(--color-primary);
  height: 16px;
  width: 16px;
  border-radius: 8px;
  background: var(--color-primary);
  cursor: pointer;
}

/* All the same stuff for IE */
.ty-salary_driving_experience input[type=range]::-ms-thumb,
.ty-salary_hours input[type=range]::-ms-thumb {
  border: 1px solid var(--color-primary);
  height: 16px;
  width: 16px;
  border-radius: 8px;
  background: var(--color-primary);
  cursor: pointer;
}

.ty-salary_driving_experience input[type=range]::-webkit-slider-runnable-track,
.ty-salary_hours input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 11px;
  cursor: pointer;
  box-shadow: none;
  background: transparent;
  border-radius: 5.5px;
  border: 1px solid #000000;
}

.ty-salary_driving_experience input[type=range]:focus::-webkit-slider-runnable-track,
.ty-salary_hours input[type=range]:focus::-webkit-slider-runnable-track {
  background: #FFFFFF;
}

.ty-salary_driving_experience input[type=range]::-moz-range-track,
.ty-salary_hours input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-radius: 5.5px;
  border: 1px solid #000000;
}

.ty-salary_driving_experience input[type=range]::-ms-track,
.ty-salary_hours input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}

.ty-salary_driving_experience input[type=range]::-ms-fill-lower,
.ty-salary_hours input[type=range]::-ms-fill-lower {
  background:transparent;
  border-radius: 5.5px;
  border: 1px solid #000000;
}

.ty-salary_driving_experience input[type=range]:focus::-ms-fill-lower,
.ty-salary_hours input[type=range]:focus::-ms-fill-lower {
  background: transparent;
}

.ty-salary_driving_experience input[type=range]::-ms-fill-upper,
.ty-salary_hours input[type=range]::-ms-fill-upper {
  background: transparent;
  border-radius: 5.5px;
  border: 1px solid #000000;
}

.ty-salary_driving_experience input[type=range]:focus::-ms-fill-upper,
.ty-salary_hours input[type=range]:focus::-ms-fill-upper {
  background: transparent;
}

.ty-salary_driving_experience .experience-range-bg,
.ty-salary_hours .hours-range-bg {
  position: absolute;
  top: 9px;
  left:26px;
  height: 7px; 
  background-color: #FF0000;
  border-radius: 3.5px;
  pointer-events:none;
}

.ty-salary_hours:not(.ty-salary_hours_taxi) .hours-range-bg {
  max-width: 352px;
}

.ty-salary_hours.ty-salary_hours_taxi .hours-range-bg {
  left: 18px;
}

.ty-salary_history.hidden + .ty-salary_driving_experience.hidden + .ty-salary_hours .hours-range-bg {
  top: 8px;
}

.ty-salary_history.hidden + .ty-salary_driving_experience.hidden + .ty-salary_hours.ty-salary_hours_taxi .hours-range-bg {
  top: 9px;
}

@media only screen and (max-width: 1023px) {
  .ty-salary_driving_experience .experience-range-bg,
  .ty-salary_hours .hours-range-bg {
    top: 8px;
  } 
}

.ty-salary_driving_experience .experience-range-bg {
  left:17px;
}

.ty-salary_hours .range-wrapper output {
  transform: translateX(50%);
}

.ty-salary_driving_experience .range-wrapper output {
  transform: translateX(210%);
}

.ty-salary_license div,
.ty-salary_taxi_license div,
.ty-salary_license div > span,
.ty-salary_taxi_license div > span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
} 

.ty-salary_taxi_license div > span:first-child {
  margin-bottom:4px;
}

.ty-salary_history div > span:first-child {
  margin-bottom: 4px;
}

.ty-salary_history div > span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.ty-allowance-amount,
.ty-salary_hours label,
.ty-salary_age label,
.ty-salary_license span,
.ty-salary_taxi_license span,
.ty-salary_history span,
.ty-salary_experience legend,
.ty-salary_driving_experience label,
.ty-salary_direct_transfer legend {
  font-family: var(--font-medium);
}

.ty-salary_experience input,
.ty-salary_license input,
.ty-salary_taxi_license input,
.ty-salary_history input,
.ty-salary_direct_transfer input {
  display: inline-flex;
  width: 22px;
  height: 22px;
  border: 1px solid #000000;
  border-radius: 50%;
  appearance: none !important;
}

.ty-salary_experience input:focus,
.ty-salary_license input:focus,
.ty-salary_taxi_license input:focus,
.ty-salary_history input:focus,
.ty-salary_direct_transfer input:focus {
  outline: 2px solid #FF0000;
}

.ty-salary_license input:checked:hover,
.ty-salary_license input:checked:focus,
.ty-salary_license input:checked,
.ty-salary_taxi_license input:checked:hover,
.ty-salary_taxi_license input:checked:focus,
.ty-salary_taxi_license input:checked,
.ty-salary_history input:checked:hover,
.ty-salary_history input:checked:focus,
.ty-salary_history input:checked,
.ty-salary_experience input:checked:hover,
.ty-salary_experience input:checked:focus,
.ty-salary_experience input:checked,
.ty-salary_direct_transfer input:checked:hover,
.ty-salary_direct_transfer input:checked:focus,
.ty-salary_direct_transfer input:checked {
  appearance: none !important;
  background-image: none;
  border: 1px solid #000000;
  background-color: #FFFFFF;
}

.ty-salary_experience label,
.ty-salary_license label,
.ty-salary_taxi_license label,
.ty-salary_history label,
.ty-salary_direct_transfer label {
  position: relative;
}

.ty-salary_experience input:checked:hover + label:after,
.ty-salary_experience input:checked:focus + label:after,
.ty-salary_experience input:checked + label:after,
.ty-salary_direct_transfer input:checked:hover + label:after,
.ty-salary_direct_transfer input:checked:focus + label:after,
.ty-salary_direct_transfer input:checked + label:after {
  content: '';
  position: absolute;
  top: 5px;
  left: -24px;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: #FF0000;
}

.ty-salary_license input:checked:hover + label:after,
.ty-salary_license input:checked:focus + label:after,
.ty-salary_license input:checked + label:after {
  content: '';
  position: absolute;
  top: 5px;
  left: -24px;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: #FF0000;
}

.ty-salary_license span:last-child input:checked:hover + label:after,
.ty-salary_license span:last-child input:checked:focus + label:after,
.ty-salary_license span:last-child input:checked + label:after {
  left: -24px;
}

.ty-salary_taxi_license input:checked:hover + label:after,
.ty-salary_taxi_license input:checked:focus + label:after,
.ty-salary_taxi_license input:checked + label:after {
  content: '';
  position: absolute;
  top: 5px;
  left: -22px;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: #FF0000;
}

.ty-salary_history input:checked:hover + label:after,
.ty-salary_history input:checked:focus + label:after,
.ty-salary_history input:checked + label:after {
  content: '';
  position: absolute;
  top: 5px;
  left: -22px;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: #FF0000;
}

.ty-salary-calculator > .ty-title-move  > h2 {
  font-size: 32px;
}

@media only screen and (min-width:1071px) {
  .ty-salary-calculator .ty-salary-calculator-left,
  .ty-salary-calculator .ty-salary-calculator-right {
    min-height: 406px;
  }
}

@media only screen and (min-width:1024px) and (max-width: 1070px) {
  .ty-salary-calculator .ty-salary-calculator-left,
  .ty-salary-calculator .ty-salary-calculator-right {
    min-height: 425px;
  }
}

.ty-social:hover svg.ty-twitter-social path {
  fill: #FF0000;
}

.ty-salary sub {
  bottom: -0.75rem !important;
  font-size: 75% !important;
  vertical-align: bottom !important;
}


.ty-salary-record sub {
  bottom: 0 !important;
  font-size: 75% !important;
  vertical-align: bottom !important;
}

.ty-brandblock:before {
  content: '';
  position: absolute;
  top: 0;
  right: calc(-50vw + 608px);
  width: 100vw;
  height: 100%;
  background-color: #f4f5f6;
  z-index: 0;
}

@media only screen and (max-width: 1279px) {
  .ty-brandblock:before {
    right: -32px;
  }
}

@media only screen and (max-width: 1023px) {
  .ty-brandblock:before {
    right: -24px;
  }
}

@media only screen and (max-width: 767px) {
  .ty-brandblock.ty-mobile-accordion.open {
    background-color: #f4f5f6;  
  }

  .ty-brandblock.ty-mobile-accordion.open > .ty-brandblock-inner {
    height: calc-size(auto);
    padding-top: 0;
    padding-bottom: 32px;
    opacity: 1;
    pointer-events: all;
  }

  .ty-brandblock.ty-mobile-accordion:not(.open),
  .ty-brandblock.ty-mobile-accordion.closed {
    background-color: transparent;
    transition: all 250ms ease-in-out;
  }

  .ty-brandblock.ty-mobile-accordion:not(.open) >  .ty-brandblock-inner,
  .ty-brandblock.ty-mobile-accordion.closed >  .ty-brandblock-inner {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    pointer-events: none;
    transition: all 250ms ease-in-out;
  }

  .ty-brandblock.ty-mobile-accordion.open:before {
    display: block;
  }

  .ty-brandblock.ty-mobile-accordion:not(.open):before,
  .ty-brandblock.ty-mobile-accordion.closed:before {
    display: none;
  }
}

@media only screen and (max-width: 639px) {
  .ty-brandblock:before {
    right: -16px;
  }
}

.ty-brandblock > div {
  position: relative;
  z-index: 1;
}