/*1734610222000*/
@charset "UTF-8";
/**
 * Clay 3.116.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
/**
 * Clay 3.116.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
.quick-access-nav {
  position: fixed;
  z-index: 999;
}

.sr-only, .ybs #ybsoc .ybsoc-input-radio__option input {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto;
}

.lfr-asset-column-details .lfr-asset-categories {
  color: #7d7d7d;
}
.lfr-asset-column-details .lfr-asset-categories .lfr-asset-category {
  color: #555;
}
.lfr-asset-column-details .lfr-asset-description {
  color: #444;
  font-style: italic;
  margin: 0.5em auto 2em;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
.lfr-asset-column-details .lfr-asset-icon {
  border-right: 1px solid transparent;
  color: #999;
  float: left;
  line-height: 1em;
  margin-right: 10px;
  padding-right: 10px;
}
.lfr-asset-column-details .lfr-asset-icon.last {
  border-width: 0;
}
.lfr-asset-column-details .lfr-asset-tags {
  color: #7d7d7d;
}
.lfr-asset-column-details .lfr-asset-tags .tag {
  color: #555;
}
.lfr-asset-column-details .lfr-asset-metadata {
  clear: both;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
}
.lfr-asset-column-details .lfr-panel {
  clear: both;
  margin-bottom: 0.2em;
}
.lfr-asset-column-details .lfr-panel.lfr-extended {
  border: 1px solid #ccc;
  margin-bottom: 0;
}
.lfr-asset-column-details .taglib-custom-attributes-list label,
.lfr-asset-column-details .lfr-asset-field label {
  display: block;
}
.lfr-asset-column-details .taglib-custom-attributes-list {
  margin-bottom: 1em;
}

.overlay {
  position: absolute;
}

.overlay-hidden,
.overlaymask-hidden {
  display: none;
}

.lfr-form-row {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 1px 5px 25px;
  position: relative;
}
.lfr-form-row:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.lfr-form-row:hover {
  border: solid #ccc;
  border-width: 1px 0;
  padding-top: 0;
}
.lfr-form-row.lfr-form-row-inline .form-group {
  margin-right: 5px;
}
.lfr-form-row legend .field-label {
  float: left;
  margin-right: 10px;
}
.lfr-form-row .handle-sort-vertical {
  background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%;
  cursor: move;
  padding-left: 20px;
}
.lfr-form-row fieldset {
  border-width: 0;
  margin: 0;
  padding: 0;
}

.lfr-autorow-controls {
  bottom: 5px;
  position: absolute;
  right: 5px;
}

.datepicker-popover-content .popover-content {
  padding: 0.75rem 1rem;
}

.dropdown.open > .dropdown-menu, .overlay-content .open > .dropdown-menu {
  display: block;
}

.form-control-inline {
  background-color: transparent;
  font-size: 1.125rem;
  font-weight: 700;
}
.form-control-inline:not(:hover) {
  border-color: transparent;
}
.form-control-inline::placeholder {
  color: #a9afb5;
  font-style: italic;
}

.form-search .input-group {
  position: relative;
}
.form-search .input-group.advanced-search .search-query {
  padding-left: 40px;
  z-index: 0;
}
.form-search .input-group.advanced-search .toggle-advanced {
  cursor: pointer;
  left: 0;
  line-height: 1;
  padding: 8px 10px;
  position: absolute;
  top: 0;
}
.form-search .input-group.advanced-search .toggle-advanced .caret {
  margin-top: 7px;
}
.form-search .input-group.advanced-search .toggle-advanced .icon-search {
  font-size: 14px;
}
@media (max-width: 991.98px) {
  .form-search .input-group {
    width: 100%;
  }
  .form-search .input-group .btn {
    clip: rect(0, 0, 0, 0);
    left: -9999px;
    position: absolute;
  }
  .form-search .input-group input.search-query {
    width: 100%;
  }
}

.lfr-table {
  border-collapse: collapse;
  clear: both;
}
.lfr-table > tbody > tr > td,
.lfr-table > tbody > tr > th,
.lfr-table > thead > tr > td,
.lfr-table > thead > tr > th,
.lfr-table > tfoot > tr > td,
.lfr-table > tfoot > tr > th {
  padding: 0 5px;
  overflow-wrap: break-all;
  word-wrap: break-all;
}
.lfr-table > tbody > tr > td:first-child, .lfr-table > tbody > tr > td.first-child,
.lfr-table > tbody > tr > th:first-child,
.lfr-table > tbody > tr > th.first-child,
.lfr-table > thead > tr > td:first-child,
.lfr-table > thead > tr > td.first-child,
.lfr-table > thead > tr > th:first-child,
.lfr-table > thead > tr > th.first-child,
.lfr-table > tfoot > tr > td:first-child,
.lfr-table > tfoot > tr > td.first-child,
.lfr-table > tfoot > tr > th:first-child,
.lfr-table > tfoot > tr > th.first-child {
  padding-left: 0;
}
.lfr-table > tbody > tr > td:last-child, .lfr-table > tbody > tr > td.last-child,
.lfr-table > tbody > tr > th:last-child,
.lfr-table > tbody > tr > th.last-child,
.lfr-table > thead > tr > td:last-child,
.lfr-table > thead > tr > td.last-child,
.lfr-table > thead > tr > th:last-child,
.lfr-table > thead > tr > th.last-child,
.lfr-table > tfoot > tr > td:last-child,
.lfr-table > tfoot > tr > td.last-child,
.lfr-table > tfoot > tr > th:last-child,
.lfr-table > tfoot > tr > th.last-child {
  padding-right: 0;
}
.lfr-table > tbody > tr > th,
.lfr-table > thead > tr > th,
.lfr-table > tfoot > tr > th {
  font-weight: bold;
}

.lfr-pagination:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.lfr-pagination .dropdown-menu {
  display: none;
}
.lfr-pagination .dropdown-toggle .icon-caret-down {
  margin-left: 5px;
}
.lfr-pagination .lfr-pagination-controls {
  float: left;
}
.lfr-pagination .lfr-pagination-controls .search-results {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
  top: 10px;
}
.lfr-pagination .lfr-pagination-controls li .lfr-pagination-link {
  border-width: 0;
  clear: both;
  color: #333;
  display: block;
  font-weight: normal;
  line-height: 20px;
  padding: 3px 20px;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}
.lfr-pagination .lfr-pagination-delta-selector {
  float: left;
}
@media (max-width: 991.98px) {
  .lfr-pagination .lfr-pagination-delta-selector .lfr-icon-menu-text {
    display: none;
  }
}
.lfr-pagination .pagination-content {
  float: right;
}

.lfr-panel.lfr-extended {
  border: 1px solid transparent;
  border-color: #dedede #bfbfbf #bfbfbf #dedede;
}
.lfr-panel.lfr-extended.lfr-collapsible .lfr-panel-button {
  display: block;
}
.lfr-panel.lfr-extended.lfr-collapsed .lfr-panel-titlebar {
  border-bottom-width: 0;
}
.lfr-panel.panel-default .panel-heading {
  border-bottom-width: 0;
}
.lfr-panel .toggler-header {
  cursor: pointer;
}

.sidebar-sm .sheet-subtitle {
  font-size: 0.75rem;
  margin-bottom: 1rem;
}
.sidebar-sm .form-control[type=file] {
  padding: 0;
}
.sidebar-sm .article-content-description .input-localized.input-localized-editor .input-group-item .wrapper .form-control {
  min-height: auto;
  padding: 0.285rem 0.75rem;
}
.sidebar-sm .list-group-item-flex {
  padding: 0.5rem 0.25rem;
}
.sidebar-sm .list-group-item-flex .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.lfr-translation-manager {
  border-radius: 4px;
  display: inline-block;
  margin-top: 0.5em;
  min-height: 1.8em;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-default-locale {
  display: inline-block;
  width: auto;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu {
  float: none;
  padding: 0.4em 0;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li,
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li strong {
  display: inline;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-translations-message {
  margin: 10px 0;
}
.lfr-translation-manager .lfr-translation-manager-available-translations {
  white-space: normal;
}
.lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links {
  line-height: 1;
}
.lfr-translation-manager .lfr-translation-manager-translation {
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  margin: 0.2em;
  padding: 0.4em 0.3em 0.4em 0.5em;
  text-decoration: none;
}
.lfr-translation-manager .lfr-translation-manager-translation * {
  vertical-align: middle;
}
.lfr-translation-manager .lfr-translation-manager-translation img {
  margin-right: 0.3em;
}
.lfr-translation-manager .lfr-translation-manager-translation:hover {
  background-color: #d1e5ef;
}
.lfr-translation-manager .lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
  background-color: #598bec;
  border-color: #224fa8;
  color: #fff;
}
.lfr-translation-manager .lfr-translation-manager-change-default-locale {
  margin: 0 0.4em;
}
.lfr-translation-manager .lfr-translation-manager-delete-translation {
  display: inline-block;
  padding: 0 2px;
}
.lfr-translation-manager .lfr-translation-manager-delete-translation svg {
  pointer-events: none;
}

.lfr-tree a {
  text-decoration: none;
}
.lfr-tree li {
  margin-bottom: 2px;
  padding-left: 0;
}
.lfr-tree li ul li, .lfr-tree li.tree-item {
  padding-left: 0;
}
.lfr-tree li.tree-item {
  padding-left: 5px;
}
.lfr-tree li.tree-item li {
  padding-left: 20px;
}
.lfr-tree li.tree-item ul {
  margin-left: 0;
  margin-top: 5px;
}

.lfr-upload-container {
  margin-bottom: 1rem;
}
.lfr-upload-container .upload-target {
  border: 3px dashed #e5e7e9;
  margin-bottom: 1rem;
  min-height: 2rem;
  padding: 2rem 0;
  position: relative;
  text-align: center;
}
.upload-drop-intent .lfr-upload-container .upload-target {
  z-index: 100;
}
.upload-drop-active .lfr-upload-container .upload-target {
  background-color: #92e5a5;
  border-color: #69db83;
}
.lfr-upload-container .upload-target .drop-file-text {
  font-weight: normal;
}
.mobile .lfr-upload-container .upload-target .drop-file-text {
  display: none;
}
.lfr-upload-container .upload-target .small {
  display: block;
  margin: 5px 0;
  text-transform: lowercase;
}
.lfr-upload-container .manage-upload-target {
  padding-top: 5px;
  position: relative;
}
.lfr-upload-container .manage-upload-target .select-files {
  float: left;
  line-height: 0;
  margin: 0 1.125rem 1.125rem;
  padding: 0 0 0 5px;
}
.lfr-upload-container .cancel-uploads,
.lfr-upload-container .clear-uploads {
  background-repeat: no-repeat;
  float: right;
}
.lfr-upload-container .cancel-uploads {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAnFBMVEX////4YWP/dXjyS07/dXj9bXD6a234YWP4XWD2WVv2VFfsOTzoLzHmKSvkISP2VFf0TE/vREftPT/iHB72WVvvREf0TE//hon/gYX/fYD/e33/dXj/cXP9bXD/a236a23/Zmb4YWP4XWD/Wl32WVv/VVj2VFf3VFb0TE/yS072SUvvREfuQELtPT/sOTzrMzXoLzHnLC/mKSvkISPh2jkWAAAAF3RSTlMAESIiMzMzMzMzMzMzMzNERERERHd3qtw8lzkAAACOSURBVHjaZcjZDsIgEIXhcd+tu5YBKUixttS6vP+7OQKJTfxvTr4D7Tpxu/2w410SjDjwVvLQ805TPiRryfQeKM6OTI68K/BJPHGlJZJjSqSMofEOGXbJecsTgzkds58V5+J8refBU7Jx9yIrmkW0sA6gqbLyuaRjZZWtgXq58rEFan0jf3uTfRuIkf/7AO8DDcVPSSG3AAAAAElFTkSuQmCC);
  margin-right: 0;
}
.lfr-upload-container .clear-uploads {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAdVBMVEX///+6QwTEVx65RQPEVx3EWB64RQPDVxq5RAO5RAO5RQPATQ65RQO5RQO5RQPRczjJZCW9TQTLay28QgTdZAHhaAPmdyHqeQXrikDudgDvfxj0nWP1qHL2tY33tY34dgD+za7+1rj/dxH/fxj/hiH/kk3///9TM3sUAAAAFHRSTlMAbXd4eHh6gN3e3+Hi4+T5+/z8/mIsq5IAAABHSURBVBjTY2CgGWDlFuZhRuIz8cspyggxIgQ4ZFWVVCQ4EQLCCmpqalLCCAFeaWV5SVE+hAC7gJi4iCAbkqksXMK8bNRzNADCOQN++eLhCQAAAABJRU5ErkJggg==);
  padding-left: 16px;
}
.lfr-upload-container .upload-file.upload-complete.file-saved {
  padding-left: 25px;
}
.lfr-upload-container .upload-file .file-title {
  display: inline-block;
  max-width: 95%;
  overflow: hidden;
  padding-right: 16px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.lfr-upload-container .upload-file .icon-file {
  font-size: 40px;
}
.lfr-upload-container .upload-list-info {
  margin: 1em 0 0.5em;
}
.lfr-upload-container .upload-list-info .h4,
.lfr-upload-container .upload-list-info h4 {
  font-size: 1.3em;
}
.lfr-upload-container .cancel-button {
  color: #6c757d;
  margin-top: 1px;
  position: absolute;
  right: 5px;
  top: 50%;
  white-space: nowrap;
}
.lfr-upload-container .cancel-button .cancel-button-text {
  display: none;
  margin-left: 5px;
}
.lfr-upload-container .cancel-button:hover .cancel-button-text {
  display: inline;
}
.lfr-upload-container .cancel-button .lexicon-icon {
  height: 12px;
}
.lfr-upload-container .delete-button {
  color: #6c757d;
}
.lfr-upload-container .delete-button-col {
  padding-right: 10px;
}
.lfr-upload-container .file-added .success-message {
  float: right;
  font-weight: normal;
}
.lfr-upload-container .upload-error {
  opacity: 1;
  padding-left: 25px;
}
.lfr-upload-container .upload-complete .cancel-button,
.lfr-upload-container .delete-button,
.lfr-upload-container .upload-complete.file-saved .delete-button,
.lfr-upload-container .upload-complete.upload-error .delete-button {
  display: none;
}
.lfr-upload-container .multiple-files .upload-error {
  background: #f5c4c9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJPSURBVDjLpZPLS5RhFMYfv9QJlelTQZwRb2OKlKuINuHGLlBEBEOLxAu46oL0F0QQFdWizUCrWnjBaDHgThCMoiKkhUONTqmjmDp2GZ0UnWbmfc/ztrC+GbM2dXbv4ZzfeQ7vefKMMfifyP89IbevNNCYdkN2kawkCZKfSPZTOGTf6Y/m1uflKlC3LvsNTWArr9BT2LAf+W73dn5jHclIBFZyfYWU3or7T4K7AJmbl/yG7EtX1BQXNTVCYgtgbAEAYHlqYHlrsTEVQWr63RZFuqsfDAcdQPrGRR/JF5nKGm9xUxMyr0YBAEXXHgIANq/3ADQobD2J9fAkNiMTMSFb9z8ambMAQER3JC1XttkYGGZXoyZEGyTHRuBuPgBTUu7VSnUAgAUAWutOV2MjZGkehgYUA6O5A0AlkAyRnotiX3MLlFKduYCqAtuGXpyH0XQmOj+TIURt51OzURTYZdBKV2UBSsOIcRp/TVTT4ewK6idECAihtUKOArWcjq/B8tQ6UkUR31+OYXP4sTOdisivrkMyHodWejlXwcC38Fvs8dY5xaIId89VlJy7ACpCNCFCuOp8+BJ6A631gANQSg1mVmOxxGQYRW2nHMha4B5WA3chsv22T5/B13AIicWZmNZ6cMchTXUe81Okzz54pLi0uQWp+TmkZqMwxsBV74Or3od4OISPr0e3SHa3PX0f3HXKofNH/UIG9pZ5PeUth+CyS2EMkEqs4fPEOBJLsyske48/+xD8oxcAYPzs4QaS7RR2kbLTTOTQieczfzfTv8QPldGvTGoF6/8AAAAASUVORK5CYII=) no-repeat 5px 5px;
  border-color: #bd2130;
  color: #bd2130;
  font-weight: normal;
  margin-bottom: 16px;
  padding: 8px 8px 8px 24px;
}
.lfr-upload-container .multiple-files .upload-error .error-message {
  display: block;
}
.lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .card-body,
.lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .card-body {
  padding-left: 1rem;
}
.lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .custom-control-label,
.lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .custom-control-label {
  display: none;
}
.lfr-upload-container .single-file .upload-error {
  list-style: none;
  margin-top: 1em;
}
.lfr-upload-container .single-file .upload-error .upload-error-message {
  margin-bottom: 0.5em;
}
.lfr-upload-container .upload-complete {
  padding-left: 5px;
}
.lfr-upload-container .upload-complete .error-message,
.lfr-upload-container .upload-complete .success-message {
  font-weight: bold;
  margin-left: 1em;
}
.lfr-upload-container .upload-complete .delete-button {
  display: inline-block;
}
.lfr-upload-container .upload-complete .select-file:disabled + .custom-control-label {
  display: none;
}
.lfr-upload-container .progress {
  display: none;
  margin-top: 0.5rem;
}
.lfr-upload-container .file-uploading .progress {
  display: flex;
}

.lfr-alert-container {
  left: 0;
  position: absolute;
  right: auto;
  top: auto;
  width: 100%;
  z-index: 430;
}
.lfr-alert-container.inline-alert-container {
  position: relative;
}
.lfr-alert-container.inline-alert-container .lfr-alert-wrapper {
  padding: 0;
}
.lfr-alert-container .lfr-alert-wrapper {
  margin-bottom: 5px;
  overflow: hidden;
}

.lfr-search-container td .overlay.entry-action {
  position: static;
}
.lfr-search-container td .overlay.entry-action .btn a {
  display: block;
  padding: 4px 12px;
}

.contextual-sidebar {
  height: calc(
		100vh - var(--control-menu-container-height) - 49px
	);
  pointer-events: none;
  position: fixed;
  right: 0;
  top: calc(var(--control-menu-container-height) + 49px);
  transform: translateX(100%);
  transition: transform ease 0.5s;
  visibility: hidden;
  width: 320px;
  will-change: transform;
}
.contextual-sidebar.contextual-sidebar-visible {
  pointer-events: auto;
  transform: translateX(0);
  visibility: visible;
}

@media (min-width: 768px) {
  .contextual-sidebar {
    height: calc(
			100vh - var(--control-menu-container-height) - 64px
		);
    top: calc(
			var(--control-menu-container-height) + 64px
		);
  }
  .contextual-sidebar-content {
    transition: padding ease 0.5s;
    will-change: padding;
  }
  .contextual-sidebar-visible .contextual-sidebar-content,
  .contextual-sidebar-visible + .contextual-sidebar-content {
    padding-right: 320px;
  }
}
.taglib-diff-html div.diff-removed-image {
  background: #fdc6c6 url(../images/diff/minus.png);
}
.taglib-diff-html div.diff-added-image {
  background: #cfc url(../images/diff/plus.png) no-repeat;
}
.taglib-diff-html div.diff-removed-image, .taglib-diff-html div.diff-added-image {
  height: 300px;
  margin: 2px;
  opacity: 0.55;
  position: absolute;
  width: 200px;
}
.taglib-diff-html span.diff-html-added {
  background-color: #cfc;
  font-size: 1em;
}
.taglib-diff-html span.diff-html-added img {
  border: 2px solid #cfc;
}
.taglib-diff-html span.diff-html-changed {
  background: url(../images/diff/underline.png) bottom repeat-x;
}
.taglib-diff-html span.diff-html-changed img {
  border: 2px dotted #009;
}
.taglib-diff-html span.diff-html-removed {
  background-color: #fdc6c6;
  font-size: 1em;
  text-decoration: line-through;
}
.taglib-diff-html span.diff-html-removed img {
  border: 2px solid #fdc6c6;
}

.taglib-discussion {
  font-size: 0.875rem;
  margin-top: 1rem;
}
.taglib-discussion .actions-menu .component-action {
  display: inline-flex;
}
.taglib-discussion .button-holder {
  margin: 1rem 0;
}
.taglib-discussion .comment-container {
  margin-bottom: 1.5rem;
}
.taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder {
  border-left-color: #dbdde1;
}
.taglib-discussion .lfr-discussion-body {
  font-size: 1rem;
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-body {
    padding-left: 3.5rem;
  }
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-details .taglib-user-display {
    word-wrap: break-word;
  }
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name {
  font-weight: bold;
  text-decoration: none;
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover {
  text-decoration: underline;
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar {
  background-size: 50px;
}
.taglib-discussion .lfr-discussion-container {
  border-bottom: 1px solid #e7e7ed;
  margin-bottom: 1.5rem;
}
.taglib-discussion .lfr-discussion-container:first-of-type {
  border-top: 1px solid #e7e7ed;
  padding-top: 1.5rem;
}
.taglib-discussion .lfr-discussion-container:last-of-type {
  border-bottom: 0;
}
.taglib-discussion .lfr-discussion-container .lfr-discussion {
  padding-left: 1rem;
}
.taglib-discussion .lfr-discussion-container .lfr-discussion .lfr-discussion .lfr-discussion .lfr-discussion {
  padding-left: 0;
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-container .lfr-discussion {
    padding-left: 3.5rem;
  }
}
.taglib-discussion .lfr-discussion-parent-link {
  color: #67678c;
  font-weight: 600;
  margin-left: 1em;
}
@media (max-width: 767.98px) {
  .taglib-discussion .lfr-discussion-parent-link {
    display: block;
    margin-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.taglib-discussion .lfr-discussion-controls .autofit-col:first-of-type > .btn-outline-borderless {
  margin-left: -0.75rem;
}
.taglib-discussion .lfr-discussion-more-comments {
  border-top: 1px solid #e7e7ed;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  text-align: center;
}
.taglib-discussion .username {
  color: #272833;
  font-weight: 600;
}
.taglib-discussion .taglib-workflow-status {
  margin-left: 0.5rem;
}
.taglib-discussion .workflow-value {
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .taglib-discussion .actions-menu {
    display: none;
  }
  .taglib-discussion .comment-container:hover .actions-menu,
  .taglib-discussion .actions-menu:focus,
  .taglib-discussion .actions-menu.open {
    display: inline-block;
  }
}

.drop-zone {
  min-height: 80px;
  padding: 20px;
  text-align: center;
}
.drop-zone.drop-enabled {
  outline: 2px dashed transparent;
}
.drop-zone.drop-enabled:not(.no-border) {
  outline-color: rgba(176, 180, 187, 0.5);
}
.drop-zone p {
  margin: 10px auto 0;
  max-width: 75%;
}

.drop-here-info {
  font-size: 25px;
  height: 100%;
  left: 0;
  min-height: 100px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  visibility: hidden;
  width: 100%;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info {
    transition: none;
  }
}
.drop-here-info {
  transition: none;
}

.drop-here-info .drop-here-indicator {
  height: 115px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.drop-here-info .drop-icons {
  display: inline-block;
  position: relative;
  width: 160px;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons {
    transition: none;
  }
}
.drop-here-info .drop-icons {
  transition: none;
}

.drop-here-info .drop-icons span {
  border-radius: 3px;
  position: absolute;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons span {
    transition: none;
  }
}
.drop-here-info .drop-icons span {
  transition: none;
}

.drop-here-info .drop-icons span:nth-of-type(1) {
  box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08);
  height: 60px;
  left: 0;
  line-height: 60px;
  opacity: 0;
  top: 10px;
  transform: rotate(25deg);
  width: 60px;
}
.drop-here-info .drop-icons span:nth-of-type(2) {
  background: #00c2ff;
  color: #fff;
  height: 80px;
  left: 40px;
  line-height: 80px;
  width: 80px;
  z-index: 2;
}
.drop-here-info .drop-icons span:nth-of-type(3) {
  box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08);
  display: block;
  font-size: 45px;
  height: 70px;
  left: 90px;
  line-height: 70px;
  opacity: 0;
  position: relative;
  top: 8px;
  transform: rotate(-25deg);
  width: 70px;
  z-index: 1;
}
.drop-here-info .drop-icons span:nth-of-type(1), .drop-here-info .drop-icons span:nth-of-type(3) {
  background: #e8e6e8;
  color: #a5a6ac;
}
.drop-here-info .drop-text {
  color: #fff;
  display: block;
  font-size: 20px;
  margin-left: 0;
  margin-top: 20px;
}
.drop-active .drop-here-info {
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
.drop-active .drop-here-info .drop-icons span:nth-of-type(1), .drop-active .drop-here-info .drop-icons span:nth-of-type(3) {
  opacity: 1;
}
.drop-active .drop-here-info span:nth-of-type(1) {
  transform: rotate(-20deg);
}
.drop-active .drop-here-info span:nth-of-type(2) {
  transform: scale(1);
}
.drop-active .drop-here-info span:nth-of-type(3) {
  transform: rotate(15deg);
}

.taglib-empty-result-message.sheet {
  margin-bottom: 24px;
}
.taglib-empty-result-message .taglib-empty-result-message-description {
  color: #6c757d;
  margin-top: 8px;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn,
.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: auto;
  margin-right: auto;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  max-width: 200px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  background-image: url(/o/ybs-theme/images/states/empty_state.svg);
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-empty-result-message-header,
  .taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
    background-image: url(/o/ybs-theme/images/states/empty_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-result-message-header,
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  background-image: url(/o/ybs-theme/images/states/empty_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-image: url(/o/ybs-theme/images/states/search_state.svg);
  max-width: 210px;
  padding-top: 232px;
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-empty-search-result-message-header {
    background-image: url(/o/ybs-theme/images/states/search_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-image: url(/o/ybs-theme/images/states/search_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-empty-state {
  background-image: url(/o/ybs-theme/images/states/empty_state.svg);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-empty-state {
    background-image: url(/o/ybs-theme/images/states/empty_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-state {
  background-image: url(/o/ybs-theme/images/states/empty_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-success-state {
  background-image: url(/o/ybs-theme/images/states/success_state.svg);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-success-state {
    background-image: url(/o/ybs-theme/images/states/success_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-success-state {
  background-image: url(/o/ybs-theme/images/states/success_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-search-state {
  background-image: url(/o/ybs-theme/images/states/search_state.svg);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-search-state {
    background-image: url(/o/ybs-theme/images/states/search_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-search-state {
  background-image: url(/o/ybs-theme/images/states/search_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-empty-result-message-title {
  font-size: 1rem;
  margin-top: 48px;
}
.taglib-empty-result-message .taglib-empty-result-message-description {
  font-size: 0.875rem;
}
.taglib-empty-result-message .taglib-empty-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-search-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-success-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-search-state + .taglib-empty-result-message-title {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}
.taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-description, .taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-actions {
  font-size: 1rem;
  text-align: center;
}

.field-wrapper.form-inline .control-label {
  display: inline-block;
}

.field-wrapper-html .input-localized .input-group-item {
  flex-wrap: nowrap;
}

.taglib-header {
  border-bottom: 1px solid #c8c9ca;
  color: #555;
  margin-bottom: 1em;
  padding-bottom: 10px;
}
.taglib-header .header-title {
  display: inline-block;
  margin: 0.1em;
  max-width: 100%;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: normal;
}
.taglib-header .header-back-to {
  display: inline-block;
  vertical-align: middle;
}
.taglib-header .header-back-to a {
  display: block;
  font-weight: bold;
  padding: 0 0.3em 0 0;
  text-decoration: none;
}

.taglib-icon {
  text-decoration: none;
}
.taglib-icon:not(.btn):hover .taglib-text, .taglib-icon:not(.btn):focus .taglib-text {
  text-decoration: underline;
}
.taglib-icon[lang] > img {
  vertical-align: baseline;
  width: 16px;
}

.taglib-icon-help {
  color: #6c757d !important;
}
.taglib-icon-help:hover, .taglib-icon-help:active {
  color: #343a40 !important;
}

.icon-monospaced {
  color: inherit;
  display: inline-block;
  height: 2rem;
  line-height: 34px;
  text-align: center;
  width: 2rem;
}
.icon-monospaced.lexicon-icon {
  padding: 8px;
}

.taglib-icon-list li {
  float: left;
  margin-right: 1em;
}
.taglib-icon-list:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.lfr-icon-menu .lfr-icon-menu-icon {
  max-width: none;
}
@media (max-width: 767.98px) {
  .table-cell.last .lfr-icon-menu .dropdown-toggle {
    text-align: center;
  }
  .table-cell.last .lfr-icon-menu .dropdown-toggle > img,
  .table-cell.last .lfr-icon-menu .dropdown-toggle .lfr-icon-menu-text {
    display: none;
  }
}

.lfr-menu-list {
  float: none;
  overflow-y: auto;
  position: relative;
}
.lfr-menu-list.direction-right {
  margin: 0 2px;
}
.lfr-menu-list.dropdown-menu {
  float: none;
  position: relative;
}
@media (max-width: 991.98px) {
  .lfr-menu-list.dropdown-menu > li > a {
    font-size: 22px;
    line-height: 40px;
    white-space: normal;
  }
  .lfr-menu-list.dropdown-menu > li > a img {
    margin-bottom: 3px;
  }
}
.lfr-menu-list.dropdown-menu .search-panel {
  margin-bottom: 0;
}
.lfr-menu-list.dropdown-menu .search-panel .form-group {
  margin: 0 16px;
}
.lfr-menu-list.dropdown-menu .search-panel .menu-item-filter {
  width: auto;
}
body > .lfr-menu-list ul {
  border-radius: 4px;
}

.lfr-icon-menu-open:after {
  clear: both;
  content: "";
  display: table;
}
.lfr-icon-menu-open .dropdown-menu {
  position: static;
}

.input-localized.input-localized-editor .form-control {
  border-width: 0;
  height: 100%;
  padding: 0;
}
.input-localized .input-group-item {
  flex-direction: column;
}
.input-localized .input-localized-content {
  margin-left: 6px;
}
.input-group .input-localized .input-localized-content {
  margin-top: 3px;
}
.input-localized .lfr-input-localized .lfr-input-localized-state {
  background-color: #ddd;
}
.input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
  background-color: #ff0047;
}
.input-localized .lfr-input-localized-default a {
  margin-right: 14px;
}
.input-localized .lfr-input-localized-state {
  height: 4px;
  margin: 3px 5px;
  width: 4px;
}
.input-localized .palette-item-inner .lfr-input-localized-flag {
  font-size: 16px;
  opacity: 0.5;
}
.input-localized .palette-item,
.input-localized .palette-item-hover,
.input-localized .palette-item-hover .palette-item-inner {
  border-color: transparent;
}
.input-localized .palette-item-inner {
  border-color: #666;
  display: block;
  height: 16px;
  width: 16px;
}
.input-localized .palette-item-selected .lfr-input-localized-state {
  background: #27c1f2;
}

.input-localized-palette-container .palette-items-container {
  font-size: 0;
  margin: 0;
  white-space: normal;
}
.input-localized-palette-container .palette-item {
  border-width: 0;
  padding: 0.5rem 1.25rem;
}
.input-localized-palette-container .palette-item-inner {
  border: 1px solid;
  margin-right: 4px;
  width: 16px;
}
.input-localized-palette-container .palette-item-inner img {
  display: block;
}

.taglib-move-boxes {
  margin-bottom: 1em;
}
.taglib-move-boxes label {
  border-bottom: 1px solid transparent;
  display: block;
  margin-bottom: 5px;
  padding: 5px;
}
.taglib-move-boxes .toolbar {
  text-align: center;
}
.taglib-move-boxes .arrow-button img {
  border-width: 0;
  height: 16px;
  width: 16px;
}
.taglib-move-boxes .choice-selector {
  width: 100%;
}
.taglib-move-boxes .choice-selector label {
  background: #ebf1f9;
  border-bottom-color: #8db2f3;
}
.taglib-move-boxes .field-content {
  margin-bottom: 0;
}
.taglib-move-boxes .move-arrow-buttons {
  margin-top: 5em;
}
.taglib-move-boxes .move-arrow-buttons .arrow-button {
  display: block;
}
.taglib-move-boxes .sortable-container {
  margin-top: 10px;
}
.taglib-move-boxes .sortable-container .btn.edit-selection {
  margin-bottom: 10px;
}
.taglib-move-boxes .sortable-container .move-option {
  background-color: transparent;
  border-top: 1px solid #ddd;
  display: none;
  margin: 2px 0;
  padding: 2px;
  position: relative;
}
.taglib-move-boxes .sortable-container .move-option.selected {
  display: block;
}
.taglib-move-boxes .sortable-container .move-option.move-option-dragging {
  background-color: #fafafa;
}
.taglib-move-boxes .sortable-container .move-option .checkbox,
.taglib-move-boxes .sortable-container .move-option .handle {
  position: absolute;
}
.taglib-move-boxes .sortable-container .move-option .checkbox {
  display: none;
  margin: 7px 0 0 5px;
}
.taglib-move-boxes .sortable-container .move-option .handle {
  color: #999;
  cursor: pointer;
  font-size: 1.5em;
  padding: 6px;
}
.taglib-move-boxes .sortable-container .move-option .title {
  font-size: 1.2em;
  margin: 1px 0 1px 30px;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option {
  display: block;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option .checkbox {
  display: inline-block;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option .handle {
  display: none;
}
.mobile .taglib-move-boxes .selector-container {
  display: none;
}

.item-selector .card-row > .autofit-col-expand {
  padding-top: 4px;
}
.item-selector .drop-zone {
  background-color: #f1f2f5;
  margin-top: 1rem;
}
.item-selector .input-file {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1;
}
.item-selector .input-file + label {
  position: relative;
}
.item-selector .input-file + label::before {
  border-radius: 4px;
  bottom: -2px;
  content: "";
  display: block;
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
  transition: box-shadow 0.15s ease-in-out;
}
.item-selector .input-file:focus + label::before {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #75b8ff;
}
.item-selector .item-selector-list-row:hover {
  background-color: #e5f2ff;
  cursor: pointer;
}

.lfr-map {
  border: 1px solid #ccc;
  min-height: 400px;
  width: 100%;
}
.lfr-map .home-button {
  margin: 5px;
}
@media (max-width: 575.98px) {
  .lfr-map .home-button {
    height: 35px;
    width: 45px;
  }
}
.lfr-map .search-controls {
  font-size: 15px;
  margin-top: 5px;
  width: 100%;
}
@media (min-width: 576px) {
  .lfr-map .search-controls {
    width: 50%;
  }
}
.lfr-map .search-controls .search-input {
  width: 100%;
}

.navbar .navbar-collapse {
  max-height: none;
}
.navbar .navbar-collapse:after, .navbar .navbar-collapse:before {
  display: inline;
}
@media (max-width: 767.98px) {
  .navbar .navbar-search {
    background-color: #f3f3f3;
    border-top-width: 0;
    width: 100%;
  }
}
.navbar .navbar-search .form-search {
  margin: 8px 0;
}
@media (min-width: 768px) {
  .navbar .navbar-search .form-search {
    float: right;
    max-width: 275px;
  }
}
@media (max-width: 767.98px) {
  .navbar .navbar-search .form-search .input-group {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .navbar .container .navbar-btn, .navbar .ybs .main-header__group .navbar-btn, .ybs .navbar .main-header__group .navbar-btn, .navbar .ybs .saving-tips .saving-tips__breadcrumb .navbar-btn, .ybs .saving-tips .navbar .saving-tips__breadcrumb .navbar-btn,
  .navbar .container-fluid .navbar-btn {
    margin-bottom: 5px;
    width: 45px;
  }
  .navbar .container .navbar-collapse.open, .navbar .ybs .main-header__group .navbar-collapse.open, .ybs .navbar .main-header__group .navbar-collapse.open, .navbar .ybs .saving-tips .saving-tips__breadcrumb .navbar-collapse.open, .ybs .saving-tips .navbar .saving-tips__breadcrumb .navbar-collapse.open,
  .navbar .container-fluid .navbar-collapse.open {
    border-width: 0;
    display: block;
    height: auto;
    overflow: visible;
  }
}

.taglib-portlet-preview.show-borders {
  border: 1px solid #828f95;
  margin-bottom: 1em;
  padding: 3px 3px 1em;
}
.taglib-portlet-preview.show-borders .title {
  background-color: #d3dadd;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0.5em;
}
.taglib-portlet-preview .preview {
  margin: 1em;
  min-height: 90px;
}

.lfr-search-container .entry-action {
  width: 1px;
}
.lfr-search-container .entry-action .taglib-icon {
  white-space: nowrap;
}

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column {
  position: relative;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive {
    margin-left: 375px;
    width: auto;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table {
  position: static;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header {
  left: 12px;
  position: fixed;
  right: 12px;
  top: -1px;
  z-index: 1020;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th {
  display: block;
  padding: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
  overflow-x: hidden;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
    margin-left: 375px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table {
  border-collapse: collapse;
  width: 100%;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table th {
  border-radius: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td,
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  width: auto;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td:first-child,
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th:first-child {
    left: 0;
    position: absolute;
    right: 15px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  height: auto;
}
.lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link) {
  color: #495057;
  font-weight: 500;
  text-decoration: underline;
}
.lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link):focus, .lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link):hover {
  color: #000;
}
.lfr-search-container-wrapper .dropdown-action .dropdown-toggle {
  color: #6c757d;
}
.lfr-search-container-wrapper .dropdown-action .dropdown-toggle:hover {
  color: #343a40;
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle {
  color: #6c757d;
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:active, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:focus, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:hover {
  background-color: #f7f8f9;
  border-radius: 4px;
  color: #343a40;
}
.lfr-search-container-wrapper .lfr-search-container-list .list-group:last-child .list-group-item:nth-last-child(2) {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.lfr-search-container-wrapper .lfr-search-container-list + .taglib-search-iterator-page-iterator-bottom {
  margin-top: 20px;
}
.lfr-search-container-wrapper .list-group {
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group + .list-group .list-group-header:first-child,
.lfr-search-container-wrapper .list-group + .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item .h4,
.lfr-search-container-wrapper .list-group .list-group-item h4 {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item h5,
.lfr-search-container-wrapper .list-group .list-group-item h6,
.lfr-search-container-wrapper .list-group .list-group-item .h5,
.lfr-search-container-wrapper .list-group .list-group-item .h6 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item span + h2.h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .list-group .list-group-item h6 + h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:first-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:first-child {
  border-bottom-left-radius: 0.25rem;
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:last-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:last-child {
  border-bottom-right-radius: 0.25rem;
}

.user-info {
  display: flex;
}
.user-info .sticker {
  align-self: center;
}
.user-info .user-details {
  margin-left: 1rem;
}
.user-info .user-name {
  color: #343a40;
  font-weight: 600;
}
.user-info .date-info {
  color: #6c757d;
}

.user-status-tooltip .user-status-avatar {
  float: left;
  margin-right: 5px;
}
.user-status-tooltip .user-status-avatar .user-status-avatar-image {
  width: 27px;
}
.user-status-tooltip .user-status-info {
  display: inline-block;
  overflow: hidden;
}
.user-status-tooltip .user-status-info .user-status-date {
  font-size: 11px;
}

.lfr-search-container {
  margin-top: 1.5em;
  overflow: auto;
}
@media (max-width: 767.98px) {
  .lfr-search-container .selector-button {
    width: auto;
  }
}
.touch .lfr-search-container {
  -webkit-overflow-scrolling: touch;
}
.touch .lfr-search-container .searchcontainer-content .table {
  max-width: none;
}

.taglib-page-iterator {
  clear: both;
  height: auto;
  width: auto;
}
.taglib-page-iterator .lfr-pagination-buttons {
  float: right;
  margin: 0;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-buttons {
    width: 100%;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .taglib-page-iterator .lfr-pagination-buttons {
    float: none;
    margin-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-buttons > li {
    display: inline-block;
    width: 50%;
  }
  .taglib-page-iterator .lfr-pagination-buttons > li.first, .taglib-page-iterator .lfr-pagination-buttons > li.last {
    display: none;
  }
  .taglib-page-iterator .lfr-pagination-buttons > li > a {
    line-height: 20px;
    padding: 11px 19px;
  }
}
.taglib-page-iterator .lfr-pagination-config {
  float: left;
  line-height: 46px;
}
@media (max-width: 767.98px) {
  .taglib-page-iterator .lfr-pagination-config {
    float: none;
  }
  .taglib-page-iterator .lfr-pagination-config .current-page-menu {
    display: block;
  }
  .taglib-page-iterator .lfr-pagination-config .current-page-menu .btn {
    display: block;
  }
}
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector,
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-page-selector {
  display: inline;
}
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
  float: none;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
    display: none;
  }
}
.taglib-page-iterator .search-results {
  float: left;
  line-height: 46px;
  margin-left: 10px;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .search-results {
    display: none;
  }
}

.taglib-search-toggle .form-search {
  position: relative;
}
.taglib-search-toggle .form-search .input-group-btn {
  position: absolute;
}
@media (min-width: 992px) {
  .taglib-search-toggle .form-search .input-group-btn {
    position: static;
  }
}
.taglib-search-toggle .toggle-advanced {
  color: inherit;
  margin-left: 10px;
  position: absolute;
  top: 8px;
}
.taglib-search-toggle .toggle-advanced, .taglib-search-toggle .toggle-advanced:hover, .taglib-search-toggle .toggle-advanced:focus {
  text-decoration: none;
}

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  background-color: #fcfcfc;
  border: solid #ddd;
  border-width: 0 1px 1px;
  margin-top: 0;
  padding: 15px 15px 0;
}
.navbar-search .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  border-width: 1px 0 0;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content {
  position: relative;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields {
  margin-bottom: 0;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend {
  color: #999;
  font-size: 13px;
}
.taglib-search-toggle-advanced-wrapper .btn.close {
  margin-right: 5px;
  position: relative;
  z-index: 1;
}

.taglib-user-display {
  padding: 0.5em;
}
.taglib-user-display .avatar {
  background: no-repeat center;
  background-size: 60px;
  display: block;
  height: 60px;
  margin: 0 auto;
  width: 60px;
}
.taglib-user-display .avatar.author:after {
  background: rgba(50, 168, 230, 0.5);
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}
.taglib-user-display .user-details {
  margin-top: 1em;
}
.taglib-user-display .user-name {
  font-size: 1.1em;
  font-weight: bold;
}
.taglib-user-display a .user-name {
  text-decoration: underline;
}
.taglib-user-display.display-style-1 .user-profile-image {
  float: left;
  margin-right: 24px;
}
.taglib-user-display.display-style-1 .user-name {
  display: inline-block;
  margin-top: 10px;
}
.taglib-user-display.display-style-1 .user-details {
  margin-top: 0;
}
.taglib-user-display.display-style-2 .user-profile-image,
.taglib-user-display.display-style-2 .user-name {
  clear: both;
  display: block;
  min-height: 20px;
  text-align: center;
}
.taglib-user-display.display-style-3 {
  padding: 0;
}
.taglib-user-display.display-style-3 .user-profile-image {
  display: inline-block;
  vertical-align: middle;
}

.taglib-workflow-status .workflow-id,
.taglib-workflow-status .workflow-version,
.taglib-workflow-status .workflow-status {
  color: #999;
}
.table-cell .taglib-workflow-status {
  margin: 0;
}
.table-cell .taglib-workflow-status .workflow-status {
  padding-left: 0;
}

.lfr-autocomplete-input-list .yui3-aclist-list {
  margin: 0;
}

.portal-popup .sheet > .lfr-nav {
  margin-top: -24px;
}
.portal-popup .contacts-portlet .portlet-configuration-container .form {
  position: static;
}
.portal-popup .lfr-form-content {
  padding: 24px 12px;
}
.portal-popup .portlet-body,
.portal-popup .portlet-boundary,
.portal-popup .portlet-column,
.portal-popup .portlet-layout {
  height: 100%;
}
.portal-popup .portlet-column {
  position: static;
}
.portal-popup .dialog-body > .container-fluid-max-xl,
.portal-popup .dialog-body .container-view,
.portal-popup .export-dialog-tree > .container-fluid-max-xl,
.portal-popup .export-dialog-tree .container-view,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader .container-view,
.portal-popup .lfr-form-content > .container-fluid-max-xl,
.portal-popup .lfr-form-content .container-view,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content .container-view,
.portal-popup .process-list > .container-fluid-max-xl,
.portal-popup .process-list .container-view,
.portal-popup .roles-selector-body > .container-fluid-max-xl,
.portal-popup .roles-selector-body .container-view {
  padding-top: 20px;
}
.portal-popup .dialog-body > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .dialog-body .container-view .nav-tabs-underline,
.portal-popup .export-dialog-tree > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .export-dialog-tree .container-view .nav-tabs-underline,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline,
.portal-popup .lfr-form-content > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .lfr-form-content .container-view .nav-tabs-underline,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .portlet-configuration-body-content .container-view .nav-tabs-underline,
.portal-popup .process-list > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .process-list .container-view .nav-tabs-underline,
.portal-popup .roles-selector-body > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .roles-selector-body .container-view .nav-tabs-underline {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -20px;
}
.portal-popup .dialog-body > .lfr-nav + .container-fluid-max-xl,
.portal-popup .export-dialog-tree > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-form-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .process-list > .lfr-nav + .container-fluid-max-xl,
.portal-popup .roles-selector-body > .lfr-nav + .container-fluid-max-xl {
  padding-top: 0;
}
.portal-popup .login-container {
  padding: 1rem;
}
.portal-popup .navbar ~ .portlet-configuration-setup,
.portal-popup .portlet-export-import-container {
  height: calc(100% - 48px);
  position: relative;
}
@media (min-width: 576px) {
  .portal-popup .navbar ~ .portlet-configuration-setup,
  .portal-popup .portlet-export-import-container {
    height: calc(100% - 48px);
  }
}
.portal-popup .panel-group .panel {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
}
.portal-popup .panel-group .panel + .panel {
  border-top-width: 0;
  margin-top: 0;
}
.portal-popup .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.portal-popup .portlet-configuration-setup .lfr-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 3px;
  padding-right: 3px;
}
@media (min-width: 576px) {
  .portal-popup .portlet-configuration-setup .lfr-nav {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.portal-popup .lfr-dynamic-uploader,
.portal-popup .process-list {
  bottom: 0;
  display: block;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 48px;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 576px) {
  .portal-popup .lfr-dynamic-uploader,
  .portal-popup .process-list {
    top: 48px;
  }
}
.portal-popup .portlet-export-import-publish-processes {
  top: 0;
}
.portal-popup .dialog-footer {
  background-color: #fff;
  border-top: 1px solid #dee2e6;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  margin: 0;
  padding: 10px 24px;
  width: 100%;
  z-index: 1020;
}
@media (min-width: 768px) {
  .portal-popup .dialog-footer {
    position: fixed;
  }
}
.portal-popup .dialog-footer .btn {
  margin-left: 1rem;
  margin-right: 0;
}
.portal-popup .dialog-footer.dialog-footer-not-reverse {
  flex-direction: initial;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .portal-popup .dialog-body:not(:last-child),
  .portal-popup .lfr-dynamic-uploader:not(:last-child),
  .portal-popup .lfr-form-content:not(:last-child),
  .portal-popup .portlet-configuration-body-content:not(:last-child),
  .portal-popup .roles-selector-body:not(:last-child) {
    padding-bottom: 60px;
  }
}
.portal-popup .lfr-dynamic-uploader {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.portal-popup .lfr-dynamic-uploader.hide-dialog-footer {
  bottom: 0;
}
.portal-popup .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer {
  display: none;
}
.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content > form {
  flex-grow: 1;
  max-width: none;
  overflow: auto;
}
.portal-popup .portlet-configuration-edit-templates .portlet-configuration-body-content {
  bottom: 0;
}
.portal-popup:not(.article-preview) #main-content,
.portal-popup:not(.article-preview) #wrapper {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
}
@media print {
  .portal-popup:not(.article-preview) #main-content,
  .portal-popup:not(.article-preview) #wrapper {
    position: initial;
  }
}
.portal-popup .columns-max > .portlet-layout.row {
  margin-left: 0;
  margin-right: 0;
}
.portal-popup .columns-max > .portlet-layout.row > .portlet-column {
  padding-left: 0;
  padding-right: 0;
}

html:not(#__):not(#___) .portlet-layout.dragging {
  border-collapse: separate;
}
html:not(#__):not(#___) .drop-area {
  background-color: #d3dadd;
}
html:not(#__):not(#___) .active-area {
  background: #ffc;
}
html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
}
html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}
html:not(#__):not(#___) .sortable-layout-proxy {
  opacity: 1;
}
html:not(#__):not(#___) .sortable-layout-proxy .portlet-topper {
  background-image: none;
}
html:not(#__):not(#___) .proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}
html:not(#__):not(#___) .proxy.generic-portlet {
  height: 200px;
  width: 300px;
}
html:not(#__):not(#___) .proxy.generic-portlet .portlet-title {
  padding: 10px;
}
html:not(#__):not(#___) .proxy.not-intersecting .forbidden-action {
  background: url(../images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}
html:not(#__):not(#___) .resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}
html:not(#__):not(#___) .sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}
html:not(#__):not(#___) .sortable-layout-drag-target-indicator {
  margin: 2px 0;
}
html:not(#__):not(#___) .yui3-dd-proxy {
  z-index: 1110 !important;
}

.portlet-layout.dragging {
  border-collapse: separate;
}

.drop-area {
  background-color: #d3dadd;
}

.active-area {
  background: #ffc;
}

.portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
  transform: scale(0.8);
  transition: transform 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .portlet-boundary.yui3-dd-dragging {
    transition: none;
  }
}
.c-prefers-reduced-motion .portlet-boundary.yui3-dd-dragging {
  transition: none;
}
.portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}

.sortable-layout-proxy {
  opacity: 1;
}
.sortable-layout-proxy .portlet-topper {
  background-image: none;
}

.proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}
.proxy.generic-portlet {
  height: 200px;
  width: 300px;
}
.proxy.generic-portlet .portlet-title {
  padding: 10px;
}
.proxy.not-intersecting .forbidden-action {
  background: url(../images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}

.resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}

.sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}

.sortable-layout-drag-target-indicator {
  margin: 2px 0;
}

.yui3-dd-proxy {
  z-index: 1110 !important;
}

.portlet-column-content.empty {
  padding: 50px;
}

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content {
  padding: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input {
  margin-bottom: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label {
  display: none;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content {
  display: inline-block;
  vertical-align: bottom;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group {
  margin-top: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn {
  display: inline-block;
  float: none;
  margin-top: 0;
  width: auto;
}

.lfr-source-editor {
  border: solid 0 #ccc;
  border-bottom-width: 2px;
  position: relative;
}
.lfr-source-editor .ace_editor {
  height: 100%;
}
.lfr-source-editor .lfr-source-editor-toolbar li > .btn {
  background-color: #fff;
  border: transparent;
  color: #717383;
  outline: 0;
}
.lfr-source-editor .lfr-source-editor-code {
  background-color: #fff;
  color: #2b4259;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter {
  background-color: #ededef;
  color: #868896;
  overflow: hidden;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
  font-family: fontawesome-alloy;
  text-align: center;
  vertical-align: middle;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
  content: "▾";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
  content: "▸";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
  color: #fff;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #717383;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
  border-right: solid 1px #ccc;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #ededef;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
  color: #34adab;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
  color: #1d5ec7;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
  color: #ff6c58;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
  color: #f00;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code {
  background-color: #47474f;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
  background: #54555e;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #009aed;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #11394e;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
  color: #4d91ff;
}

.lfr-fullscreen-source-editor {
  height: 100%;
  overflow: hidden;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-header {
  height: 40px;
  margin-right: 4px;
  margin-top: 4px;
  min-height: 40px;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content {
  height: 95%;
  position: relative;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter {
  border: 1px solid #ccc;
  position: absolute;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .preview-panel {
  display: inline-block;
  overflow-y: auto;
  padding-left: 20px;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .source-panel {
  display: inline-block;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .source-panel,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .preview-panel {
  height: 100%;
  width: 50%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .panel-splitter {
  height: 100%;
  left: 50%;
  top: 0;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .source-panel,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .preview-panel {
  height: 50%;
  width: 100%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .panel-splitter {
  top: 50%;
  width: 100%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .panel-splitter,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .preview-panel {
  display: none;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .source-panel {
  height: 100%;
  width: 100%;
}

.lfr-fulscreen-source-editor-dialog .modal-footer {
  text-align: left;
}

.file-icon-color-0 {
  background-color: #fff;
  color: #6b6c7e;
}

.file-icon-color-1 {
  background-color: #fff;
  color: #a7a9bc;
}

.file-icon-color-2 {
  background-color: #fff;
  color: #50d2a0;
}

.file-icon-color-3 {
  background-color: #fff;
  color: #af78ff;
}

.file-icon-color-4 {
  background-color: #fff;
  color: #ffb46e;
}

.file-icon-color-5 {
  background-color: #fff;
  color: #ff5f5f;
}

.file-icon-color-6 {
  background-color: #fff;
  color: #4b9bff;
}

.file-icon-color-7 {
  background-color: #fff;
  color: #272833;
}

.lfr-item-viewer.uploading > div:not(.progress-container) {
  opacity: 0.3;
}
.lfr-item-viewer.uploading > .progress-container {
  visibility: visible;
}
.lfr-item-viewer .aspect-ratio a.item-preview {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  width: 100%;
}
.lfr-item-viewer .image-viewer-base-image-list {
  padding-top: 35px;
}
.lfr-item-viewer .item-preview:hover {
  cursor: pointer;
}
.lfr-item-viewer .progress-container {
  background-color: #fff;
  left: 0;
  margin: 0 auto;
  padding: 20px 30px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  width: 80%;
  z-index: 1000;
}
.lfr-item-viewer .progress-container a {
  position: absolute;
  right: 30px;
}
.lfr-item-viewer .progress-container .progress {
  margin-top: 10px;
}
.lfr-item-viewer .search-info {
  background-color: #d3e8f1;
}
.lfr-item-viewer .search-info .keywords {
  font-size: 1.4em;
  font-weight: bold;
}
.lfr-item-viewer .search-info .change-search-folder {
  font-size: 0.8em;
  font-weight: normal;
}
.lfr-item-viewer .upload-view {
  display: table;
  height: 400px;
  margin-top: 20px;
  width: 100%;
}
.lfr-item-viewer .upload-view > div {
  display: table-cell;
  vertical-align: middle;
}
.lfr-item-viewer .yui3-widget-bd {
  position: relative;
}

.lfr-menu-expanded li a:focus {
  background-color: #5b677d;
  color: #fff;
  text-shadow: -1px -1px #2c2f34;
}

.lfr-url-error {
  display: inline-block;
  white-space: normal;
  overflow-wrap: break-all;
  word-wrap: break-all;
}

.lfr-page-layouts {
  padding: 0;
}
.lfr-page-layouts input[type=radio] {
  opacity: 0;
  position: absolute;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal {
  cursor: default;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
  bottom: -0.0625rem;
  content: "";
  left: -0.0625rem;
  position: absolute;
  right: -0.0625rem;
  transition: height 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
    transition: none;
  }
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
  transition: none;
}

.lfr-page-layouts .card-horizontal {
  cursor: pointer;
  outline: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts .card-horizontal {
    transition: none;
  }
}
.lfr-page-layouts .card-horizontal {
  transition: none;
}

.lfr-page-layouts .card-horizontal::after {
  border-radius: 0 0 0.25rem 0.25rem;
  bottom: -0.0625rem;
  content: "";
  height: 0;
  left: -0.0625rem;
  position: absolute;
  right: -0.0625rem;
  transition: height 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts .card-horizontal::after {
    transition: none;
  }
}
.lfr-page-layouts .card-horizontal::after {
  transition: none;
}

.modal-body.dialog-iframe-bd {
  overflow: hidden;
  padding: 0;
}

.modal-dialog:not(.dialog-iframe-modal):not(.modal-full-screen) {
  position: relative;
}
.modal-dialog.dialog-iframe-modal {
  max-width: none;
}
.modal-dialog.modal-dialog-sm {
  max-width: 500px;
}
.modal-dialog .yui3-resize-handles-wrapper {
  pointer-events: all;
}
.modal-dialog .yui3-resize-handles-wrapper .yui3-resize-handle-inner-br {
  bottom: 0;
  right: 0;
}

.modal-open .modal {
  display: block;
}

.sheet > .panel-group .sheet-footer {
  margin-bottom: 0;
}

.sheet-footer .btn {
  margin-right: 0.5rem;
}
.sheet-footer .btn:last-child {
  margin-right: 0;
}

.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em;
  white-space: normal;
}
.tag-items li {
  display: inline-block;
  margin: 0 1em 0 0;
  max-width: 100%;
}

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.tag-cloud .tag-popularity-1 {
  font-size: 1em;
}
.tag-cloud .tag-popularity-2 {
  font-size: 1.3em;
}
.tag-cloud .tag-popularity-3 {
  font-size: 1.6em;
}
.tag-cloud .tag-popularity-4 {
  font-size: 1.9em;
}
.tag-cloud .tag-popularity-5 {
  font-size: 2.2em;
}
.tag-cloud .tag-popularity-6 {
  font-size: 2.5em;
}

.lfr-portal-tooltip {
  display: inline-flex;
}
.lfr-portal-tooltip,
.lfr-portal-tooltip a {
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.tree-node .icon-check {
  padding-right: 2px;
}
.tree-node .tree-node-checked .icon-check {
  padding-right: 0;
}
.tree-node [class^=icon-] {
  margin-right: 5px;
}
.tree-node .tree-node-checkbox-container {
  margin-right: 0;
}
.tree-node .tree-node-selected .tree-label {
  background: none;
}

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px;
}
.tree-node-content .tree-label {
  margin-left: 3px;
}
.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden;
}

.tree-node-selected .tree-label {
  background-color: transparent;
}

.tree-view li.tree-node .tree-node-content svg.lexicon-icon {
  pointer-events: none;
}

.user-icon-color-0 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #6b6c7e;
}

.user-icon-color-1 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #4a97f2;
}

.user-icon-color-2 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #e87523;
}

.user-icon-color-3 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #fb625b;
}

.user-icon-color-4 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #4fa488;
}

.user-icon-color-5 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #fe4fb5;
}

.user-icon-color-6 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #879b7a;
}

.user-icon-color-7 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #af78ff;
}

.user-icon-color-8 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #bf8c2a;
}

.user-icon-color-9 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #5f9bc7;
}

.collapse.open {
  display: block;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-top'%20d='M480%2064H32C14.336%2064%200%2049.664%200%2032S14.336%200%2032%200h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-middle'%20d='M480%20288H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-bottom'%20d='M480%20512H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3C/svg%3E");
  height: 1em;
  width: 1em;
}

.navbar-nav .nav-item.hover:after {
  bottom: -0.125rem;
  content: "";
  height: 0.125rem;
  left: 0;
  position: absolute;
  width: 100%;
}

.navbar .navbar-toggler .c-inner {
  max-width: none;
}

html:not(#__):not(#___) .cadmin.portlet-topper {
  position: relative;
}
html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
  background: url(../images/arrows/12_left.png) no-repeat 0 50%;
  padding: 5px 5px 5px 18px;
}
html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
  display: none;
}
html:not(#__):not(#___) .cadmin .component-action.portlet-options {
  color: white;
}

body.portlet {
  border-width: 0;
}

.portlet-icon-back {
  margin-top: -2px;
}
.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
  background: url(../images/arrows/12_left.png) no-repeat 0 50%;
  padding: 5px 5px 5px 18px;
}

.portlet-options-dropdown {
  z-index: 1035;
}

.portlet-topper {
  position: relative;
}
.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
  display: none;
}
.portlet-draggable .portlet-topper {
  cursor: move;
}

.portlet-title-editable {
  cursor: pointer;
}

.portlet-title-text {
  display: inline-block;
  margin-top: 0;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
.panel-page-body .portlet-title-text, .panel-page-content .portlet-title-text {
  cursor: auto;
}

.portlet-minimized .portlet-content {
  padding: 0;
}

.portlet-nested-portlets .portlet-boundary {
  left: 0 !important;
  position: relative !important;
  top: 0 !important;
}

.portlet-layout .portlet-header {
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  .portlet .visible-interaction {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .controls-hidden .portlet .visible-interaction {
    display: none;
  }
}
.portlet:hover .visible-interaction, .portlet.open .visible-interaction, .portlet.focus .visible-interaction {
  display: block;
}

.controls-hidden .lfr-meta-actions,
.controls-hidden .lfr-configurator-visibility {
  display: none;
}
.controls-hidden .portlet-title-editable {
  pointer-events: none;
}
.controls-hidden .portlet-topper {
  display: none !important;
}
.controls-hidden .portlet-topper-toolbar {
  display: none !important;
}

html:not(#__):not(#___) .cadmin.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: rgba(0, 0, 0, 0.5);
  display: box;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative;
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
  display: none;
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 0.25s, transform 0.25s;
    top: 0;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    transition: none;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .portlet > .c-prefers-reduced-motion .cadmin.portlet-topper {
    transition: none;
  }
}
html:not(#__):not(#___) .cadmin .portlet-actions {
  float: right;
}
html:not(#__):not(#___) .cadmin .portlet-options {
  display: inline-block;
}
html:not(#__):not(#___) .cadmin .portlet-title-menu {
  flex: 0 1 auto;
}
html:not(#__):not(#___) .cadmin .portlet-title-menu > span > a {
  display: inline-block;
  text-decoration: none;
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar {
  margin: 0;
  padding-left: 0;
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a,
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > span > a,
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar .lfr-icon-menu > a {
  color: rgba(0, 0, 0, 0.5);
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:focus, html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:hover {
  text-decoration: none;
}
html:not(#__):not(#___) .cadmin .portlet-name-text {
  font-size: 14px;
  font-weight: 600;
}
html:not(#__):not(#___) .cadmin .portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 576px) {
  html:not(#__):not(#___) .lfr-configurator-visibility .portlet:hover .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.focus .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.open > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.focus > .cadmin.portlet-topper {
    opacity: 1;
    transform: translateY(-97%);
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper {
    transition-duration: 0ms;
  }
}
@media (max-width: 767.98px) {
  html:not(#__):not(#___) .controls-visible .cadmin.portlet-topper {
    display: box;
    display: flex;
  }
}
html:not(#__):not(#___) .controls-visible .cadmin .portlet-topper-toolbar {
  display: block;
}

.portlet {
  margin-bottom: 10px;
  position: relative;
}
@media (min-width: 768px) {
  .controls-visible .portlet:hover > .portlet-content-editable, .controls-visible .portlet.open > .portlet-content-editable, .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 768px) {
  .controls-visible .portlet:hover > .portlet-topper, .controls-visible .portlet.open > .portlet-topper, .controls-visible .portlet.focus > .portlet-topper {
    opacity: 1;
    transform: translateY(-97%);
  }
}
@media (min-width: 576px) {
  .lfr-configurator-visibility .portlet:hover .portlet-topper, .lfr-configurator-visibility .portlet.focus .portlet-topper, .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5;
  }
}

.portlet-content-editable {
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
.portlet > .portlet-content-editable {
  border-color: transparent;
}
@media (max-width: 767.98px) {
  .controls-visible .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

.portlet-name-text {
  font-size: 0.875rem;
  font-weight: 600;
}

.portlet-options {
  display: inline-block;
}

.portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portlet-title-menu {
  flex: 0 1 auto;
}
.portlet-title-menu > span > a {
  display: inline-block;
  text-decoration: none;
}

.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: rgba(0, 0, 0, 0.5);
  display: box;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative;
}
.portlet > .portlet-topper {
  display: none;
}
@media (min-width: 768px) {
  .portlet > .portlet-topper {
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 0.25s, transform 0.25s;
    top: 0;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .portlet > .portlet-topper {
    transition: none;
  }
}
@media (min-width: 768px) {
  .portlet > .portlet-topper {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .controls-visible .portlet-topper {
    display: box;
    display: flex;
  }
}

.portlet-topper-toolbar {
  margin: 0;
  padding-left: 0;
}
.portlet-topper-toolbar > a,
.portlet-topper-toolbar > span > a,
.portlet-topper-toolbar .lfr-icon-menu > a {
  color: rgba(0, 0, 0, 0.5);
}
.portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
  text-decoration: none;
}
.controls-visible .portlet-topper-toolbar {
  display: block;
}

.lfr-panel-page .portlet-title {
  font-size: 13px;
}

.portlet-borderless .portlet-content {
  padding: 1rem;
}
.portlet-decorate .portlet-content {
  background: #fff;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 1rem;
  word-wrap: break-word;
}
.portlet-barebone .portlet-content {
  padding: 0;
}

.portlet-dynamic-data-lists-display .lfr-ddm-field-group,
.portlet-dynamic-data-lists .lfr-ddm-field-group {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 28px 24px;
}

.breadcrumb.breadcrumb-vertical {
  display: inline-block;
  text-align: center;
}
.breadcrumb.breadcrumb-vertical li {
  display: block;
}
.breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
  background: none;
}
.breadcrumb.breadcrumb-vertical .divider {
  background: url(../images/arrows/07_down.png) no-repeat 50% 100%;
  display: block;
  height: 10px;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
}

.navbar form {
  margin: 0;
}

:not(.inline-item) > .loading-animation {
  margin-bottom: 20px;
  margin-top: 20px;
}
.product-menu .loading-animation {
  margin-top: 160px;
}

@keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    transform: scale(1.1);
  }
  75% {
    background-color: #ddedde;
    border-color: #7d7;
  }
  100% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
}
.lfr-upload-container .progress-bar,
.lfr-upload-container .progress {
  border-radius: 10px;
}
.lfr-upload-container .upload-file,
.lfr-upload-container .upload-target {
  border-radius: 5px;
}
.upload-drop-active .lfr-upload-container .upload-target {
  animation: none;
}
.upload-drop-intent .lfr-upload-container .upload-target {
  animation: lfr-drop-active 1s ease 0.2s infinite;
}

.select-files {
  border-radius: 5px;
}

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  box-shadow: none;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
  box-shadow: 0 0 5px 0 #333;
  transition-duration: 0.25s;
  transition-property: box-shadow;
  transition-timing-function: ease-out;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
  border-radius: 50%;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.lfr-progress-active .progress-bar-status,
.lfr-upload-container .file-uploading .progress-bar .progress {
  animation: progress-bar-stripes 0.5s linear infinite;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-size: 40px 40px;
  transition: width, 0.5s, ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-progress-active .progress-bar-status,
  .lfr-upload-container .file-uploading .progress-bar .progress {
    transition: none;
  }
}
.c-prefers-reduced-motion .lfr-progress-active .progress-bar-status,
.c-prefers-reduced-motion .lfr-upload-container .file-uploading .progress-bar .progress {
  transition: none;
}

@keyframes highlight-animation {
  from {
    background-color: #ffc;
  }
  to {
    background-color: transparent;
  }
}
.highlight-animation {
  animation: highlight-animation 0.7s;
}

.portlet-options.btn-group .dropdown-toggle, .portlet-options.btn-group.open .dropdown-toggle {
  box-shadow: none;
}

.form-group.form-inline.input-boolean-wrapper label, .form-group.form-inline.input-checkbox-wrapper label {
  gap: 0.3125rem;
}

/**
 * Do not edit directly, this file was auto-generated.
 */
:root {
  --background-savings-chip: var(--color-green-primary-100); /* This colour is used as a background for savings product chip. */
  --background-mortgages-chip: var(--color-orange-100); /* This colour is used as a background for mortgages product chip. */
  --background-mortgages-explained: var(--color-orange-50); /* This colour is used as a background for mortgages explained. */
  --background-my-money: var(--color-teal-50); /* This colour is used as a background for my money chip. */
  --background-warning: var(--color-red-50); /* This colour is used as a background for warning notification. */
  --background-error: var(--color-pink-50); /* This colour is used as a background for error notification and life moments chip. */
  --background-information: var(--color-blue-50); /* This colour is used as a background for informational notification. */
  --background-invert: var(--color-grey-900); /* This colour is used to provide strong contrast against the background. */
  --background-brand-primary-dark: var(--color-green-primary-800); /* This colour is used to provide strong contrast against the background. (SS) */
  --background-brand-primary-pressed: var(--color-green-primary-900); /* This colour is used for pressed/clicked state. */
  --background-brand-primary: var(--color-green-primary-700); /* This colour is employed to ensure high contrast against the background, particularly for CTAs and other attention-grabbing elements. */
  --background-6: var(--color-green-primary-50); /* This is the tertiary background colour, utilised for banners and instances where we aim to attract the user's attention or introduce a third background hue to the page. It’s used as success notification background as well (PS) */
  --background-5: var(--color-grey-600); /* This colour represents the disabled state of a button. (SS) */
  --background-4: var(--color-grey-300); /* This colour is selectively employed for certain UI elements requiring enhanced definition.(SS) */
  --background-3: var(--color-grey-200); /* This is the secondary background colour, designed to provide contrast to the primary background hue. */
  --background-2: var(--color-grey-100); /* - */
  --background-1: var(--color-grey-50); /* This is the primary background colour, serving as the foundational element of the page. */
  --icon-mortgages-explained: var(--color-orange-500); /* This colour is used for my money chip icon. */
  --icon-my-money: var(--color-teal-500); /* This colour is used for my money chip icon. */
  --icon-life-moments: var(--color-purple-500); /* This colour is used for life moments chip icon. */
  --icon-warning: var(--color-orange-700); /* This colour is used for warning icon. */
  --icon-error: var(--color-red-700); /* This colour is used for error icon. */
  --icon-information: var(--color-blue-600); /* This colour is used for informational icon. */
  --icon-invert: var(--color-grey-50); /* This colour is used for icons within CTAs and dark backgrounds to enhance their prominence. */
  --icon-primary: var(--color-grey-800); /* This colour is employed for neutral interface icons, serving functional purposes. */
  --icon-brand-secondary: var(--color-green-secondary-900); /* This is YBS brand secondary green colour. It is used for some of the icons. */
  --icon-brand-primary-dark: var(--color-green-primary-800); /* This colour is used for actionable icons on hover. */
  --icon-brand-primary: var(--color-green-primary-700); /* This is YBS brand primary green colour. It is used for most of the icons to create contrast. */
  --text-error: var(--color-red-700); /* (Secure site) This colour is utilised for error text to immediately grab the user's attention. */
  --text-brand-primary-pressed: var(--color-green-primary-900); /* This colour is used for pressed/clicked state. */
  --text-brand-primary: var(--color-green-primary-700); /* This is YBS brand primary green colour. It is used for links and headers  to achieve prominence. */
  --text-brand-primary-dark: var(--color-green-primary-800); /* This colour is used for text on hover. */
  --text-invert-hover: var(--color-grey-300); /* This colour is used as hover state for white secondary buttons. */
  --text-invert-pressed: var(--color-grey-400); /* This colour is used as pressed state for white buttons. */
  --text-invert: var(--color-grey-50); /* This colour is applied to dark backgrounds and CTAs to achieve prominence of the elements. */
  --text-secondary: var(--color-grey-800); /* This colour is used for secondary text, for less critical information or to add contrast to primary text. */
  --text-primary-fixed: var(--color-grey-900); /* This is used for a consistent experience on light and dark theme. */
  --text-primary: var(--color-grey-900); /* This is YBS brand dark grey colour. It's used it for most of the text. */
  --border-warning: var(--color-orange-700); /* This colour serves as an outline for warning notifications. */
  --border-error: var(--color-red-700); /* This colour serves as an outline for error notifications. */
  --border-information: var(--color-blue-600); /* This colour serves as an outline for informational notifications. */
  --border-brand-primary: var(--color-green-primary-700); /* This colour is utilised for the selected state and secondary buttons. */
  --border-brand-primary-dark-pressed: var(--color-green-primary-900); /* This colour is used for pressed/clicked state. */
  --border-brand-primary-dark: var(--color-green-primary-800); /* This colour is used for selected links in the menu and hover. */
  --border-invert: var(--color-grey-50); /* This colour is used as a border for secondary white buttons. */
  --border-5: var(--color-grey-300); /* This colour is used for hover state for white secondary buttons. */
  --border-4: var(--color-grey-700); /* This colour is used for hover state of the elements. (SS) */
  --border-3: var(--color-grey-600); /* This colour is used for the majority of element borders. (SS) */
  --border-2: var(--color-grey-500); /* This colour is used for dividers on colourful backgrounds. */
  --border-1: var(--color-grey-400); /* This colour is used for dividers on white background, as a pressed state for white buttons etc. */
}

/**
 * Do not edit directly, this file was auto-generated.
 */
:root {
  --backgrounds-linear-400: linear-gradient(to right bottom, #d87255, #e17a51, #e8844d, #ef8e48, #f49843);
  --backgrounds-linear-300: linear-gradient(to right top, #23b1d7, #2fadd5, #39aad3, #42a6d1, #49a2ce);
  --backgrounds-linear-200: linear-gradient(to right bottom, #b070ae, #bd6ca5, #c9699a, #d2678e, #d86781);
  --backgrounds-linear-100: linear-gradient(to right top, #11a597, #12a795, #15a993, #19ab90, #1fad8d);
  --backgrounds-radial-test: linear-gradient(45deg, #87CEEB 0%, #008000 100%);
  --backgrounds-radial-fscs: radial-gradient(ellipse at center, #a64f9b 0%, #562166 100%);
  --backgrounds-radial-800: radial-gradient(ellipse at center, #fbf8e7 0%, #f0e4a7 100%);
  --backgrounds-radial-700: radial-gradient(ellipse at center, #eef3f7 0%, #c4d1d7 100%);
  --backgrounds-radial-600: radial-gradient(ellipse at center, #f4e9f1 0%, #dec1d7 100%);
  --backgrounds-radial-500: radial-gradient(ellipse at center, #faeee0 0%, #f3d2af 100%);
  --backgrounds-radial-400: radial-gradient(ellipse at center, #dff0f7 0%, #a4d3db 100%);
  --backgrounds-radial-300: radial-gradient(ellipse at center, #f7f7fb 0%, #c6c2d7 100%);
  --backgrounds-radial-200: radial-gradient(ellipse at center, #dff0f7 0%, #a4d3db 100%);
  --backgrounds-radial-100: radial-gradient(ellipse at center,#DE659F 0%, #c9ddb8 100%);
  --backgrounds-base-1100: #FBFCFD; /* Liferay colour is background-color-blue-gray */
  --backgrounds-base-1000: #332840;
  --backgrounds-base-900: #EAF6E2;
  --backgrounds-base-800: rgba(0, 158, 66, 0.8);
  --backgrounds-base-700: rgba(255, 255, 255, 0.8);
  --backgrounds-base-600: #F0F4F7;
  --backgrounds-base-500: radial-gradient(ellipse at center, #fff 18%, #dee5e8 64%);
  --backgrounds-base-400: transparent;
  --backgrounds-base-300: #008839;
  --backgrounds-base-200: #E6E6EE;
  --backgrounds-base-100: #FFFFFF;
  --underline: underline;
  --paragraph-indent-0: 0px;
  --text-decoration-none: none;
  --text-case-none: none;
  --font-body-smallprint-bold-text-decoration: var(--text-decoration-none);
  --font-body-smallprint-bold-text-case: var(--text-case-none);
  --font-body-smallprint-bold-paragraph-indent: var(--paragraph-indent-0);
  --font-body-smallprint-bold-paragraph-spacing: var(--paragraph-spacing-0);
  --font-body-smallprint-bold-letter-spacing: var(--letter-spacing-1);
  --font-body-smallprint-bold-font-size: var(--font-size-0);
  --font-body-smallprint-bold-line-height: var(--line-heights-20);
  --font-body-smallprint-bold-font-weight: var(--font-weights-ybs-aller-3);
  --font-body-smallprint-bold-font-family: var(--font-families-ybs-aller);
  --font-body-smallprint-regular-text-decoration: var(--text-decoration-none);
  --font-body-smallprint-regular-text-case: var(--text-case-none);
  --font-body-smallprint-regular-paragraph-indent: var(--paragraph-indent-0);
  --font-body-smallprint-regular-paragraph-spacing: var(--paragraph-spacing-0);
  --font-body-smallprint-regular-letter-spacing: var(--letter-spacing-1);
  --font-body-smallprint-regular-font-size: var(--font-size-0);
  --font-body-smallprint-regular-line-height: var(--line-heights-20);
  --font-body-smallprint-regular-font-weight: var(--font-weights-ybs-aller-text-screen-2);
  --font-body-smallprint-regular-font-family: var(--font-families-ybs-aller-text-screen);
  --font-body-small-bold-text-decoration: var(--text-decoration-none);
  --font-body-small-bold-text-case: var(--text-case-none);
  --font-body-small-bold-paragraph-indent: var(--paragraph-indent-0);
  --font-body-small-bold-paragraph-spacing: var(--paragraph-spacing-0);
  --font-body-small-bold-letter-spacing: var(--letter-spacing-1);
  --font-body-small-bold-font-size: var(--font-size-1);
  --font-body-small-bold-line-height: var(--line-heights-24);
  --font-body-small-bold-font-weight: var(--font-weights-ybs-aller-3);
  --font-body-small-bold-font-family: var(--font-families-ybs-aller);
  --font-body-small-regular-text-decoration: var(--text-decoration-none);
  --font-body-small-regular-text-case: var(--text-case-none);
  --font-body-small-regular-paragraph-indent: var(--paragraph-indent-0);
  --font-body-small-regular-paragraph-spacing: var(--paragraph-spacing-0);
  --font-body-small-regular-letter-spacing: var(--letter-spacing-1);
  --font-body-small-regular-font-size: var(--font-size-1);
  --font-body-small-regular-line-height: var(--line-heights-24);
  --font-body-small-regular-font-weight: var(--font-weights-ybs-aller-text-screen-2);
  --font-body-small-regular-font-family: var(--font-families-ybs-aller-text-screen);
  --font-body-small-light-text-decoration: var(--text-decoration-none);
  --font-body-small-light-text-case: var(--text-case-none);
  --font-body-small-light-paragraph-indent: var(--paragraph-indent-0);
  --font-body-small-light-paragraph-spacing: var(--paragraph-spacing-0);
  --font-body-small-light-letter-spacing: var(--letter-spacing-1);
  --font-body-small-light-font-size: var(--font-size-1);
  --font-body-small-light-line-height: var(--line-heights-24);
  --font-body-small-light-font-weight: var(--font-weights-ybs-aller-1);
  --font-body-small-light-font-family: var(--font-families-ybs-aller);
  --font-body-medium-bold-text-decoration: var(--text-decoration-none);
  --font-body-medium-bold-text-case: var(--text-case-none);
  --font-body-medium-bold-paragraph-indent: var(--paragraph-indent-0);
  --font-body-medium-bold-paragraph-spacing: var(--paragraph-spacing-0);
  --font-body-medium-bold-letter-spacing: var(--letter-spacing-1);
  --font-body-medium-bold-font-size: var(--font-size-2);
  --font-body-medium-bold-line-height: var(--line-heights-28);
  --font-body-medium-bold-font-weight: var(--font-weights-ybs-aller-3);
  --font-body-medium-bold-font-family: var(--font-families-ybs-aller);
  --font-body-medium-regular-text-decoration: var(--text-decoration-none);
  --font-body-medium-regular-text-case: var(--text-case-none);
  --font-body-medium-regular-paragraph-indent: var(--paragraph-indent-0);
  --font-body-medium-regular-paragraph-spacing: var(--paragraph-spacing-0);
  --font-body-medium-regular-letter-spacing: var(--letter-spacing-1);
  --font-body-medium-regular-font-size: var(--font-size-2);
  --font-body-medium-regular-line-height: var(--line-heights-28);
  --font-body-medium-regular-font-weight: var(--font-weights-ybs-aller-text-screen-2);
  --font-body-medium-regular-font-family: var(--font-families-ybs-aller-text-screen);
  --font-body-medium-light-text-decoration: var(--text-decoration-none);
  --font-body-medium-light-text-case: var(--text-case-none);
  --font-body-medium-light-paragraph-indent: var(--paragraph-indent-0);
  --font-body-medium-light-paragraph-spacing: var(--paragraph-spacing-0);
  --font-body-medium-light-letter-spacing: var(--letter-spacing-1);
  --font-body-medium-light-font-size: var(--font-size-2);
  --font-body-medium-light-line-height: var(--line-heights-28);
  --font-body-medium-light-font-weight: var(--font-weights-ybs-aller-1);
  --font-body-medium-light-font-family: var(--font-families-ybs-aller);
  --font-body-large-bold-text-decoration: var(--text-decoration-none);
  --font-body-large-bold-text-case: var(--text-case-none);
  --font-body-large-bold-paragraph-indent: var(--paragraph-indent-0);
  --font-body-large-bold-paragraph-spacing: var(--paragraph-spacing-0);
  --font-body-large-bold-letter-spacing: var(--letter-spacing-1);
  --font-body-large-bold-font-size: var(--font-size-3);
  --font-body-large-bold-line-height: var(--line-heights-32);
  --font-body-large-bold-font-weight: var(--font-weights-ybs-aller-3);
  --font-body-large-bold-font-family: var(--font-families-ybs-aller);
  --font-body-large-regular-text-decoration: var(--text-decoration-none);
  --font-body-large-regular-text-case: var(--text-case-none);
  --font-body-large-regular-paragraph-indent: var(--paragraph-indent-0);
  --font-body-large-regular-paragraph-spacing: var(--paragraph-spacing-0);
  --font-body-large-regular-letter-spacing: var(--letter-spacing-1);
  --font-body-large-regular-font-size: var(--font-size-3);
  --font-body-large-regular-line-height: var(--line-heights-32);
  --font-body-large-regular-font-weight: var(--font-weights-ybs-aller-text-screen-2);
  --font-body-large-regular-font-family: var(--font-families-ybs-aller-text-screen);
  --font-body-large-light-text-decoration: var(--text-decoration-none);
  --font-body-large-light-text-case: var(--text-case-none);
  --font-body-large-light-paragraph-indent: var(--paragraph-indent-0);
  --font-body-large-light-paragraph-spacing: var(--paragraph-spacing-0);
  --font-body-large-light-letter-spacing: var(--letter-spacing-1);
  --font-body-large-light-font-size: var(--font-size-3);
  --font-body-large-light-line-height: var(--line-heights-32);
  --font-body-large-light-font-weight: var(--font-weights-ybs-aller-1);
  --font-body-large-light-font-family: var(--font-families-ybs-aller);
  --font-headline-small-bold-text-decoration: var(--text-decoration-none);
  --font-headline-small-bold-text-case: var(--text-case-none);
  --font-headline-small-bold-paragraph-indent: var(--paragraph-indent-0);
  --font-headline-small-bold-paragraph-spacing: var(--paragraph-spacing-0);
  --font-headline-small-bold-letter-spacing: var(--letter-spacing-1);
  --font-headline-small-bold-font-size: var(--font-size-4);
  --font-headline-small-bold-line-height: var(--line-heights-32);
  --font-headline-small-bold-font-weight: var(--font-weights-ybs-aller-3);
  --font-headline-small-bold-font-family: var(--font-families-ybs-aller);
  --font-headline-small-regular-text-decoration: var(--text-decoration-none);
  --font-headline-small-regular-text-case: var(--text-case-none);
  --font-headline-small-regular-paragraph-indent: var(--paragraph-indent-0);
  --font-headline-small-regular-paragraph-spacing: var(--paragraph-spacing-0);
  --font-headline-small-regular-letter-spacing: var(--letter-spacing-1);
  --font-headline-small-regular-font-size: var(--font-size-4);
  --font-headline-small-regular-line-height: var(--line-heights-32);
  --font-headline-small-regular-font-weight: var(--font-weights-ybs-aller-text-screen-2);
  --font-headline-small-regular-font-family: var(--font-families-ybs-aller-text-screen);
  --font-headline-small-light-text-decoration: var(--text-decoration-none);
  --font-headline-small-light-text-case: var(--text-case-none);
  --font-headline-small-light-paragraph-indent: var(--paragraph-indent-0);
  --font-headline-small-light-paragraph-spacing: var(--paragraph-spacing-0);
  --font-headline-small-light-letter-spacing: var(--letter-spacing-1);
  --font-headline-small-light-font-size: var(--font-size-4);
  --font-headline-small-light-line-height: var(--line-heights-32);
  --font-headline-small-light-font-weight: var(--font-weights-ybs-aller-1);
  --font-headline-small-light-font-family: var(--font-families-ybs-aller);
  --font-headline-medium-bold-text-decoration: var(--text-decoration-none);
  --font-headline-medium-bold-text-case: var(--text-case-none);
  --font-headline-medium-bold-paragraph-indent: var(--paragraph-indent-0);
  --font-headline-medium-bold-paragraph-spacing: var(--paragraph-spacing-0);
  --font-headline-medium-bold-letter-spacing: var(--letter-spacing-1);
  --font-headline-medium-bold-font-size: var(--font-size-5);
  --font-headline-medium-bold-line-height: var(--line-heights-40);
  --font-headline-medium-bold-font-weight: var(--font-weights-ybs-aller-3);
  --font-headline-medium-bold-font-family: var(--font-families-ybs-aller);
  --font-headline-medium-regular-text-decoration: var(--text-decoration-none);
  --font-headline-medium-regular-text-case: var(--text-case-none);
  --font-headline-medium-regular-paragraph-indent: var(--paragraph-indent-0);
  --font-headline-medium-regular-paragraph-spacing: var(--paragraph-spacing-0);
  --font-headline-medium-regular-letter-spacing: var(--letter-spacing-1);
  --font-headline-medium-regular-font-size: var(--font-size-5);
  --font-headline-medium-regular-line-height: var(--line-heights-40);
  --font-headline-medium-regular-font-weight: var(--font-weights-ybs-aller-text-screen-2);
  --font-headline-medium-regular-font-family: var(--font-families-ybs-aller-text-screen);
  --font-headline-medium-light-text-decoration: var(--text-decoration-none);
  --font-headline-medium-light-text-case: var(--text-case-none);
  --font-headline-medium-light-paragraph-indent: var(--paragraph-indent-0);
  --font-headline-medium-light-paragraph-spacing: var(--paragraph-spacing-0);
  --font-headline-medium-light-letter-spacing: var(--letter-spacing-1);
  --font-headline-medium-light-font-size: var(--font-size-5);
  --font-headline-medium-light-line-height: var(--line-heights-40);
  --font-headline-medium-light-font-weight: var(--font-weights-ybs-aller-1);
  --font-headline-medium-light-font-family: var(--font-families-ybs-aller);
  --font-headline-large-bold-text-decoration: var(--text-decoration-none);
  --font-headline-large-bold-text-case: var(--text-case-none);
  --font-headline-large-bold-paragraph-indent: var(--paragraph-indent-0);
  --font-headline-large-bold-paragraph-spacing: var(--paragraph-spacing-0);
  --font-headline-large-bold-letter-spacing: var(--letter-spacing-1);
  --font-headline-large-bold-font-size: var(--font-size-6);
  --font-headline-large-bold-line-height: var(--line-heights-56);
  --font-headline-large-bold-font-weight: var(--font-weights-ybs-aller-3);
  --font-headline-large-bold-font-family: var(--font-families-ybs-aller);
  --font-headline-large-regular-text-decoration: var(--text-decoration-none);
  --font-headline-large-regular-text-case: var(--text-case-none);
  --font-headline-large-regular-paragraph-indent: var(--paragraph-indent-0);
  --font-headline-large-regular-paragraph-spacing: var(--paragraph-spacing-0);
  --font-headline-large-regular-letter-spacing: var(--letter-spacing-1);
  --font-headline-large-regular-font-size: var(--font-size-6);
  --font-headline-large-regular-line-height: var(--line-heights-56);
  --font-headline-large-regular-font-weight: var(--font-weights-ybs-aller-text-screen-2);
  --font-headline-large-regular-font-family: var(--font-families-ybs-aller-text-screen);
  --font-headline-large-light-text-decoration: var(--text-decoration-none);
  --font-headline-large-light-text-case: var(--text-case-none);
  --font-headline-large-light-paragraph-indent: var(--paragraph-indent-0);
  --font-headline-large-light-paragraph-spacing: var(--paragraph-spacing-0);
  --font-headline-large-light-letter-spacing: var(--letter-spacing-1);
  --font-headline-large-light-font-size: var(--font-size-6);
  --font-headline-large-light-line-height: var(--line-heights-56);
  --font-headline-large-light-font-weight: var(--font-weights-ybs-aller-1);
  --font-headline-large-light-font-family: var(--font-families-ybs-aller);
  --font-display-small-text-decoration: var(--text-decoration-none); /* Only to be used in banners. */
  --font-display-small-text-case: var(--text-case-none); /* Only to be used in banners. */
  --font-display-small-paragraph-indent: var(--paragraph-indent-0); /* Only to be used in banners. */
  --font-display-small-paragraph-spacing: var(--paragraph-spacing-0); /* Only to be used in banners. */
  --font-display-small-letter-spacing: var(--letter-spacing-0); /* Only to be used in banners. */
  --font-display-small-font-size: var(--font-size-7); /* Only to be used in banners. */
  --font-display-small-line-height: var(--line-heights-64); /* Only to be used in banners. */
  --font-display-small-font-weight: var(--font-weights-ybs-headline-0); /* Only to be used in banners. */
  --font-display-small-font-family: var(--font-families-ybs-headline); /* Only to be used in banners. */
  --font-display-medium-text-decoration: var(--text-decoration-none); /* Only to be used in banners. */
  --font-display-medium-text-case: var(--text-case-none); /* Only to be used in banners. */
  --font-display-medium-paragraph-indent: var(--paragraph-indent-0); /* Only to be used in banners. */
  --font-display-medium-paragraph-spacing: var(--paragraph-spacing-0); /* Only to be used in banners. */
  --font-display-medium-letter-spacing: var(--letter-spacing-0); /* Only to be used in banners. */
  --font-display-medium-font-size: var(--font-size-8); /* Only to be used in banners. */
  --font-display-medium-line-height: var(--line-heights-72); /* Only to be used in banners. */
  --font-display-medium-font-weight: var(--font-weights-ybs-headline-0); /* Only to be used in banners. */
  --font-display-medium-font-family: var(--font-families-ybs-headline); /* Only to be used in banners. */
  --font-display-large-text-decoration: var(--text-decoration-none); /* Only to be used in banners. */
  --font-display-large-text-case: var(--text-case-none); /* Only to be used in banners. */
  --font-display-large-paragraph-indent: var(--paragraph-indent-0); /* Only to be used in banners. */
  --font-display-large-paragraph-spacing: var(--paragraph-spacing-0); /* Only to be used in banners. */
  --font-display-large-letter-spacing: var(--letter-spacing-0); /* Only to be used in banners. */
  --font-display-large-font-size: var(--font-size-9); /* Only to be used in banners. */
  --font-display-large-line-height: var(--line-heights-88); /* Only to be used in banners. */
  --font-display-large-font-weight: var(--font-weights-ybs-headline-0); /* Only to be used in banners. */
  --font-display-large-font-family: var(--font-families-ybs-headline); /* Only to be used in banners. */
  --paragraph-spacing-0: 0;
  --letter-spacing-1: 0;
  --letter-spacing-0: 1;
  --font-size-9: 104;
  --font-size-8: 88;
  --font-size-7: 72;
  --font-size-6: 48;
  --font-size-5: 32;
  --font-size-4: 24;
  --font-size-3: 22;
  --font-size-2: 18;
  --font-size-1: 16;
  --font-size-0: 14;
  --font-weights-ybs-aller-3: Bold;
  --font-weights-ybs-aller-text-screen-2: Regular;
  --font-weights-ybs-aller-1: Light;
  --font-weights-ybs-headline-0: Regular;
  --line-heights-88: 5.5rem;
  --line-heights-72: 4.5rem;
  --line-heights-64: 4rem;
  --line-heights-56: 3.5rem;
  --line-heights-40: 2.5rem;
  --line-heights-32: 2rem;
  --line-heights-28: 1.75rem;
  --line-heights-24: 1.5rem;
  --line-heights-20: 1.25rem;
  --font-families-ybs-aller-text-screen: YBS Aller Text Screen;
  --font-families-ybs-aller: YBS Aller;
  --font-families-ybs-headline: YBS Headline;
  --text-transform-none: none; /* No capitalization. The text renders as it is. This is default */
  --text-transform-capitalize: capitalize; /* Transforms the first character of each word to uppercase */
  --text-transform-lowercase: lowercase; /* Transforms all characters to lowercase */
  --text-transform-unset: unset; /* Unsets any previous text transform */
  --text-transform-uppercase: uppercase; /* Transforms all characters to uppercase */
  --thick: 0.125; /* a 2px border */
  --default: 0.0625rem; /* a 1px border */
  --padding-xlarge-gap: var(--spacing-dimensions-32);
  --padding-xlarge-left: var(--spacing-dimensions-32);
  --padding-xlarge-bottom: var(--spacing-dimensions-32);
  --padding-xlarge-right: var(--spacing-dimensions-32);
  --padding-xlarge-top: var(--spacing-dimensions-32);
  --padding-xlarge-rowgap: var(--spacing-dimensions-32);
  --padding-xlarge-vertical: var(--spacing-dimensions-32);
  --padding-xlarge-horizontal: var(--spacing-dimensions-32);
  --padding-large-gap: var(--spacing-dimensions-24);
  --padding-large-left: var(--spacing-dimensions-24);
  --padding-large-bottom: var(--spacing-dimensions-24);
  --padding-large-right: var(--spacing-dimensions-24);
  --padding-large-top: var(--spacing-dimensions-24);
  --padding-large-rowgap: var(--spacing-dimensions-24);
  --padding-large-vertical: var(--spacing-dimensions-24);
  --padding-large-horizontal: var(--spacing-dimensions-24);
  --padding-medium-gap: var(--spacing-dimensions-16);
  --padding-medium-left: var(--spacing-dimensions-16);
  --padding-medium-bottom: var(--spacing-dimensions-16);
  --padding-medium-right: var(--spacing-dimensions-16);
  --padding-medium-top: var(--spacing-dimensions-16);
  --padding-medium-rowgap: var(--spacing-dimensions-16);
  --padding-medium-vertical: var(--spacing-dimensions-16);
  --padding-medium-horizontal: var(--spacing-dimensions-16);
  --padding-small-gap: var(--spacing-dimensions-12);
  --padding-small-left: var(--spacing-dimensions-12);
  --padding-small-bottom: var(--spacing-dimensions-12);
  --padding-small-right: var(--spacing-dimensions-12);
  --padding-small-top: var(--spacing-dimensions-12);
  --padding-small-rowgap: var(--spacing-dimensions-12);
  --padding-small-vertical: var(--spacing-dimensions-12);
  --padding-small-horizontal: var(--spacing-dimensions-12);
  --padding-xsmall-gap: var(--spacing-dimensions-8);
  --padding-xsmall-left: var(--spacing-dimensions-8);
  --padding-xsmall-bottom: var(--spacing-dimensions-8);
  --padding-xsmall-right: var(--spacing-dimensions-8);
  --padding-xsmall-top: var(--spacing-dimensions-8);
  --padding-xsmall-rowgap: var(--spacing-dimensions-8);
  --padding-xsmall-vertical: var(--spacing-dimensions-8);
  --padding-xsmall-horizontal: var(--spacing-dimensions-8);
  --spacing-dimensions-128: 8rem;
  --spacing-dimensions-96: 6rem;
  --spacing-dimensions-64: 4rem;
  --spacing-dimensions-56: 3.5rem;
  --spacing-dimensions-48: 3rem;
  --spacing-dimensions-40: 2.5rem;
  --spacing-dimensions-32: 2rem;
  --spacing-dimensions-24: 1.5rem;
  --spacing-dimensions-16: 1rem;
  --spacing-dimensions-12: 0.75rem;
  --spacing-dimensions-8: 0.5rem;
  --spacing-dimensions-4: 0.25rem;
  --spacing-dimensions-0: 0rem;
  --sizing-dimensions-128: 8rem;
  --sizing-dimensions-96: 6rem;
  --sizing-dimensions-64: 4rem;
  --sizing-dimensions-56: 3.5rem;
  --sizing-dimensions-48: 3rem;
  --sizing-dimensions-40: 2.5rem;
  --sizing-dimensions-32: 2rem;
  --sizing-dimensions-24: 1.5rem;
  --sizing-dimensions-16: 1rem;
  --sizing-dimensions-12: 0.75rem;
  --sizing-dimensions-8: 0.5rem;
  --sizing-dimensions-4: 0.25rem;
  --opacity-default: var(--opacity-75);
  --opacity-75: 0.75;
  --opacity-50: 0.5;
  --opacity-25: 0.25;
  --shadow-hard-type: dropShadow;
  --shadow-hard-color: var(--border-1);
  --shadow-hard-spread: 0.5;
  --shadow-hard-blur: 0;
  --shadow-hard-y: 3;
  --shadow-hard-x: 0;
  --border-style-thick-brand-primary-style: solid;
  --border-style-thick-brand-primary-width: var(--thick);
  --border-style-thick-brand-primary-color: var(--border-brand-primary);
  --border-style-default-warning-style: solid;
  --border-style-default-warning-width: var(--default);
  --border-style-default-warning-color: var(--border-warning);
  --border-style-default-invert-style: solid;
  --border-style-default-invert-width: var(--default);
  --border-style-default-invert-color: var(--border-invert);
  --border-style-default-information-style: solid;
  --border-style-default-information-width: var(--default);
  --border-style-default-information-color: var(--border-information);
  --border-style-default-error-style: solid;
  --border-style-default-error-width: var(--default);
  --border-style-default-error-color: var(--border-error);
  --border-style-default-border-5-style: solid;
  --border-style-default-border-5-width: var(--default);
  --border-style-default-border-5-color: var(--border-5);
  --border-style-default-border-4-style: solid;
  --border-style-default-border-4-width: var(--default);
  --border-style-default-border-4-color: var(--border-4);
  --border-style-default-border-3-style: solid;
  --border-style-default-border-3-width: var(--default);
  --border-style-default-border-3-color: var(--border-3);
  --border-style-default-border-2-style: solid;
  --border-style-default-border-2-width: var(--default);
  --border-style-default-border-2-color: var(--border-2);
  --border-style-default-border-1-style: solid;
  --border-style-default-border-1-width: var(--default);
  --border-style-default-border-1-color: var(--border-1);
  --border-style-default-brand-primary-dark-pressed-style: solid;
  --border-style-default-brand-primary-dark-pressed-color: var(--border-brand-primary-dark-pressed);
  --border-style-default-brand-primary-dark-pressed-width: var(--default);
  --border-style-default-brand-primary-dark-style: solid;
  --border-style-default-brand-primary-dark-width: var(--default);
  --border-style-default-brand-primary-dark-color: var(--border-brand-primary-dark);
  --border-style-default-brand-primary-style: solid;
  --border-style-default-brand-primary-width: var(--default);
  --border-style-default-brand-primary-color: var(--border-brand-primary);
  --border-radius-large: var(--border-dimensions-16); /* Large container components like sheets and dialogs */
  --border-radius-small: var(--border-dimensions-8); /* Medium or small components that often live inside others, like buttons or nested components */
  --border-radius-medium: var(--border-dimensions-12); /* Medium components like cards, snack bars, banners */
  --border-radius-x-small: var(--border-dimensions-4); /* Small components like tags */
  --border-radius-full: var(--border-dimensions-9999);
  --border-dimensions-9999: 624.9375rem;
  --border-dimensions-16: 1rem;
  --border-dimensions-12: 0.75rem;
  --border-dimensions-8: 0.5rem;
  --border-dimensions-4: 0.25rem;
  --color-fscs: #a64f9b;
  --color-pink-900: #902D6A; /* Dark pink accent */
  --color-pink-800: #CF3087; /* N&P Secondary */
  --color-pink-700: #CA4997; /* Pink accent */
  --color-pink-600: #DE54A6;
  --color-pink-500: #F25FB5; /* Bright pink accent */
  --color-pink-400: #F27BC1;
  --color-pink-300: #F396CD;
  --color-pink-200: #F3B2D9;
  --color-pink-100: #F4CDE5;
  --color-pink-50: #F4E9F1; /* Pastel-pink */
  --color-teal-900: #16756D; /* Dark teal accent */
  --color-teal-800: #1A8C83;
  --color-teal-700: #1FA398; /* Teal accent */
  --color-teal-600: #22B0A4;
  --color-teal-500: #24BDB0; /* Bright teal accent */
  --color-teal-400: #42C7BC;
  --color-teal-300: #5FD1C7;
  --color-teal-200: #7DDAD3;
  --color-teal-100: #9AE4DE;
  --color-teal-50: #B8EEEA; /* Blue */
  --color-blue-100a: #BCCCE480;
  --color-blue-900: #335188; /* Dark blue accent */
  --color-blue-800: #295CAB; /* Share plans blue */
  --color-blue-700: #4A74C5; /* Blue accent */
  --color-blue-600: #5984DA;
  --color-blue-500: #6894EE; /* Bright blue accent */
  --color-blue-400: #00AAE7; /* Share plans accent blue */
  --color-blue-300: #38BCEB;
  --color-blue-200: #70CDEF;
  --color-blue-100: #A7DEF3;
  --color-blue-50: #DFF0F7; /* Pastel-blue */
  --color-orange-900: #A35418; /* Dark orange accent */
  --color-orange-800: #BD611C;
  --color-orange-700: #D66D20; /* Orange accent */
  --color-orange-600: #F36C21; /* Accord Orange */
  --color-orange-500: #F57431; /* Bright orange accent */
  --color-orange-400: #F68B1F; /* Accord accent orange */
  --color-orange-300: #F7A44F;
  --color-orange-200: #F8BD80;
  --color-orange-100: #F9D5B0;
  --color-orange-50: #FAEEE0; /* Pastel-orange */
  --color-red-900: #4e0623; /* Dark red accent */
  --color-red-800: #8A0B3D; /* Chelsea accent red */
  --color-red-700: #C83D3D; /* Red accent */
  --color-red-600: #D20827; /* Chelsea red */
  --color-red-500: #FF6164; /* Bright red accent */
  --color-red-400: #FE7E7F;
  --color-red-300: #FD9B9A;
  --color-red-200: #FCB9B5;
  --color-red-100: #FBD6D0;
  --color-red-50: #FAF3EB; /* Soft yellow background */
  --color-purple-900: #6E358A; /* Dark purple accent */
  --color-purple-800: #7D2A90; /* N&P Primary */
  --color-purple-700: #8F44B3; /* Purple accent */
  --color-purple-600: #AB5AD1;
  --color-purple-500: #C771EF; /* Bright purple accent */
  --color-purple-400: #D08AF0;
  --color-purple-300: #DAA2F1;
  --color-purple-200: #E3BBF2;
  --color-purple-100: #EDD3F3;
  --color-purple-50: #F6ECF4; /* Soft pink background */
  --color-green-secondary-900: #62C422; /* YBS Accent Green */
  --color-green-secondary-800: #71C937;
  --color-green-secondary-700: #80CE4D;
  --color-green-secondary-600: #8FD362;
  --color-green-secondary-500: #9ED878;
  --color-green-secondary-400: #AEDE8D;
  --color-green-secondary-300: #BDE3A3;
  --color-green-secondary-200: #CCE8B8;
  --color-green-secondary-100: #DBEDCE;
  --color-green-secondary-50: #EAF2E3; /* Pastel-green */
  --color-green-primary-900: #005724; /* Green-darker */
  --color-green-primary-800: #026C2E; /* Primary-hover */
  --color-green-primary-700: #008839; /* YBS Primary Green */
  --color-green-primary-600: #33A061;
  --color-green-primary-500: #66B788; /* Tint #1 */
  --color-green-primary-400: #98CFAF; /* Tint #2 */
  --color-green-primary-300: #B2DBC3;
  --color-green-primary-200: #CCE7D7; /* Tint #3 */
  --color-green-primary-100: #DCEFE3;
  --color-green-primary-50: #EBF6EF; /* Tint #4 */
  --color-grey-1300: #000000; /* Black */
  --color-grey-1200: #16131D; /* Darkmode colour 3 */
  --color-grey-1100: #221E2E; /* Darkmode colour 2 */
  --color-grey-1000: #2B273B; /* Darkmode colour 1 */
  --color-grey-900: #302B41; /* YBS Dark Grey */
  --color-grey-800: #615D6E; /* Grey #1 */
  --color-grey-700: #96939E; /* Grey #2 */
  --color-grey-600: #CAC9CE; /* Grey #3 */
  --color-grey-500: #E0DFE2; /* Grey #4 */
  --color-grey-400: #E6E6EE; /* BG-2 */
  --color-grey-300: #EEEEF0; /* Grey #5 */
  --color-grey-200: #F0F4F7; /* BG-6 */
  --color-grey-100: #F6F6F6; /* Grey #6 */
  --color-grey-50: #FFFFFF; /* BG-1 */
  --color-fscs: #a64f9b;
  --color-primary: #008839;
  --color-primary-hover: #026C2E;
  --color-secondary: #62C422;
  --color-bg: #FBFCFD;
  --color-heading: #615D6E;
}

:root .ybs.cbs {
  --color-primary: var(--color-red-600);
  --color-primary-hover: var(--color-red-700);
  --color-secondary: var(--color-red-800);
  --mark-bg: var(--color-grey-400);
  --button-cta-hover-bg: var(--color-red-900);
  --app-securenotch: var(--color-red-600);
  --button-text: var(--color-red-600);
  --link: var(--color-red-600);
  --text-highlight-bg: var(--color-green-primary-700);
  --footer-tweet-links: var(--color-grey-900);
  --button-cta-text: var(--color-grey-50);
  --button-border: var(--color-red-600);
  --color-bg: var(--color-grey-400);
  --element-outline: var(--color-red-600);
  --button-primary-text: var(--color-red-600);
  --footer-title-link: var(--color-grey-900);
  --icon-color: var(--color-red-600);
  --button-primary-hover-bg: transparent;
  --text-color: var(--color-grey-900);
  --button-primary-bg: transparent;
  --icon-category: var(--color-red-600);
  --link-cta: var(--color-red-600);
  --article-home-buyers-title: var(--color-red-600);
  --app-feedback-star-selected: var(--color-red-600);
  --footer-text: var(--color-grey-900);
  --footer-title-text: var(--color-red-600);
  --link-hover: var(--color-red-900);
  --footer-social: var(--color-grey-900);
  --footer-legal-text: var(--color-grey-900);
  --text-highlight: var(--color-grey-50);
  --button-primary-hover-text: var(--color-red-900);
  --blue: var(--color-blue-700);
  --button-color-cta1-text: var(--color-red-600);
  --input-btn-focus: var(--color-green-primary-900);
  --button-cta-bg: var(--color-red-600);
}
:root .ybs.nandp {
  --mark-bg: var(--color-grey-50);
  --button-cta-hover-bg: var(--color-pink-800);
  --app-securenotch: var(--color-purple-800);
  --mark-color: var(--color-purple-800);
  --button-text: var(--color-grey-50);
  --link: var(--color-pink-800);
  --footer-tweet-links: var(--color-grey-900);
  --fscs: var(--color-pink-800);
  --color-primary-hover: var(--color-pink-800);
  --button-border: var(--color-purple-800);
  --color-bg: var(--color-grey-400);
  --box3-bg: var(--color-green-primary-700);
  --element-outline: var(--color-pink-800);
  --button-primary-text: var(--color-grey-50);
  --footer-title-link: var(--color-grey-900);
  --icon-color: var(--color-purple-800);
  --button-primary-hover-bg: var(--color-pink-800);
  --text-color: var(--color-grey-900);
  --button-primary-bg: var(--color-purple-800);
  --icon-category: var(--color-purple-800);
  --link-cta: var(--color-pink-800);
  --article-home-buyers-title: var(--color-purple-800);
  --app-feedback-star-selected: var(--color-pink-800);
  --footer-text: var(--color-grey-900);
  --footer-title-text: var(--color-grey-900);
  --link-hover: var(--color-pink-800);
  --footer-legal-text: var(--color-grey-900);
  --color-secondary: var(--color-pink-800);
  --text-highlight: var(--color-grey-100);
  --button-primary-hover-text: var(--color-grey-50);
  --box-title-bg: var(--color-purple-800);
  --header-quicklinks-text: var(--color-grey-900);
  --button-cta-bg: var(--color-purple-800);
  --color-primary: var(--color-purple-800);
}

:root {
  --font-size-base: var(--font-size-base);
  --font-family-base: var(--font-family-base);
  --font-family-bold: var(--font-family-bold);
  --font-family-light: var(--font-family-light);
  --font-family-headline: var(--font-family-headline);
  --font-icons: var(--font-family-monospace);
  --heading-color: var(--color-heading);
  --text-color-grey: var(--text-grey);
  --text-color-white: var(--text-white);
  --text-color-light: var(--text-light);
  --text-color-link-hero-dark: var(--text-hero-dark);
  --text-color-smallest: var(--text-small);
  --text-color-filesize: var(--text-filesize);
  --text-color-note: var(--text-note);
  --link-color: var(--link);
  --link-color-hover: var(--link-hover);
  --link-color-grey: var(--link-grey);
  --link-color-box: var(--link-box);
  --link-color-cta: var(--link-cta);
  --element-outline-color: var(--element-outline);
  --mark-color-background: var(--mark-bg);
  --mark-color-text: var(--mark-color);
  --fieldset-color-border: var(--fieldset-border);
  --fieldset-color-disabled-background: var(--fieldset-disabled-bg);
  --legend-color-text: var(--legend-color);
  --code-color-background: var(--code-bg);
  --code-color-border: var(--code-border);
  --blockquote-color-background: var(--blockquote-bg);
  --cite-color-text: var(--cite-color);
  --icon-color: var(--icon-color);
  --icon-color-category: var(--icon-category);
  --button-color-text: var(--button-text);
  --button-color-border: var(--button-border);
  --button-color-primary-text: var(--button-primary-text);
  --button-color-primary-background: var(--button-primary-bg);
  --button-color-primary-hover-text: var(--button-primary-hover-text);
  --button-color-primary-hover-background: var(--button-primary-hover-bg);
  --button-color-cta-text: var(--button-cta-text);
  --button-color-cta-background: var(--button-cta-bg);
  --button-color-cta-hover-text: var(--button-cta-hover-text);
  --button-color-cta-hover-background: var(--button-cta-hover-bg);
  --button-color-cta1-text: var(--button-color-cta1-text);
  --button-color-cta1-background: var(--button-cta1-bg);
  --button-color-primary1-text: var(--button-primary1-text);
  --button-color-primary1-background: var(--button-primary1-bg);
  --button-color-primary1-hover-text: var(--button-primary1-hover-text);
  --button-color-primary1-hover-background: var(--button-primary1-hover-bg);
  --button-color-primary2-text: var(--button-primary2-text);
  --button-color-primary2-background: var(--button-primary2-bg);
  --button-color-primary2-hover-text: var(--button-primary2-hover-text);
  --button-color-primary2-hover-background: var(--button-primary2-hover-bg);
  --button-color-secondary2-text: var(--button-secondary2-text);
  --button-color-secondary2-background: var(--button-secondary2-bg);
  --button-color-secondary2-hover-background: var(--button-secondary2-hover-bg);
  --button-color-disabled-text: var(--button-disabled-text);
  --button-color-disabled-background: var(--button-disabled-bg);
  --button-color-disabled-hover-text: var(--button-disabled-hover-text);
  --button-color-disabled-hover-background: var(--button-disabled-hover-bg);
  --button-color-disabled-primary-text: var(--button-disabled-primary-text);
  --button-color-disabled-primary-background: var(--button-disabled-primary-bg);
  --button-color-cancel-text: var(--button-cancel-text);
  --button-color-cancel-background: var(--button-cancel-bg);
  --button-color-hollow-text: var(--button-hollow-text);
  --button-color-hollow-background: var(--button-hollow-bg);
  --button-color-hollow-hover-text: var(--button-hollow-hover-text);
  --button-color-hollow-hover-background: var(--button-hollow-hover-bg);
  --figure-color-background: var(--figure-bg);
  --figure-color-figcaption-background: var(--figure-caption-bg);
  --figure-color-text: var(--figure-text);
  --inputgroup-color-border: var(--input-group-border);
  --inputgroup-color-icon-background: var(--input-group-icon-bg);
  --inputgroup-color-icon-text: var(--input-group-icon-text);
  --inputgroup-color-help-text: var(--input-group-help-text);
  --inputgroup-color-error-text: var(--input-group-error-text);
  --input-color-text: var(--input-text);
  --input-color-border: var(--input-border);
  --input-color-background: var(--input-bg);
  --input-color-disabled: var(--input-disabled);
  --input-color-placeholder: var(--input-placeholder);
  --input-color-error: var(--input-error);
  --input-color-btn-focus: var(--input-btn-focus);
  --input-color-focus: var(--input-focus);
  --input-color-valid: var(--input-valid);
  --input-color-invalid: var(--input-invalid);
  --textarea-color-text: var(--textarea-text);
  --textarea-color-background: var(--textarea-bg);
  --select-color-border: var(--select-border);
  --customselect-color-border: var(--custom-select-border);
  --customselect-color-background: var(--custom-select-bg);
  --customselect-color-color: var(--custom-select-color);
  --time-color-text: var(--time-color);
  --solid-primary-color: var(--solid-primary-color);
  --accordion-color-title-small: var(--accordion-title-small);
  --accordion-color-background: var(--accordion-bg);
  --accordion-color-heading-background-alt: var(--accordion-heading-bg-alt);
  --accordion-color-heading-background: var(--accordion-heading-bg);
  --accordion-color-background-alt: var(--accordion-bg-alt);
  --accordion-color-content-background: var(--accordion-content-bg);
  --accordion-color-content-background-alt: var(--accordion-content-bg-alt);
  --appfeedback-color-h1: var(--app-feedback-h1);
  --appfeedback-color-star: var(--app-feedback-star);
  --appfeedback-color-star-selected: var(--app-feedback-star-selected);
  --appfeedback-color-accontdetails-text: var(--app-feedback-accontdetails-text);
  --appfeedback-color-textarea-border: var(--app-feedback-textarea-border);
  --app-color-securenotch: var(--app-securenotch);
  --article-color-mymoney: var(--article-my-money);
  --article-color-mymoney-title: var(--article-my-money-title);
  --article-color-homeowners-title: var(--article-home-owners-title);
  --article-color-homebuyers-title: var(--article-home-buyers-title);
  --article-color-lifemoments-title: var(--article-life-moments-title);
  --article-color-date: var(--article-date);
  --article-color-tag-active: var(--article-tag-active);
  --guides-color-meta: var(--guides-meta);
  --guides-color-sidebar-background: var(--guides-sidebar-bg);
  --guides-color-sidebar-title: var(--guides-sidebar-title);
  --box-color-title-background: var(--box-title-bg);
  --box-color-title-text: var(--box-title-text);
  --box-color-title-h4: var(--box-title-h4);
  --box1-color-background: var(--box1-bg);
  --box2-color-background: var(--box2-bg);
  --box3-color-background: var(--box3-bg);
  --box4-color-background: var(--box4-bg);
  --box5-color-background: var(--box5-bg);
  --box6-color-background: var(--box6-bg);
  --box7-color-background: var(--box7-bg);
  --box8-color-background: var(--box8-bg);
  --box9-color-background: var(--box9-bg);
  --box10-color-modal-background: var(--box10-modal-bg);
  --box-color-outline: var(--box-outline);
  --box-color-outline-4: var(--box-outline-4);
  --box-color-outline-error: var(--box-outline-error);
  --box-color-icon-text: var(--box-icon-text);
  --box-color-info-text: var(--box-info-text);
  --box-color-h1: var(--box-h1);
  --box-color-exclusive-background: var(--box-exclusive-bg);
  --branchfinder-color-openclose: var(--branch-finder-open-close);
  --branchfinder-color-open: var(--branch-finder-open);
  --branchfinder-color-close: var(--branch-finder-close);
  --branchfinder-color-note: var(--branch-finder-note);
  --branchfinder-color-distance: var(--branch-finder-distance);
  --breadcrumb-color-text: var(--breadcrumb-text);
  --breadcrumb-color-background: var(--breadcrumb-bg);
  --breadcrumb-color-item-text: var(--breadcrumb-item-text);
  --breadcrumb-color-item-link: var(--breadcrumb-item-link);
  --breadcrumb-color-item-seperator: var(--breadcrumb-item-separator);
  --breadcrumb-color-light-item-background: var(--breadcrumb-item-bg);
  --breadcrumb-color-light-item-text: var(--breadcrumb-light-item-text);
  --details-color-icon: var(--details-icon);
  --details-color-highlight1: var(--details-highlight-1);
  --details-color-highlight2: var(--details-highlight-2);
  --details-color-highlight3: var(--details-highlight-3);
  --details-color-highlight4: var(--details-highlight-4);
  --details-color-restriction: var(--details-highlight-restriction);
  --details-color-restriction-icon: var(--details-highlight-restriction-icon);
  --chart-color-series1: var(--chart-series-1);
  --chart-color-series2: var(--chart-series-2);
  --chart-color-series3: var(--chart-series-3);
  --chart-color-series4: var(--chart-series-4);
  --hero-color-subtitle: var(--hero-subtitle);
  --hero-color-background: var(--hero-bg);
  --small: var(--small);
  --medium: var(--medium);
  --large: var(--large);
  --extra-large: var(--extra-large);
  --body-color-background: var(--color-bg);
  --text-color-primary: var(--text-color);
  --text-highlight-background: var(--text-highlight-bg);
  --text-highlight-text: var(--text-highlight);
  --box-shadow: var(--box-shadow);
  --header-color-placeholder-text: var(--header-placeholder-text);
  --header-color-quicklinks-text: var(--header-quicklinks-text);
  --footer-color-text: var(--footer-text);
  --footer-color-background: var(--footer-bg);
  --footer-color-title-text: var(--footer-title-text);
  --footer-color-link: var(--footer-title-link);
  --footer-color-legal-text: var(--footer-legal-text);
  --footer-color-tweet-links: var(--footer-tweet-links);
  --footer-color-social: var(--footer-social);
  --aspect-ratio-16-to-9: 56.25%;
  --aspect-ratio-4-to-3: 75%;
  --aspect-ratio-8-to-3: 37.5%;
  --aspect-ratio: 100%;
}

.aspect-ratio-16-to-9 {
  padding-bottom: var(--aspect-ratio-16-to-9);
}

.aspect-ratio-8-to-3 {
  padding-bottom: var(--aspect-ratio-8-to-3);
}

.aspect-ratio-4-to-3 {
  padding-bottom: var(--aspect-ratio-4-to-3);
}

.aspect-ratio:not([class*=aspect-ratio-]) {
  padding-bottom: var(--aspect-ratio);
}

.card-type-asset .aspect-ratio {
  padding-bottom: var(--aspect-ratio-16-to-9);
}

.bg-color-primary {
  background-color: var(--color-primary) !important;
}

.text-color-primary {
  color: var(--color-primary) !important;
}

.bg-color-primary-hover {
  background-color: var(--color-primary-hover) !important;
}

.text-color-primary-hover {
  color: var(--color-primary-hover) !important;
}

.bg-color-secondary {
  background-color: var(--color-secondary) !important;
}

.text-color-secondary {
  color: var(--color-secondary) !important;
}

.bg-color-green {
  background-color: var(--color-green-primary-700) !important;
}

.text-color-green {
  color: var(--color-green-primary-700) !important;
}

.bg-color-green-light {
  background-color: var(--color-green-secondary-900) !important;
}

.text-color-green-light {
  color: var(--color-green-secondary-900) !important;
}

.bg-color-green-light-2 {
  background-color: var(--color-teal-50) !important;
}

.text-color-green-light-2 {
  color: var(--color-teal-50) !important;
}

.bg-color-green-dark {
  background-color: var(--color-green-primary-900) !important;
}

.text-color-green-dark {
  color: var(--color-green-primary-900) !important;
}

.bg-color-teal {
  background-color: var(--color-teal-700) !important;
}

.text-color-teal {
  color: var(--color-teal-700) !important;
}

.bg-color-teal-light {
  background-color: var(--color-teal-500) !important;
}

.text-color-teal-light {
  color: var(--color-teal-500) !important;
}

.bg-color-teal-dark {
  background-color: var(--color-teal-900) !important;
}

.text-color-teal-dark {
  color: var(--color-teal-900) !important;
}

.bg-color-blue {
  background-color: var(--color-blue-700) !important;
}

.text-color-blue {
  color: var(--color-blue-700) !important;
}

.bg-color-blue-light {
  background-color: var(--color-blue-500) !important;
}

.text-color-blue-light {
  color: var(--color-blue-500) !important;
}

.bg-color-blue-dark {
  background-color: var(--color-blue-900) !important;
}

.text-color-blue-dark {
  color: var(--color-blue-900) !important;
}

.bg-color-purple {
  background-color: var(--color-purple-700) !important;
}

.text-color-purple {
  color: var(--color-purple-700) !important;
}

.bg-color-purple-light {
  background-color: var(--color-purple-500) !important;
}

.text-color-purple-light {
  color: var(--color-purple-500) !important;
}

.bg-color-purple-dark {
  background-color: var(--color-purple-900) !important;
}

.text-color-purple-dark {
  color: var(--color-purple-900) !important;
}

.bg-color-pink {
  background-color: var(--color-pink-700) !important;
}

.text-color-pink {
  color: var(--color-pink-700) !important;
}

.bg-color-pink-light {
  background-color: var(--color-pink-500) !important;
}

.text-color-pink-light {
  color: var(--color-pink-500) !important;
}

.bg-color-pink-dark {
  background-color: var(--color-pink-900) !important;
}

.text-color-pink-dark {
  color: var(--color-pink-900) !important;
}

.bg-color-orange {
  background-color: var(--color-orange-700) !important;
}

.text-color-orange {
  color: var(--color-orange-700) !important;
}

.bg-color-orange-light {
  background-color: var(--color-orange-500) !important;
}

.text-color-orange-light {
  color: var(--color-orange-500) !important;
}

.bg-color-orange-dark {
  background-color: var(--color-orange-900) !important;
}

.text-color-orange-dark {
  color: var(--color-orange-900) !important;
}

.bg-color-red {
  background-color: var(--color-red-700) !important;
}

.text-color-red {
  color: var(--color-red-700) !important;
}

.bg-color-red-light {
  background-color: var(--color-red-500) !important;
}

.text-color-red-light {
  color: var(--color-red-500) !important;
}

.bg-color-red-dark {
  background-color: var(--color-red-900) !important;
}

.text-color-red-dark {
  color: var(--color-red-900) !important;
}

.bg-color-white {
  background-color: var(--color-grey-50) !important;
}

.text-color-white {
  color: var(--color-grey-50) !important;
}

.bg-color-black {
  background-color: var(--color-grey-1000) !important;
}

.text-color-black {
  color: var(--color-grey-1000) !important;
}

.bg-color-black-lighter {
  background-color: var(--color-grey-900) !important;
}

.text-color-black-lighter {
  color: var(--color-grey-900) !important;
}

.bg-color-grey {
  background-color: var(--color-grey-400) !important;
}

.text-color-grey {
  color: var(--color-grey-400) !important;
}

.bg-color-tertiary {
  background-color: var(--color-grey-900) !important;
}

.text-color-tertiary {
  color: var(--color-grey-900) !important;
}

.bg-color-grey-1 {
  background-color: var(--color-grey-800) !important;
}

.text-color-grey-1 {
  color: var(--color-grey-800) !important;
}

.bg-color-grey-2 {
  background-color: var(--color-grey-700) !important;
}

.text-color-grey-2 {
  color: var(--color-grey-700) !important;
}

.bg-color-grey-3 {
  background-color: var(--color-grey-600) !important;
}

.text-color-grey-3 {
  color: var(--color-grey-600) !important;
}

.bg-color-grey-4 {
  background-color: var(--color-grey-500) !important;
}

.text-color-grey-4 {
  color: var(--color-grey-500) !important;
}

.bg-color-grey-5 {
  background-color: var(--color-grey-300) !important;
}

.text-color-grey-5 {
  color: var(--color-grey-300) !important;
}

.bg-color-grey-6 {
  background-color: var(--color-grey-100) !important;
}

.text-color-grey-6 {
  color: var(--color-grey-100) !important;
}

.bg-color-pastel-blue {
  background-color: var(--color-blue-50) !important;
}

.text-color-pastel-blue {
  color: var(--color-blue-50) !important;
}

.bg-color-pastel-teal {
  background-color: var(--color-teal-50) !important;
}

.text-color-pastel-teal {
  color: var(--color-teal-50) !important;
}

.bg-color-pastel-green {
  background-color: var(--color-green-secondary-50) !important;
}

.text-color-pastel-green {
  color: var(--color-green-secondary-50) !important;
}

.bg-color-pastel-orange {
  background-color: var(--color-orange-50) !important;
}

.text-color-pastel-orange {
  color: var(--color-orange-50) !important;
}

.bg-color-pastel-pink {
  background-color: var(--color-pink-50) !important;
}

.text-color-pastel-pink {
  color: var(--color-pink-50) !important;
}

.bg-color-pastel-grey {
  background-color: var(--color-grey-50) !important;
}

.text-color-pastel-grey {
  color: var(--color-grey-50) !important;
}

.bg-color-pastel-yellow {
  background-color: var(--color-yellow-50) !important;
}

.text-color-pastel-yellow {
  color: var(--color-yellow-50) !important;
}

.bg-background-color-1 {
  background-color: var(--backgrounds-base-100) !important;
}

.text-background-color-1 {
  color: var(--backgrounds-base-100) !important;
}

.bg-background-color-2 {
  background-color: var(--backgrounds-base-200) !important;
}

.text-background-color-2 {
  color: var(--backgrounds-base-200) !important;
}

.bg-background-color-3 {
  background-color: var(--backgrounds-base-300) !important;
}

.text-background-color-3 {
  color: var(--backgrounds-base-300) !important;
}

.bg-background-color-4 {
  background-color: var(--backgrounds-base-400) !important;
}

.text-background-color-4 {
  color: var(--backgrounds-base-400) !important;
}

.bg-background-color-5 {
  background-color: var(--backgrounds-base-500) !important;
}

.text-background-color-5 {
  color: var(--backgrounds-base-500) !important;
}

.bg-background-color-6 {
  background-color: var(--backgrounds-base-600) !important;
}

.text-background-color-6 {
  color: var(--backgrounds-base-600) !important;
}

.bg-background-color-7 {
  background-color: var(--backgrounds-base-700) !important;
}

.text-background-color-7 {
  color: var(--backgrounds-base-700) !important;
}

.bg-background-color-8 {
  background-color: var(--backgrounds-base-800) !important;
}

.text-background-color-8 {
  color: var(--backgrounds-base-800) !important;
}

.bg-background-color-9 {
  background-color: var(--backgrounds-base-900) !important;
}

.text-background-color-9 {
  color: var(--backgrounds-base-900) !important;
}

.bg-background-color-10 {
  background-color: var(--backgrounds-base-1000) !important;
}

.text-background-color-10 {
  color: var(--backgrounds-base-1000) !important;
}

.bg-background-color-pastel-1 {
  background-color: var(--color-green-secondary-50) !important;
}

.text-background-color-pastel-1 {
  color: var(--color-green-secondary-50) !important;
}

.bg-background-color-pastel-2 {
  background-color: var(--color-blue-50) !important;
}

.text-background-color-pastel-2 {
  color: var(--color-blue-50) !important;
}

.bg-background-color-pastel-3 {
  background-color: var(--color-pink-50) !important;
}

.text-background-color-pastel-3 {
  color: var(--color-pink-50) !important;
}

.bg-background-color-pastel-4 {
  background-color: var(--color-teal-50) !important;
}

.text-background-color-pastel-4 {
  color: var(--color-teal-50) !important;
}

.bg-background-color-pastel-5 {
  background-color: var(--color-orange-50) !important;
}

.text-background-color-pastel-5 {
  color: var(--color-orange-50) !important;
}

.bg-background-color-pastel-6 {
  background-color: var(--color-pink-50) !important;
}

.text-background-color-pastel-6 {
  color: var(--color-pink-50) !important;
}

.bg-background-color-pastel-7 {
  background-color: var(--color-grey-50) !important;
}

.text-background-color-pastel-7 {
  color: var(--color-grey-50) !important;
}

.bg-background-color-pastel-8 {
  background-color: var(--color-yellow-50) !important;
}

.text-background-color-pastel-8 {
  color: var(--color-yellow-50) !important;
}

.bg-background-color-gradient-2 {
  background-color: var(--backgrounds-linear-100) !important;
}

.text-background-color-gradient-2 {
  color: var(--backgrounds-linear-100) !important;
}

.bg-background-color-gradient-3 {
  background-color: var(--backgrounds-linear-200) !important;
}

.text-background-color-gradient-3 {
  color: var(--backgrounds-linear-200) !important;
}

.bg-background-color-gradient-4 {
  background-color: var(--backgrounds-linear-300) !important;
}

.text-background-color-gradient-4 {
  color: var(--backgrounds-linear-300) !important;
}

.bg-background-color-gradient-5 {
  background-color: var(--backgrounds-linear-400) !important;
}

.text-background-color-gradient-5 {
  color: var(--backgrounds-linear-400) !important;
}

.bg-background-color-gradient-fscs {
  background-color: var(--backgrounds-radial-fscs) !important;
}

.text-background-color-gradient-fscs {
  color: var(--backgrounds-radial-fscs) !important;
}

.bg-color-fscs {
  background-color: var(--color-fscs) !important;
}

.text-color-fscs {
  color: var(--color-fscs) !important;
}

body,
#wrapper {
  background-color: var(--color-bg) !important;
  color: var(--text-color);
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
}

.container-max-small {
  max-width: var(--small);
}

.container-max-medium {
  max-width: var(--medium);
}

.container-max-large {
  max-width: var(--large);
}

.container-max-extra-large {
  max-width: var(--extra-large);
}

.font-weight-bold {
  font-family: var(--font-family-bold) !important;
  font-weight: normal !important;
}

.font-weight-bolder {
  font-family: var(--font-family-bold) !important;
  font-weight: bold !important;
}

.font-weight-light {
  font-family: var(--font-family-light) !important;
  font-weight: normal !important;
}

.font-weight-lighter {
  font-family: var(--font-family-light) !important;
  font-weight: lighter !important;
}

.font-weight-normal {
  font-family: var(--font-family-base) !important;
  font-weight: normal !important;
}

.font-weight-semi-bold {
  font-family: var(--font-family-base) !important;
  font-weight: bold !important;
}

@font-face {
  font-family: "YBS-Headline";
  src: url("/o/ybs-theme/fonts/Headline/ybsheadline_rg-webfont.eot");
  src: url("/o/ybs-theme/fonts/Headline/ybsheadline_rg-webfont.eot");
  src: url("/o/ybs-theme/fonts/Headline/ybsheadline_rg-webfont.eot?#iefix") format("embedded-opentype"), url("/o/ybs-theme/fonts/Headline/ybsheadline_rg-webfont.woff") format("woff"), url("/o/ybs-theme/fonts/Headline/ybsheadline_rg-webfont.ttf") format("truetype"), url("/o/ybs-theme/fonts/Headline/ybsheadline_rg-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Aller";
  src: url("/o/ybs-theme/fonts/Aller/ybsallertextscreen_rg.eot");
  src: url("/o/ybs-theme/fonts/Aller/ybsallertextscreen_rg.eot?#iefix") format("embedded-opentype"), url("/o/ybs-theme/fonts/Aller/ybsallertextscreen_rg.woff") format("woff"), url("/o/ybs-theme/fonts/Aller/ybsallertextscreen_rg.ttf") format("truetype"), url("/o/ybs-theme/fonts/Aller/ybsallertextscreen_rg.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Aller-Bold";
  src: url("/o/ybs-theme/fonts/Aller/ybsaller_bd.eot");
  src: url("/o/ybs-theme/fonts/Aller/ybsaller_bd.eot?#iefix") format("embedded-opentype"), url("/o/ybs-theme/fonts/Aller/ybsaller_bd.woff") format("woff"), url("/o/ybs-theme/fonts/Aller/ybsaller_bd.ttf") format("truetype"), url("/o/ybs-theme/fonts/Aller/ybsaller_bd.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Aller-Light";
  src: url("/o/ybs-theme/fonts/Aller/ybsaller_lt.eot");
  src: url("/o/ybs-theme/fonts/Aller/ybsaller_lt.eot?#iefix") format("embedded-opentype"), url("/o/ybs-theme/fonts/Aller/ybsaller_lt.woff") format("woff"), url("/o/ybs-theme/fonts/Aller/ybsaller_lt.ttf") format("truetype"), url("/o/ybs-theme/fonts/Aller/ybsaller_lt.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FontAwesome";
  src: url("/o/ybs-theme/fonts/FontAwesome/fontawesome-webfont.eot");
  src: url("/o/ybs-theme/fonts/FontAwesome/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("/o/ybs-theme/fonts/FontAwesome/fontawesome-webfont.woff") format("woff"), url("/o/ybs-theme/fonts/FontAwesome/fontawesome-webfont.ttf") format("truetype"), url("/o/ybs-theme/fonts/FontAwesome/fontawesome-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*!
 * #font-awesome #icons
 * 
 *
 *  Font Awesome 5.15.4 http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
.ybs {
  /* Add icons to telephone numbers */
  /* Below this line should be icon content definitions. nothing more. */
  /*!
  * Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
  * License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  */
  /* End new style fontawesome icons */
}
.ybs .ybs-icon,
.ybs .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ybs .fa-li {
  color: #7cc533;
}
.ybs i.fas,
.ybs i.far,
.ybs i.fab,
.ybs i.ybsi {
  min-width: 1em;
  min-height: 1em;
}
.ybs svg.primary {
  color: var(--color-primary);
}
.ybs svg.secondary {
  color: var(--color-secondary);
}
.ybs svg.white {
  color: var(--color-grey-50);
}
.ybs svg.grey {
  color: var(--color-grey-500);
}
.ybs .ybs-icon:before {
  line-height: inherit;
  font-size: inherit;
  height: 1em;
  width: 1em;
  content: "";
  display: inline-block;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  margin: 0 0.15em;
}
.ybs .input-with-icons .ybs-icon:before {
  width: inherit;
}
.ybs ul.fa-ul > li:before {
  display: none;
  background-image: none;
}
.ybs ul > li[class*=fa-].white:before {
  color: #fff;
}
.ybs [href^="tel:"],
.ybs [href^="mailto:"] {
  font-weight: bold;
  margin: 0 0 0.5em 0;
  color: var(--color-primary);
  text-decoration: none;
}
.ybs .social-icons a[href^="https://"]:not([href^="https://www.ybs.co.uk"]):not([href^="https://online.ybs.co.uk"]):not([href^="https://mortgages.ybs.co.uk"]):not([href^="https://savings.ybs.co.uk"]):after {
  content: "";
  display: none;
  margin: 0;
}
.ybs .icon-category-type, .ybs .category__gradient-green i, .ybs .category__our-money-movement i, .ybs .category__life-moments i, .ybs .category__my-money i, .ybs .category__home-buyers i, .ybs .category__home-owners i {
  background-repeat: no-repeat;
  width: 1rem;
  height: 1rem;
  display: block;
}
.ybs .fa-homeowners,
.ybs .fa-homeowners--contrast {
  background-image: url(/o/ybs-theme/images/svg/fa-homeowners.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 0.1rem;
}
.ybs .fa-homeowners > g,
.ybs .fa-homeowners--contrast > g {
  display: none !important;
}
.ybs .fa-homebuyers,
.ybs .fa-homebuyers--contrast {
  background-image: url(/o/ybs-theme/images/svg/fa-homebuyers.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.1rem;
}
.ybs .fa-homebuyers > g,
.ybs .fa-homebuyers--contrast > g {
  display: none !important;
}
.ybs .category__home-owners [class*=fa-] {
  color: #4a74c5;
  filter: brightness(0) saturate(100%) invert(37%) sepia(10%) saturate(6040%) hue-rotate(192deg) brightness(104%) contrast(72%);
}
.ybs .category__home-owners [class*="--contrast"] {
  color: var(--color-grey-50);
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.ybs .category__home-owners .svg-inline--fa,
.ybs .category__home-owners .fa-our-money-movement {
  color: inherit;
  filter: none;
}
.ybs .category__home-buyers [class*=fa-] {
  color: #d66d20;
  filter: brightness(0) saturate(100%) invert(45%) sepia(70%) saturate(580%) hue-rotate(343deg) brightness(95%) contrast(92%);
}
.ybs .category__home-buyers [class*="--contrast"] {
  color: var(--color-grey-50);
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.ybs .category__home-buyers .svg-inline--fa,
.ybs .category__home-buyers .fa-our-money-movement {
  color: inherit;
  filter: none;
}
.ybs .category__my-money [class*=fa-] {
  color: #1fa398;
  filter: brightness(0) saturate(100%) invert(46%) sepia(98%) saturate(341%) hue-rotate(126deg) brightness(96%) contrast(91%);
}
.ybs .category__my-money [class*="--contrast"] {
  color: var(--color-grey-50);
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.ybs .category__my-money .svg-inline--fa,
.ybs .category__my-money .fa-our-money-movement {
  color: inherit;
  filter: none;
}
.ybs .category__life-moments [class*=fa-] {
  color: #9d42c9;
  filter: brightness(0) saturate(100%) invert(36%) sepia(68%) saturate(1533%) hue-rotate(255deg) brightness(81%) contrast(93%);
}
.ybs .category__life-moments [class*="--contrast"] {
  color: var(--color-grey-50);
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.ybs .category__life-moments .svg-inline--fa,
.ybs .category__life-moments .fa-our-money-movement {
  color: inherit;
  filter: none;
}
.ybs .category__our-money-movement [class*=fa-] {
  color: #9d42c9;
  filter: brightness(0) saturate(100%) invert(36%) sepia(68%) saturate(1533%) hue-rotate(255deg) brightness(81%) contrast(93%);
}
.ybs .category__our-money-movement [class*="--contrast"] {
  color: var(--color-grey-900);
  filter: brightness(0) saturate(100%) invert(14%) sepia(14%) saturate(1632%) hue-rotate(225deg) brightness(90%) contrast(89%);
}
.ybs .category__our-money-movement .svg-inline--fa,
.ybs .category__our-money-movement .fa-our-money-movement {
  color: inherit;
  filter: none;
}
.ybs .category__gradient-green .fa-homeowners {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='134px' height='105px' viewBox='0 0 134 105' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-883.000000, -103.000000)' fill='%237CC533' fill-rule='nonzero' stroke='%237CC533' stroke-width='4'%3E%3Cg transform='translate(885.000000, 105.000000)'%3E%3Cpath d='M128.694283,48.5608292 L115.549758,37.7636673 L115.549758,16.2279624 C115.549758,15.2318283 114.741378,14.4243021 113.744191,14.4243021 L106.521925,14.4243021 C105.539616,14.430325 104.74236,15.2197272 104.727643,16.2009075 L104.727643,28.8761308 L73.0896024,2.92596717 C68.3989597,-0.97532239 61.5888265,-0.97532239 56.8981838,2.92596717 L1.29350325,48.5608292 C0.559000143,49.174897 0.0987957205,50.055302 0.0141420572,51.0083415 C-0.0705116062,51.9613811 0.227320818,52.9089765 0.8421116,53.6426423 L3.15323686,56.4157701 C4.43314146,57.9422236 6.70909987,58.1440483 8.23816381,56.8666852 L14.4380281,51.780363 L14.4380281,93.7853585 C14.4491865,97.7652688 17.676178,100.988853 21.6602946,101 L50.5493603,101 C54.5334768,100.988853 57.7604684,97.7652688 57.7716267,93.7853585 L57.7716267,70.3377736 L72.2161595,70.3377736 L72.2161595,93.7853585 C72.2273178,97.7652688 75.4543094,100.988853 79.438426,101 L108.327492,101 C112.291641,100.991541 115.511448,97.7992568 115.549758,93.8394683 L115.549758,51.7758538 L121.763164,56.8757035 C123.292228,58.1530666 125.568186,57.9512419 126.848091,56.4247884 L129.156959,53.6539152 C129.773974,52.9181942 130.072046,51.9671762 129.985212,51.0113179 C129.898378,50.0554596 129.433798,49.1735776 128.694283,48.5608292 Z M104.682504,90.1780378 L83.0495592,90.1780378 L83.0495592,66.7304529 C83.0384008,62.7505426 79.8114093,59.5269579 75.8272927,59.5158114 L54.1604935,59.5158114 C50.1763769,59.5269579 46.9493854,62.7505426 46.938227,66.7304529 L46.938227,90.1780378 L25.2714278,90.1780378 L25.2714278,42.8928265 L64.9938931,10.2871561 L104.716358,42.879299 L104.682504,90.1780378 Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  margin-top: 0.2rem;
}
.ybs .category__gradient-green .fa-homeowners--contrast {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 189.000000 152.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,152.000000) scale(0.100000,-0.100000)'%0Afill='%23FFFFFF' stroke='none'%3E%3Cpath d='M884 1351 c-35 -21 -765 -619 -776 -635 -4 -6 -8 -16 -8 -23 0 -20%0A60 -83 79 -83 10 0 36 16 60 36 23 20 45 34 48 30 3 -3 6 -124 5 -268 0 -145%0A3 -279 9 -299 17 -66 30 -69 282 -69 l224 0 27 26 26 27 0 173 0 174 99 0 100%0A0 3 -176 3 -176 28 -24 c28 -24 30 -24 252 -24 l223 0 31 26 31 26 0 294 c0%0A162 4 294 9 294 4 0 29 -16 54 -35 25 -19 52 -35 60 -35 17 0 65 50 67 70 5%0A32 -3 42 -95 117 l-95 77 0 154 0 153 -67 -3 -68 -3 -3 -92 -3 -92 -200 165%0Ac-109 91 -216 176 -236 189 -45 31 -123 34 -169 6z m365 -341 l240 -195 0%0A-317 1 -318 -145 0 -145 0 0 171 0 171 -29 29 -29 29 -177 0 c-102 0 -184 -4%0A-196 -10 -41 -22 -49 -60 -49 -230 l0 -160 -145 0 -145 0 0 313 0 312 266 218%0A266 217 23 -17 c13 -10 132 -106 264 -213z'/%3E%3C/g%3E%3C/svg%3E");
}
.ybs .category__gradient-green .fa-homebuyers {
  background-image: url(/o/ybs-theme/images/svg/fa-homebuyers.svg);
}
.ybs .category__gradient-green .fa-homebuyers--contrast {
  background-image: url(/o/ybs-theme/images/svg/fa-homebuyers.svg);
}
.ybs .fa-our-money-movement {
  background-image: url(/o/ybs-theme/images/icons/fa-omm.png);
  background-size: 100% 100%;
}
.ybs svg:not(:root).svg-inline--fa {
  overflow: visible;
}
.ybs .svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}
.ybs .svg-inline--fa.fa-lg {
  vertical-align: -0.225em;
}
.ybs .svg-inline--fa.fa-w-1 {
  width: 0.0625em;
}
.ybs .svg-inline--fa.fa-w-2 {
  width: 0.125em;
}
.ybs .svg-inline--fa.fa-w-3 {
  width: 0.1875em;
}
.ybs .svg-inline--fa.fa-w-4 {
  width: 0.25em;
}
.ybs .svg-inline--fa.fa-w-5 {
  width: 0.3125em;
}
.ybs .svg-inline--fa.fa-w-6 {
  width: 0.375em;
}
.ybs .svg-inline--fa.fa-w-7 {
  width: 0.4375em;
}
.ybs .svg-inline--fa.fa-w-8 {
  width: 0.5em;
}
.ybs .svg-inline--fa.fa-w-9 {
  width: 0.5625em;
}
.ybs .svg-inline--fa.fa-w-10 {
  width: 0.625em;
}
.ybs .svg-inline--fa.fa-w-11 {
  width: 0.6875em;
}
.ybs .svg-inline--fa.fa-w-12 {
  width: 0.75em;
}
.ybs .svg-inline--fa.fa-w-13 {
  width: 0.8125em;
}
.ybs .svg-inline--fa.fa-w-14 {
  width: 0.875em;
}
.ybs .svg-inline--fa.fa-w-15 {
  width: 0.9375em;
}
.ybs .svg-inline--fa.fa-w-16 {
  width: 1em;
}
.ybs .svg-inline--fa.fa-w-17 {
  width: 1.0625em;
}
.ybs .svg-inline--fa.fa-w-18 {
  width: 1.125em;
}
.ybs .svg-inline--fa.fa-w-19 {
  width: 1.1875em;
}
.ybs .svg-inline--fa.fa-w-20 {
  width: 1.25em;
}
.ybs .svg-inline--fa.fa-pull-left {
  margin-right: 0.3em;
  width: auto;
}
.ybs .svg-inline--fa.fa-pull-right {
  margin-left: 0.3em;
  width: auto;
}
.ybs .svg-inline--fa.fa-border {
  height: 1.5em;
}
.ybs .svg-inline--fa.fa-li {
  width: 2em;
}
.ybs .svg-inline--fa.fa-fw {
  width: 1.25em;
}
.ybs .fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.ybs .fa {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.ybs .fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}
.ybs .fa-xs {
  font-size: 0.75em;
}
.ybs .fa-sm {
  font-size: 0.875em;
}
.ybs .fa-1x {
  font-size: 1em;
}
.ybs .fa-2x {
  font-size: 2em;
}
.ybs .fa-3x {
  font-size: 3em;
}
.ybs .fa-4x {
  font-size: 4em;
}
.ybs .fa-5x {
  font-size: 5em;
}
.ybs .fa-6x {
  font-size: 6em;
}
.ybs .fa-7x {
  font-size: 7em;
}
.ybs .fa-8x {
  font-size: 8em;
}
.ybs .fa-9x {
  font-size: 9em;
}
.ybs .fa-10x {
  font-size: 10em;
}
.ybs .fa-fw {
  text-align: center;
  width: 1.25em;
}
.ybs .fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.ybs .fa-ul > li {
  position: relative;
}
.ybs .fa-li {
  position: absolute;
  left: -1.6em;
  width: 1.143em;
  top: 0.043em;
  text-align: center;
  font-size: 1em;
}
.ybs .column > .fa-li {
  position: absolute;
  left: 0.1em;
  width: 1.143em;
  top: 0.043em;
  text-align: center;
  font-size: 1.8em;
}
.ybs .fa-border {
  border: 0.08em solid #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}
.ybs .fa-pull-left {
  float: left;
}
.ybs .fa-pull-right {
  float: right;
}
.ybs .fa.fa-pull-left,
.ybs .fab.fa-pull-left,
.ybs .fal.fa-pull-left,
.ybs .far.fa-pull-left,
.ybs .fas.fa-pull-left {
  margin-right: 0.3em;
}
.ybs .fa.fa-pull-right,
.ybs .fab.fa-pull-right,
.ybs .fal.fa-pull-right,
.ybs .far.fa-pull-right,
.ybs .fas.fa-pull-right {
  margin-left: 0.3em;
}
.ybs .fa-spin {
  animation: a 2s infinite linear;
}
.ybs .fa-pulse {
  animation: a 1s infinite steps(8);
}
@keyframes a {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.ybs .fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}
.ybs .fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}
.ybs .fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}
.ybs .fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scaleX(-1);
}
.ybs .fa-flip-vertical {
  transform: scaleY(-1);
}
.ybs .fa-flip-horizontal.fa-flip-vertical,
.ybs .fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
}
.ybs .fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1);
}
.ybs :root .fa-flip-horizontal,
.ybs :root .fa-flip-vertical,
.ybs :root .fa-rotate-90,
.ybs :root .fa-rotate-180,
.ybs :root .fa-rotate-270 {
  -webkit-filter: none;
  filter: none;
}
.ybs .fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2em;
}
.ybs .fa-stack-1x,
.ybs .fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.ybs .fa-stack-1x {
  line-height: inherit;
}
.ybs .fa-stack-2x {
  font-size: 2em;
}
.ybs .fa-inverse {
  color: #fff;
}
.ybs .sr-only, .ybs #ybsoc .ybsoc-input-radio__option input {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ybs .sr-only-focusable:active,
.ybs .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.ybs .fa-ul {
  margin-left: 0;
}
.ybs #ybsgi .ybs-icon-list .column {
  min-height: 5em;
  border: solid 1px transparent;
  padding-top: 1.2em;
  margin-left: 0;
  padding-left: 4.8rem;
  color: grey;
  position: relative;
  z-index: 999;
  width: 20%;
  font-size: 0.9em;
  line-height: 1.2;
}
.ybs #ybsgi .ybs-icon-list .column > .fa-li {
  padding-left: 0.4em;
  position: absolute;
  left: -0.1em;
  width: 1.143em;
  top: 0.043em;
  text-align: center;
  font-size: 3.2em;
  padding-top: 0.14em;
}
.ybs #ybsgi .ybs-icon-list .column:after {
  background: rgba(220, 220, 220, 0.2);
  border-radius: 0.5em;
  margin: 0 auto;
  padding: 0.5em;
  border: solid 3px white;
  display: inline;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: -1;
}

.ybs .box,
.mfp-wrap .box {
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.2em;
  margin-bottom: 2em;
  position: relative;
  box-shadow: var(--box-shadow);
}
.ybs .box .box-icon,
.mfp-wrap .box .box-icon {
  width: fit-content;
  margin: 0 auto;
  padding-bottom: 0.4em;
  margin-top: -0.6em;
  color: var(--color-secondary);
}
.ybs .box .box-icon > svg,
.mfp-wrap .box .box-icon > svg {
  font-size: 3.5em;
}
@media screen and (min-width: 551px) {
  .ybs .box.box-has-icon-left,
  .mfp-wrap .box.box-has-icon-left {
    padding-left: 6.5em;
    padding-top: 1.75em;
  }
  .ybs .box.box-has-icon-left .box-icon,
  .mfp-wrap .box.box-has-icon-left .box-icon {
    width: 4.5em;
    float: left;
    left: -2em;
    margin-left: -5.15em;
    padding-bottom: 1em;
  }
}
.ybs .warning-box,
.mfp-wrap .warning-box {
  display: block;
  box-sizing: border-box;
  margin: 0 auto 1.5em auto;
  border-radius: 0.25em;
  border: solid 1px rgba(0, 0, 0, 0.05);
  border-bottom: 2px solid rgba(0, 0, 0, 0.075);
  background-color: rgba(233, 233, 233, 0.9);
  padding: 0.5em 0.5em;
  text-align: center;
  font-size: 0.9em;
  line-height: 1.5em;
  color: var(--text-grey);
  font-family: var(--font-family-base);
  font-weight: bold;
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .ybs .warning-box,
  .mfp-wrap .warning-box {
    margin-bottom: 22px;
  }
}
.ybs .warning-box.warning,
.mfp-wrap .warning-box.warning {
  background-color: var(--color-red-50);
  display: flex;
  justify-content: center;
  align-items: normal;
  border: 1px solid var(--color-orange-700);
  font-weight: normal;
  text-align: left;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
@media screen and (min-width: 769px) {
  .ybs .warning-box.warning,
  .mfp-wrap .warning-box.warning {
    align-items: center;
  }
}
.ybs .warning-icon,
.mfp-wrap .warning-icon {
  margin-right: 0.5rem;
  font-size: 1.313rem;
  color: var(--color-orange-700);
}
.ybs .box-padding,
.mfp-wrap .box-padding {
  padding: 1.7rem;
}
.ybs .box-1,
.mfp-wrap .box-1 {
  background-color: var(--box1-bg);
}
.ybs .box-2,
.mfp-wrap .box-2 {
  background-color: var(--box2-bg);
}
.ybs .box-3,
.mfp-wrap .box-3 {
  background-color: var(--box3-bg);
}
.ybs .box-4,
.mfp-wrap .box-4 {
  background-color: var(--box4-bg);
}
.ybs .box-5,
.mfp-wrap .box-5 {
  background-color: var(--box5-bg);
}
.ybs .box-6,
.mfp-wrap .box-6 {
  background-color: var(--box6-bg);
}
.ybs .box-7,
.mfp-wrap .box-7 {
  background-color: var(--box7-bg);
}
.ybs .box-8,
.mfp-wrap .box-8 {
  background-color: var(--box8-bg);
  color: var(--color-grey-50);
}
.ybs .box-9,
.mfp-wrap .box-9 {
  background-color: var(--box9-bg);
}
.ybs .box-10,
.mfp-wrap .box-10 {
  background-color: var(--backgrounds-base-1000);
}
.ybs .box-10 h1,
.ybs .box-10 h2,
.ybs .box-10 h3,
.ybs .box-10 h4,
.ybs .box-10 h5,
.ybs .box-10 p,
.ybs .box-10 .link,
.ybs .box-10 .times,
.mfp-wrap .box-10 h1,
.mfp-wrap .box-10 h2,
.mfp-wrap .box-10 h3,
.mfp-wrap .box-10 h4,
.mfp-wrap .box-10 h5,
.mfp-wrap .box-10 p,
.mfp-wrap .box-10 .link,
.mfp-wrap .box-10 .times {
  color: var(--backgrounds-base-100);
}
.ybs .bg-pastel-1,
.mfp-wrap .bg-pastel-1 {
  background: var(--color-green-secondary-50);
}
.ybs .bg-pastel-2,
.mfp-wrap .bg-pastel-2 {
  background: var(--color-blue-50);
}
.ybs .bg-pastel-3,
.mfp-wrap .bg-pastel-3 {
  background: var(--color-pink-50);
}
.ybs .bg-pastel-4,
.mfp-wrap .bg-pastel-4 {
  background: var(--color-teal-50);
}
.ybs .bg-pastel-5,
.mfp-wrap .bg-pastel-5 {
  background: var(--color-orange-50);
}
.ybs .box-outline-error,
.mfp-wrap .box-outline-error {
  border: solid 2px rgba(255, 0, 0, 0.5);
  border-bottom-width: 3px;
  box-shadow: none;
}
.ybs .box-outline-error .error-item,
.mfp-wrap .box-outline-error .error-item {
  display: flex;
  margin-bottom: 0.4rem;
}
.ybs .box-outline-error .error-item:last-child,
.mfp-wrap .box-outline-error .error-item:last-child {
  margin-bottom: 0;
}
.ybs .box-outline-error .error-item .svg-inline--fa,
.mfp-wrap .box-outline-error .error-item .svg-inline--fa {
  font-size: 1.5rem;
  margin-right: 1.2rem;
}
.ybs .box-outline-error .error-item .svg-inline--fa.fa-triangle-exclamation path,
.mfp-wrap .box-outline-error .error-item .svg-inline--fa.fa-triangle-exclamation path {
  fill: var(--color-orange-500);
}
.ybs .box-outline-secondary,
.mfp-wrap .box-outline-secondary {
  border: solid 2px var(--color-secondary);
  border-bottom-width: 3px;
  box-shadow: none;
}

.ybs .btn,
.mfp-wrap .btn {
  transition: ease-in-out 0.2s;
  position: relative;
  display: inline-block;
  padding: 0.5rem 1.2rem;
  margin: 5px;
  border-radius: 0.2em;
  font-family: var(--font-family-bold);
  font-weight: normal;
  line-height: 1.4em;
  text-align: center;
  cursor: pointer;
  border: solid transparent 2px;
  background-color: transparent;
  color: var(--button-text);
  text-decoration: none;
}
.ybs .btn a,
.mfp-wrap .btn a {
  transition: ease-in-out 0.2s;
  text-decoration: none;
}
.ybs .btn a:focus-visible,
.mfp-wrap .btn a:focus-visible {
  box-shadow: 0 0 0 0.125rem white, 0 0 0 0.3rem var(--element-outline);
  outline: none;
}
.ybs .btn.full-width-link,
.mfp-wrap .btn.full-width-link {
  padding: 0;
}
.ybs .btn.full-width-link a,
.mfp-wrap .btn.full-width-link a {
  padding: 0.5rem 1.2rem;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ybs .btn.full-width-link a:focus-visible,
.mfp-wrap .btn.full-width-link a:focus-visible {
  border: inherit;
}
.ybs .btn:not(:hover),
.mfp-wrap .btn:not(:hover) {
  border-color: var(--button-text);
}
.ybs .btn.btn-primary,
.mfp-wrap .btn.btn-primary {
  border-color: var(--button-border);
}
.ybs .btn.btn-primary:hover,
.mfp-wrap .btn.btn-primary:hover {
  border-color: var(--button-primary-hover-text);
  color: var(--button-primary-hover-text);
}
.ybs .btn.btn-primary-1,
.mfp-wrap .btn.btn-primary-1 {
  background-color: transparent;
  border: solid var(--button-primary1-text) 2px;
  color: var(--button-primary1-text);
}
.ybs .btn.btn-primary-1:hover,
.mfp-wrap .btn.btn-primary-1:hover {
  background: var(--button-primary1-hover-bg);
  color: var(--button-primary1-hover-text);
}
.ybs .btn.btn-cta, .ybs .btn.btn-secondary,
.mfp-wrap .btn.btn-cta,
.mfp-wrap .btn.btn-secondary {
  border-color: transparent;
  background-color: var(--button-cta-bg);
  color: var(--button-cta-text);
}
.ybs .btn.btn-cta:hover, .ybs .btn.btn-secondary:hover,
.mfp-wrap .btn.btn-cta:hover,
.mfp-wrap .btn.btn-secondary:hover {
  background-color: var(--button-cta-hover-bg);
  color: var(--button-cta-hover-text);
}
.ybs .btn.btn-outline-primary, .ybs .btn.btn-outline-secondary,
.mfp-wrap .btn.btn-outline-primary,
.mfp-wrap .btn.btn-outline-secondary {
  background-color: transparent;
  border-color: transparent;
  color: var(--input-text);
}
.ybs .btn.btn-cta-1,
.mfp-wrap .btn.btn-cta-1 {
  background-color: var(--button-cta1-bg);
  border: none;
  color: var(--button-color-cta1-text);
}
.ybs .btn.btn-primary-color,
.mfp-wrap .btn.btn-primary-color {
  border-color: var(--color-primary);
  background: transparent;
  color: var(--color-primary);
}
.ybs .btn.btn-primary-color a,
.mfp-wrap .btn.btn-primary-color a {
  color: var(--color-primary);
}
.ybs .btn.btn-primary-color:hover,
.mfp-wrap .btn.btn-primary-color:hover {
  border-color: var(--button-primary-hover-text);
  color: var(--button-primary-hover-text);
}
.ybs .btn.btn-primary-color:hover a,
.mfp-wrap .btn.btn-primary-color:hover a {
  color: var(--button-primary-hover-text);
}
.ybs .btn.btn-solid-primary, .ybs .btn.btn-solid-primary-color,
.mfp-wrap .btn.btn-solid-primary,
.mfp-wrap .btn.btn-solid-primary-color {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-grey-50);
}
.ybs .btn.btn-solid-primary a, .ybs .btn.btn-solid-primary-color a,
.mfp-wrap .btn.btn-solid-primary a,
.mfp-wrap .btn.btn-solid-primary-color a {
  color: var(--color-grey-50);
}
.ybs .btn.btn-solid-primary:hover, .ybs .btn.btn-solid-primary-color:hover,
.mfp-wrap .btn.btn-solid-primary:hover,
.mfp-wrap .btn.btn-solid-primary-color:hover {
  border-color: var(--color-primary-hover);
  background: var(--color-primary-hover);
}
.ybs .btn.btn-solid-secondary-color,
.mfp-wrap .btn.btn-solid-secondary-color {
  border-color: var(--color-secondary);
  background: var(--color-secondary);
  color: var(--color-grey-50);
}
.ybs .btn.btn-solid-secondary-color a,
.mfp-wrap .btn.btn-solid-secondary-color a {
  color: var(--color-grey-50);
}
.ybs .btn.btn-solid-secondary-color:hover,
.mfp-wrap .btn.btn-solid-secondary-color:hover {
  border-color: var(--color-primary);
  background: var(--color-primary);
}
.ybs .btn.btn-solid-white,
.mfp-wrap .btn.btn-solid-white {
  border-color: var(--color-grey-50);
  background: var(--color-grey-50);
  color: var(--color-primary);
}
.ybs .btn.btn-solid-white a,
.mfp-wrap .btn.btn-solid-white a {
  color: var(--color-primary);
}
.ybs .btn.btn-solid-white:hover,
.mfp-wrap .btn.btn-solid-white:hover {
  border-color: var(--button-primary1-hover-text);
  background: var(--button-primary1-hover-text);
}
.ybs .btn.btn-border-white,
.mfp-wrap .btn.btn-border-white {
  border-color: var(--color-grey-50);
  background: transparent;
  color: var(--color-grey-50);
}
.ybs .btn.btn-border-white a,
.mfp-wrap .btn.btn-border-white a {
  color: var(--color-grey-50);
}
.ybs .btn.btn-border-white:hover,
.mfp-wrap .btn.btn-border-white:hover {
  border-color: var(--button-primary1-hover-text);
  color: var(--button-primary1-hover-text);
}
.ybs .btn.btn-border-white:hover a,
.mfp-wrap .btn.btn-border-white:hover a {
  color: var(--button-primary1-hover-text);
}
.ybs .btn.btn-solid-black-lighter,
.mfp-wrap .btn.btn-solid-black-lighter {
  border-color: var(--color-grey-900);
  background: var(--color-grey-900);
  color: var(--color-grey-50);
}
.ybs .btn.btn-solid-black-lighter a,
.mfp-wrap .btn.btn-solid-black-lighter a {
  color: var(--color-grey-50);
}
.ybs .btn.btn-solid-black-lighter:hover,
.mfp-wrap .btn.btn-solid-black-lighter:hover {
  border-color: var(--color-grey-1000);
  background: var(--color-grey-1000);
}
.ybs .btn.btn-border-black-lighter,
.mfp-wrap .btn.btn-border-black-lighter {
  border-color: var(--color-grey-900);
  background: transparent;
  color: var(--color-grey-900);
}
.ybs .btn.btn-border-black-lighter a,
.mfp-wrap .btn.btn-border-black-lighter a {
  color: var(--color-grey-900);
}
.ybs .btn.btn-border-black-lighter:hover,
.mfp-wrap .btn.btn-border-black-lighter:hover {
  border-color: var(--color-grey-1000);
  color: var(--color-grey-1000);
}
.ybs .btn.btn-border-black-lighter:hover a,
.mfp-wrap .btn.btn-border-black-lighter:hover a {
  color: var(--color-grey-1000);
}
.ybs .btn.btn-solid-grey,
.mfp-wrap .btn.btn-solid-grey {
  border-color: var(--color-grey-500);
  background: var(--color-grey-500);
  color: var(--text-grey);
}
.ybs .btn.btn-solid-grey a,
.mfp-wrap .btn.btn-solid-grey a {
  color: var(--text-grey);
}
.ybs .btn.btn-solid-grey:hover,
.mfp-wrap .btn.btn-solid-grey:hover {
  border-color: var(--color-grey-600);
  background: var(--color-grey-600);
}
.ybs .btn.btn-large,
.mfp-wrap .btn.btn-large {
  padding: 0.615rem 0.7rem;
  font-size: 1.3rem;
}
.ybs .btn.btn-large a,
.mfp-wrap .btn.btn-large a {
  padding: 0.615rem 0.7rem;
  font-size: 1.3rem;
}
@media (max-width: 500px) {
  .ybs .btn.btn-large a,
  .mfp-wrap .btn.btn-large a {
    padding: 0;
  }
}
.ybs .btn.btn-full,
.mfp-wrap .btn.btn-full {
  display: block;
}
.ybs .btn.btn-back i,
.ybs .btn.btn-back svg,
.mfp-wrap .btn.btn-back i,
.mfp-wrap .btn.btn-back svg {
  margin-left: 0.25em;
  font-size: 1.1em;
}
.ybs .btn.btn-continue i,
.ybs .btn.btn-continue svg,
.mfp-wrap .btn.btn-continue i,
.mfp-wrap .btn.btn-continue svg {
  margin-left: 0.35em;
  font-size: 0.8rem;
}
.ybs .btn.btn-accept i,
.ybs .btn.btn-accept svg,
.mfp-wrap .btn.btn-accept i,
.mfp-wrap .btn.btn-accept svg {
  margin-left: 0.35em;
  font-size: 0.8rem;
}
.ybs .btn.icon-btn,
.mfp-wrap .btn.icon-btn {
  margin: 0.2em;
  padding: 0;
  line-height: 1;
  min-width: unset;
}
.ybs .btn.disabled,
.mfp-wrap .btn.disabled {
  cursor: default;
}
.ybs .btn.btn-disabled,
.mfp-wrap .btn.btn-disabled {
  background: var(--button-disabled-primary-bg);
  color: var(--button-disabled-primary-text);
  border: 2px solid var(--button-disabled-primary-text);
  opacity: 1;
  cursor: not-allowed;
}
.ybs .btn.btn-disabled a,
.ybs .btn.btn-disabled svg,
.mfp-wrap .btn.btn-disabled a,
.mfp-wrap .btn.btn-disabled svg {
  color: var(--button-disabled-primary-text);
  cursor: not-allowed;
}
.ybs .btn.btn-disabled a :hover,
.ybs .btn.btn-disabled svg :hover,
.mfp-wrap .btn.btn-disabled a :hover,
.mfp-wrap .btn.btn-disabled svg :hover {
  color: var(--button-disabled-hover-text);
}
.ybs .btn.btn-disabled:hover,
.mfp-wrap .btn.btn-disabled:hover {
  border-color: transparent;
  background-color: var(--button-disabled-hover-bg);
  color: var(--button-disabled-primary-text);
  cursor: not-allowed;
}
.ybs .btn.btn-disabled:hover a,
.ybs .btn.btn-disabled:hover svg,
.mfp-wrap .btn.btn-disabled:hover a,
.mfp-wrap .btn.btn-disabled:hover svg {
  color: var(--button-disabled-hover-text);
  cursor: not-allowed;
}
.ybs .btn.btn-disabled:hover a :hover,
.ybs .btn.btn-disabled:hover svg :hover,
.mfp-wrap .btn.btn-disabled:hover a :hover,
.mfp-wrap .btn.btn-disabled:hover svg :hover {
  color: var(--button-disabled-hover-text);
}
.ybs .btn:focus-visible,
.mfp-wrap .btn:focus-visible {
  box-shadow: 0 0 0 0.125rem white, 0 0 0 0.3rem var(--element-outline);
  outline: none;
}
.ybs button:focus,
.mfp-wrap button:focus {
  box-shadow: none;
}
.ybs button:focus-visible,
.mfp-wrap button:focus-visible {
  box-shadow: 0 0 0 0.125rem white, 0 0 0 0.3rem var(--element-outline);
  outline: none;
}
.ybs button.link-btn,
.mfp-wrap button.link-btn {
  color: var(--color-primary);
  padding: 0;
  margin: unset;
  border: none;
  background: unset;
  text-decoration: underline;
}
.ybs button.link-btn:hover,
.mfp-wrap button.link-btn:hover {
  color: var(--color-primary-hover);
  text-decoration: none;
}
.ybs button.btn-naked,
.mfp-wrap button.btn-naked {
  background: transparent;
  border: none;
  padding: 0;
  border-radius: 0.2em;
}
.ybs .button-examples .btn,
.mfp-wrap .button-examples .btn {
  display: block;
}
.ybs .component-button,
.mfp-wrap .component-button {
  position: relative;
}
.ybs .component-button div:nth-child(2) a,
.mfp-wrap .component-button div:nth-child(2) a {
  padding-left: 2.5rem;
}
.ybs .component-button .button-icon,
.mfp-wrap .component-button .button-icon {
  font-size: 0.972rem;
}
.ybs .component-button .primary a,
.ybs .component-button .primary svg,
.mfp-wrap .component-button .primary a,
.mfp-wrap .component-button .primary svg {
  color: var(--color-primary);
}
.ybs .component-button .primary a :hover,
.ybs .component-button .primary svg :hover,
.mfp-wrap .component-button .primary a :hover,
.mfp-wrap .component-button .primary svg :hover {
  color: var(--button-primary-hover-text);
}
.ybs .component-button .cta a,
.ybs .component-button .cta svg,
.mfp-wrap .component-button .cta a,
.mfp-wrap .component-button .cta svg {
  color: var(--button-cta-text);
}
.ybs .component-button .cta a :hover,
.ybs .component-button .cta svg :hover,
.mfp-wrap .component-button .cta a :hover,
.mfp-wrap .component-button .cta svg :hover {
  color: var(--button-cta-hover-text);
}
.ybs .component-button .primary-1 a,
.ybs .component-button .primary-1 svg,
.mfp-wrap .component-button .primary-1 a,
.mfp-wrap .component-button .primary-1 svg {
  color: var(--button-primary1-text);
}
.ybs .component-button .primary-1 a :hover,
.ybs .component-button .primary-1 svg :hover,
.mfp-wrap .component-button .primary-1 a :hover,
.mfp-wrap .component-button .primary-1 svg :hover {
  color: var(--button-primary1-hover-text);
}
.ybs .component-button .cta-1 a,
.ybs .component-button .cta-1 svg,
.mfp-wrap .component-button .cta-1 a,
.mfp-wrap .component-button .cta-1 svg {
  color: var(--button-color-cta1-text);
}
.ybs .button-fragment-container,
.mfp-wrap .button-fragment-container {
  display: flex;
  align-items: center;
  margin: 6px;
  padding: 0;
  background-color: transparent;
  border-radius: 12px;
  border: 3px solid var(--color-primary);
}
.ybs .button-fragment-container a,
.mfp-wrap .button-fragment-container a {
  display: flex;
  flex-grow: 1;
  align-items: center;
  text-align: left;
  height: 72px;
  padding: 20px 72px 20px 32px;
  font-family: var(--font-family-bold);
  color: var(--color-primary);
  line-height: 1.5em;
  text-decoration: none;
}
.ybs .button-fragment-container i,
.ybs .button-fragment-container svg,
.mfp-wrap .button-fragment-container i,
.mfp-wrap .button-fragment-container svg {
  color: var(--color-secondary);
  position: absolute;
  right: 45px;
  pointer-events: none;
}

.has-control-menu .page-editor__topper__bar.tbar .page-editor__topper__item .btn.btn-unstyled {
  margin: 0;
  padding: 0;
}

.ybs .form-control,
.mfp-wrap .form-control {
  background: transparent;
  border: none;
  margin: 0 0 1.35em 0;
  padding: 0;
  position: relative;
  text-align: left;
}
.ybs .form-control label,
.mfp-wrap .form-control label {
  color: var(--text-color);
}
.ybs .form-control label.input-radio,
.mfp-wrap .form-control label.input-radio {
  cursor: pointer;
}
.ybs .form-control .form-help-text,
.mfp-wrap .form-control .form-help-text {
  display: block;
  font-size: 0.925em;
  color: var(--input-group-help-text);
  line-height: 1.5em;
  margin-bottom: 1em;
}
.ybs .form-control .form-error-text,
.mfp-wrap .form-control .form-error-text {
  display: none;
  font-size: 0.95em;
  color: var(--input-group-error-text);
  line-height: 1.5em;
  margin-bottom: 1em;
}
.ybs .textarea,
.mfp-wrap .textarea {
  display: inline-block;
  max-width: 100%;
  min-width: 0;
  margin-bottom: 0.25em;
  border-radius: 0.2em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  vertical-align: top;
  padding: 0em 0.1em 0em 0.1em;
  box-sizing: border-box;
  overflow: auto;
  height: 100%;
  min-height: 5em;
  width: 100%;
  background-color: var(--textarea-bg);
  color: var(--textarea-text);
  font-family: var(--font-family-bold);
  line-height: 1.2em;
}
.ybs .textarea:focus,
.mfp-wrap .textarea:focus {
  outline: none;
}
.ybs .textarea.textarea-active,
.mfp-wrap .textarea.textarea-active {
  border-color: var(--input-focus);
}
.ybs .textarea.textarea-valid,
.mfp-wrap .textarea.textarea-valid {
  border-color: var(--input-valid);
}
.ybs .textarea.textarea-invalid,
.mfp-wrap .textarea.textarea-invalid {
  border-color: var(--input-error);
}
.ybs fieldset,
.mfp-wrap fieldset {
  padding: 1em;
  box-sizing: border-box;
  width: 100%;
  border-radius: 5px;
  border-style: outset;
  border: solid 1px var(--fieldset-border);
  box-shadow: none;
  margin-bottom: 1.5em;
}
.ybs fieldset.basic-fieldset,
.mfp-wrap fieldset.basic-fieldset {
  border-width: 0;
  padding: 0;
  margin-bottom: 0;
}
.ybs fieldset[disabled],
.mfp-wrap fieldset[disabled] {
  opacity: 0.8;
}
.ybs fieldset[disabled] input, .ybs fieldset[disabled] .progress,
.mfp-wrap fieldset[disabled] input,
.mfp-wrap fieldset[disabled] .progress {
  background-color: var(--fieldset-disabled-bg);
}
.ybs fieldset legend,
.mfp-wrap fieldset legend {
  width: auto;
  font-size: 1em;
  padding: 0 0.25em;
}
.ybs .is-submitted .hide-on-submitted,
.ybs .is-submitting .hide-on-submitting,
.ybs .show-on-submitted,
.ybs .show-on-submitting,
.mfp-wrap .is-submitted .hide-on-submitted,
.mfp-wrap .is-submitting .hide-on-submitting,
.mfp-wrap .show-on-submitted,
.mfp-wrap .show-on-submitting {
  display: none;
}
.ybs .hide-on-submitted,
.ybs .hide-on-submitting,
.ybs .is-submitting .show-on-submitting,
.ybs .is-submitted .show-on-submitted,
.mfp-wrap .hide-on-submitted,
.mfp-wrap .hide-on-submitting,
.mfp-wrap .is-submitting .show-on-submitting,
.mfp-wrap .is-submitted .show-on-submitted {
  display: block;
}
.ybs .custom-input-container,
.mfp-wrap .custom-input-container {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Create a custom checkbox */
  /* Hide the browser's default checkbox */
}
.ybs .custom-input-container .checkmark,
.mfp-wrap .custom-input-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: var(--color-grey-50);
  border: 2px solid var(--input-group-border);
  border-radius: 0.2em;
  /* Create the checkmark/indicator (hidden when not checked) */
}
.ybs .custom-input-container .checkmark:after,
.mfp-wrap .custom-input-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.ybs .custom-input-container input,
.mfp-wrap .custom-input-container input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
.ybs .custom-input-container input:checked ~ .checkmark,
.mfp-wrap .custom-input-container input:checked ~ .checkmark {
  border-color: var(--color-primary);
  /* Show the checkmark when checked */
}
.ybs .custom-input-container input:checked ~ .checkmark:after,
.mfp-wrap .custom-input-container input:checked ~ .checkmark:after {
  display: block;
}
.ybs .custom-input-container input:focus-visible ~ .checkmark,
.mfp-wrap .custom-input-container input:focus-visible ~ .checkmark {
  box-shadow: 0 0 0 0.125rem white, 0 0 0 0.3rem var(--element-outline);
  outline: none;
}
.ybs .custom-input-container input:invalid:focus ~ .checkmark,
.mfp-wrap .custom-input-container input:invalid:focus ~ .checkmark {
  box-shadow: none;
  outline: solid 3px var(--input-error);
  border-radius: 0.2em;
}
.ybs .custom-input-container input[type=checkbox] ~ .checkmark:after,
.mfp-wrap .custom-input-container input[type=checkbox] ~ .checkmark:after {
  left: 6px;
  top: 2px;
  width: 9px;
  height: 13px;
  border: solid var(--color-primary);
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ybs .custom-input-container input[type=radio] ~ .checkmark:after,
.mfp-wrap .custom-input-container input[type=radio] ~ .checkmark:after {
  left: 2px;
  top: 2px;
  width: 17px;
  height: 17px;
  border-radius: 20%;
  background-color: var(--color-primary);
}
.ybs .custom-input-container.left-label,
.mfp-wrap .custom-input-container.left-label {
  padding-right: 30px;
}
.ybs .custom-input-container.left-label .checkmark,
.mfp-wrap .custom-input-container.left-label .checkmark {
  left: unset;
  right: 0;
}
.ybs .form-checkbox,
.ybs .form-radio,
.mfp-wrap .form-checkbox,
.mfp-wrap .form-radio {
  display: block;
  margin-bottom: 0.5em;
  cursor: pointer;
  font-family: var(--font-family-base);
}
.ybs .form-checkbox input[type=radio]:checked, .ybs .form-checkbox input[type=radio]:not(:checked),
.ybs .form-radio input[type=radio]:checked,
.ybs .form-radio input[type=radio]:not(:checked),
.mfp-wrap .form-checkbox input[type=radio]:checked,
.mfp-wrap .form-checkbox input[type=radio]:not(:checked),
.mfp-wrap .form-radio input[type=radio]:checked,
.mfp-wrap .form-radio input[type=radio]:not(:checked) {
  display: none;
}
.ybs .form-checkbox input[type=radio]:checked + label, .ybs .form-checkbox input[type=radio]:not(:checked) + label,
.ybs .form-radio input[type=radio]:checked + label,
.ybs .form-radio input[type=radio]:not(:checked) + label,
.mfp-wrap .form-checkbox input[type=radio]:checked + label,
.mfp-wrap .form-checkbox input[type=radio]:not(:checked) + label,
.mfp-wrap .form-radio input[type=radio]:checked + label,
.mfp-wrap .form-radio input[type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  line-height: 24px;
  display: block;
  font-weight: normal;
}
.ybs .form-checkbox input[type=radio]:checked + label:before, .ybs .form-checkbox input[type=radio]:not(:checked) + label:before,
.ybs .form-radio input[type=radio]:checked + label:before,
.ybs .form-radio input[type=radio]:not(:checked) + label:before,
.mfp-wrap .form-checkbox input[type=radio]:checked + label:before,
.mfp-wrap .form-checkbox input[type=radio]:not(:checked) + label:before,
.mfp-wrap .form-radio input[type=radio]:checked + label:before,
.mfp-wrap .form-radio input[type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.4rem;
  height: 1.45rem;
  border-radius: 5px;
  background: var(--color-grey-50);
  border: 2px solid var(--color-primary);
  border-bottom: 3px solid var(--color-primary);
}
.ybs .form-checkbox input[type=radio]:not(:checked) + label:before,
.ybs .form-radio input[type=radio]:not(:checked) + label:before,
.mfp-wrap .form-checkbox input[type=radio]:not(:checked) + label:before,
.mfp-wrap .form-radio input[type=radio]:not(:checked) + label:before {
  border: 2px solid var(--input-group-border);
  border-bottom: 3px solid var(--input-group-border);
}
.ybs .form-checkbox input[type=radio]:checked + label:after, .ybs .form-checkbox input[type=radio]:not(:checked) + label:after,
.ybs .form-radio input[type=radio]:checked + label:after,
.ybs .form-radio input[type=radio]:not(:checked) + label:after,
.mfp-wrap .form-checkbox input[type=radio]:checked + label:after,
.mfp-wrap .form-checkbox input[type=radio]:not(:checked) + label:after,
.mfp-wrap .form-radio input[type=radio]:checked + label:after,
.mfp-wrap .form-radio input[type=radio]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: var(--color-primary);
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.ybs .form-checkbox input[type=radio]:not(:checked) + label:after,
.ybs .form-radio input[type=radio]:not(:checked) + label:after,
.mfp-wrap .form-checkbox input[type=radio]:not(:checked) + label:after,
.mfp-wrap .form-radio input[type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.ybs .fancy-input-box,
.mfp-wrap .fancy-input-box {
  width: 1.4em;
  height: 1.45em;
  border-radius: 5px;
  background-color: var(--input-bg);
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-bottom: 0.15em;
  margin-right: 0.3em;
  padding: 0;
  cursor: pointer;
  border: 2px solid var(--input-border);
  border-bottom: 3px solid var(--input-border);
}
.ybs .fancy-input-box input,
.mfp-wrap .fancy-input-box input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ybs .fancy-input-box.fancy-checkbox:has(input:checked), .ybs .fancy-input-box.fancy-radio:has(input:checked),
.mfp-wrap .fancy-input-box.fancy-checkbox:has(input:checked),
.mfp-wrap .fancy-input-box.fancy-radio:has(input:checked) {
  border-color: var(--color-primary);
  border-bottom: -1px;
}
.ybs .fancy-input-box.fancy-checkbox:after:not(.switching-deals),
.mfp-wrap .fancy-input-box.fancy-checkbox:after:not(.switching-deals) {
  background-color: var(--color-primary);
  border-radius: 4px;
  border: 2px solid #fff;
  content: "";
  height: 1em;
  opacity: 0;
  position: absolute;
  width: 1em;
}
.ybs .fancy-input-box.fancy-checkbox.checked:after,
.mfp-wrap .fancy-input-box.fancy-checkbox.checked:after {
  max-width: 100%;
  opacity: 1;
  width: 100%;
  height: 100%;
  left: 0;
}
.ybs .fancy-input-box.fancy-radio input:after,
.mfp-wrap .fancy-input-box.fancy-radio input:after {
  background-color: var(--color-grey-50);
  border-radius: 4px;
  border: 2px solid #fff;
  content: "";
  height: 100%;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: 0.5s;
  z-index: 10;
}
.ybs .fancy-input-box.fancy-radio input:before,
.mfp-wrap .fancy-input-box.fancy-radio input:before {
  background-color: var(--color-primary);
  border-radius: 4px;
  border: 2px solid #fff;
  content: "";
  height: 100%;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: 0.5s;
  opacity: 0;
  z-index: 20;
}
.ybs .fancy-input-box.fancy-radio input:checked:before,
.mfp-wrap .fancy-input-box.fancy-radio input:checked:before {
  opacity: 1;
  transition: 0.5s;
}
.ybs .select-invalid + .form-error-text,
.ybs .textarea-invalid + .form-error-text,
.mfp-wrap .select-invalid + .form-error-text,
.mfp-wrap .textarea-invalid + .form-error-text {
  display: block;
}
.ybs .custom-select-box,
.mfp-wrap .custom-select-box {
  display: block;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.ybs .custom-select-box select,
.mfp-wrap .custom-select-box select {
  width: 100%;
}
.ybs .customSelect,
.ybs .customSelect.input,
.mfp-wrap .customSelect,
.mfp-wrap .customSelect.input {
  position: relative;
  z-index: 1;
  display: block;
  box-sizing: border-box;
  border-radius: 0.2em;
  border: 1px solid var(--custom-select-border);
  background-color: var(--custom-select-bg);
  color: var(--custom-select-color);
  padding: 0.3em 1em;
  margin-bottom: 0.3em;
}
.ybs .customSelect::after,
.mfp-wrap .customSelect::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 0.75em;
  position: absolute;
  right: 0.75em;
  top: 0.75em;
  width: 0.75em;
}
.ybs select .select-active,
.mfp-wrap select .select-active {
  border-color: var(--input-focus);
}
.ybs select:not(.hasCustomSelect), .ybs select.hasCustomSelect,
.mfp-wrap select:not(.hasCustomSelect),
.mfp-wrap select.hasCustomSelect {
  border: 2px solid var(--input-border);
  border-bottom: 3px solid var(--input-border);
  color: var(--input-text);
}
.ybs select:not(.hasCustomSelect):focus,
.mfp-wrap select:not(.hasCustomSelect):focus {
  border-color: var(--input-focus);
}
.ybs select.hasCustomSelect,
.mfp-wrap select.hasCustomSelect {
  z-index: 2;
  position: relative;
}
.ybs .select-container,
.mfp-wrap .select-container {
  position: relative;
  float: left;
}
.ybs .select-container:after,
.mfp-wrap .select-container:after {
  content: "";
  right: 12px;
  top: 18px;
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  border-color: var(--input-text) transparent transparent transparent;
}
.ybs .select-container select,
.mfp-wrap .select-container select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding: 0.5rem 2.8rem 0.5rem 1.2rem;
  float: right;
  margin-bottom: 0;
}
.ybs .input-description,
.mfp-wrap .input-description {
  font-size: 0.85em;
  display: block;
  line-height: 16px;
  padding: 1em;
}
.ybs form.is-submitting .input,
.mfp-wrap form.is-submitting .input {
  background-color: var(--input-disabled);
  user-select: none;
  cursor: default;
}
.ybs .error[data-error],
.mfp-wrap .error[data-error] {
  position: relative;
}
.ybs .error[data-error]:after,
.mfp-wrap .error[data-error]:after {
  content: attr(data-error);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.ybs .checkbox-invalid .fancy-input-box.checked,
.ybs .radio-invalid .fancy-input-box.checked,
.mfp-wrap .checkbox-invalid .fancy-input-box.checked,
.mfp-wrap .radio-invalid .fancy-input-box.checked {
  box-sizing: border-box;
  border-color: var(--input-error);
}
.ybs .hasCustomSelect:focus + .customSelect,
.ybs .checkbox:focus .fancy-input-box.checked,
.ybs .radio:focus .fancy-input-box.checked,
.mfp-wrap .hasCustomSelect:focus + .customSelect,
.mfp-wrap .checkbox:focus .fancy-input-box.checked,
.mfp-wrap .radio:focus .fancy-input-box.checked {
  border-color: var(--input-focus);
}
.ybs select.select-valid:not(.hasCustomSelect),
.ybs .select-valid.hasCustomSelect + .customSelect,
.ybs .select-valid,
.mfp-wrap select.select-valid:not(.hasCustomSelect),
.mfp-wrap .select-valid.hasCustomSelect + .customSelect,
.mfp-wrap .select-valid {
  border-color: var(--input-valid);
}
.ybs select.select-invalid:not(.hasCustomSelect),
.ybs .select-invalid.hasCustomSelect + .customSelect,
.ybs .select-invalid,
.ybs .checkbox-invalid .fancy-input-box.checked,
.ybs .radio-invalid .fancy-input-box.checked,
.mfp-wrap select.select-invalid:not(.hasCustomSelect),
.mfp-wrap .select-invalid.hasCustomSelect + .customSelect,
.mfp-wrap .select-invalid,
.mfp-wrap .checkbox-invalid .fancy-input-box.checked,
.mfp-wrap .radio-invalid .fancy-input-box.checked {
  border-color: var(--input-invalid);
}
.ybs .form-input-select,
.ybs .form-control select,
.mfp-wrap .form-input-select,
.mfp-wrap .form-control select {
  background: white;
}

.ybs .input,
.mfp-wrap .input {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding: 0.6em 0.6em;
  margin-bottom: 0.25em;
  border-radius: 0.2em;
  color: var(--input-text);
  transition: border 600ms;
  background-color: var(--input-bg);
  font-family: var(--font-family-base);
  vertical-align: top;
  min-width: 0;
  border: 2px solid var(--input-border);
  border-bottom: 3px solid var(--input-border);
}
.ybs .input::-webkit-input-placeholder,
.mfp-wrap .input::-webkit-input-placeholder {
  color: var(--input-placeholder);
}
.ybs .input:-moz-placeholder,
.mfp-wrap .input:-moz-placeholder {
  color: var(--input-placeholder);
}
.ybs .input::-moz-placeholder,
.mfp-wrap .input::-moz-placeholder {
  color: var(--input-placeholder);
}
.ybs .input:-ms-input-placeholder,
.mfp-wrap .input:-ms-input-placeholder {
  color: var(--input-placeholder);
}
.ybs .input.input-active,
.mfp-wrap .input.input-active {
  border-color: var(--input-focus);
}
.ybs .input.input-valid,
.mfp-wrap .input.input-valid {
  border-color: var(--input-valid);
}
.ybs .input.input-invalid,
.mfp-wrap .input.input-invalid {
  border-color: var(--input-error);
}
.ybs .input.input-invalid + .form-error-text,
.mfp-wrap .input.input-invalid + .form-error-text {
  display: block;
}
.ybs .input.input-disabled,
.mfp-wrap .input.input-disabled {
  background-color: var(--input-disabled);
  user-select: none;
  user-input: disabled;
  cursor: default;
}
.ybs .input[type=radio]:not(.upgraded), .ybs .input[type=checkbox]:not(.upgraded),
.mfp-wrap .input[type=radio]:not(.upgraded),
.mfp-wrap .input[type=checkbox]:not(.upgraded) {
  display: inline-block;
  width: auto;
  margin-right: 0.25em;
  vertical-align: middle;
}
.ybs .input-group,
.mfp-wrap .input-group {
  display: inline-flex;
  width: 100%;
  border-radius: 0.2em;
  border-color: var(--input-group-border);
  flex-wrap: inherit;
}
.ybs .input-group.input-group-valid,
.mfp-wrap .input-group.input-group-valid {
  border-color: var(--input-valid);
}
.ybs .input-group.input-group-invalid,
.mfp-wrap .input-group.input-group-invalid {
  border-color: var(--input-invalid);
}
.ybs .input-group.input-group-active,
.mfp-wrap .input-group.input-group-active {
  border-color: var(--input-focus);
}
.ybs .input-group > svg,
.ybs .input-group > .text,
.mfp-wrap .input-group > svg,
.mfp-wrap .input-group > .text {
  background-color: var(--input-group-icon-bg);
  line-height: 1.7em;
  color: var(--input-group-icon-text);
  font-size: 2.7em;
  padding: 0.25em;
  min-width: 1em;
}
.ybs .input-group > .ybs,
.ybs .input-group > .fa,
.ybs .input-group > .svg-inline--fa,
.ybs .input-group > .text,
.mfp-wrap .input-group > .ybs,
.mfp-wrap .input-group > .fa,
.mfp-wrap .input-group > .svg-inline--fa,
.mfp-wrap .input-group > .text {
  background-color: var(--input-group-icon-bg);
  line-height: 1.7em;
  color: var(--input-group-icon-text);
  font-size: 1.25em;
  padding: 0.25em 0.5em;
  height: auto;
  min-width: 1em;
}
.ybs .input-group .text,
.mfp-wrap .input-group .text {
  text-align: center;
  font-family: var(--font-family-headline);
  font-size: 1.45em;
  padding: 0.1em 0.5em;
  line-height: 1.7em;
  min-width: auto;
}
.ybs .input-group > span,
.ybs .input-group > a,
.ybs .input-group > input,
.ybs .input-group > button,
.ybs .input-group > div,
.ybs .input-group > *,
.mfp-wrap .input-group > span,
.mfp-wrap .input-group > a,
.mfp-wrap .input-group > input,
.mfp-wrap .input-group > button,
.mfp-wrap .input-group > div,
.mfp-wrap .input-group > * {
  border-left: 1px solid rgba(167, 167, 167, 0.8);
  border-color: rgba(167, 167, 167, 0.8);
  border-top: 2px solid rgba(167, 167, 167, 0.8);
  border-bottom: 3px solid rgba(167, 167, 167, 0.8);
  border-radius: unset;
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.55, 1);
}
.ybs .input-group > input:not(:last-child),
.mfp-wrap .input-group > input:not(:last-child) {
  border-right: none;
}
.ybs .input-group > *,
.mfp-wrap .input-group > * {
  border-left: 1px solid rgba(167, 167, 167, 0.8);
}
.ybs .input-group > button,
.mfp-wrap .input-group > button {
  border-left: 2px solid;
  border-right: 2px solid;
}
.ybs .input-group > *:last-child,
.ybs .input-group > .last-visible,
.mfp-wrap .input-group > *:last-child,
.mfp-wrap .input-group > .last-visible {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.ybs .input-group > *:last-child:not(button):not(.input-invalid):not(.select-invalid),
.ybs .input-group > .last-visible:not(button):not(.input-invalid):not(.select-invalid),
.mfp-wrap .input-group > *:last-child:not(button):not(.input-invalid):not(.select-invalid),
.mfp-wrap .input-group > .last-visible:not(button):not(.input-invalid):not(.select-invalid) {
  border-right: 2px solid rgba(167, 167, 167, 0.8);
}
.ybs .input-group > *:first-child,
.ybs .input-group > .first-visible,
.mfp-wrap .input-group > *:first-child,
.mfp-wrap .input-group > .first-visible {
  border-left: 2px solid rgba(167, 167, 167, 0.8);
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.ybs .input-group > .btn,
.mfp-wrap .input-group > .btn {
  margin: 0;
}
.ybs .input-group > .btn.btn-cta,
.mfp-wrap .input-group > .btn.btn-cta {
  border-left: none;
}
.ybs .input-group > .btn:hover, .ybs .input-group:focus > .btn,
.ybs .input-group > .btn.btn-cta:hover, .ybs .input-group:focus > .btn.btn-cta,
.ybs .input-group > .btn.btn-primary:hover, .ybs .input-group:focus > .btn.btn-primary,
.mfp-wrap .input-group > .btn:hover,
.mfp-wrap .input-group:focus > .btn,
.mfp-wrap .input-group > .btn.btn-cta:hover,
.mfp-wrap .input-group:focus > .btn.btn-cta,
.mfp-wrap .input-group > .btn.btn-primary:hover,
.mfp-wrap .input-group:focus > .btn.btn-primary {
  border-bottom: 3px solid;
  border-color: var(--input-btn-focus);
}
.ybs .input-group .input-group__svg-wrapper,
.mfp-wrap .input-group .input-group__svg-wrapper {
  padding: 0.5em;
  display: flex;
  align-items: center;
}
.ybs .input-group > svg,
.mfp-wrap .input-group > svg {
  min-height: 1em;
}
.ybs .input-group .input,
.ybs .input-group .btn,
.mfp-wrap .input-group .input,
.mfp-wrap .input-group .btn {
  margin-bottom: 0;
}
.ybs .input-group > svg,
.mfp-wrap .input-group > svg {
  min-height: 1.05em;
}
.ybs input:focus, .ybs select:focus,
.mfp-wrap input:focus,
.mfp-wrap select:focus {
  outline: none;
  box-shadow: none;
}
.ybs input:focus-visible, .ybs select:focus-visible,
.mfp-wrap input:focus-visible,
.mfp-wrap select:focus-visible {
  box-shadow: 0 0 0 0.125rem white, 0 0 0 0.3rem var(--element-outline);
  outline: none;
}

.ybs .container-fluid-max-xl,
.mfp-wrap .container-fluid-max-xl {
  width: 92rem;
  max-width: 96%;
}
.ybs .container, .ybs .main-header__group, .ybs .saving-tips .saving-tips__breadcrumb, .ybs .container-fluid,
.mfp-wrap .container,
.mfp-wrap .container-fluid {
  max-width: 78rem;
}
@media (max-width: 645px) {
  .ybs .container, .ybs .main-header__group, .ybs .saving-tips .saving-tips__breadcrumb, .ybs .container-fluid, .ybs .container-fluid-max-xl,
  .mfp-wrap .container,
  .mfp-wrap .container-fluid,
  .mfp-wrap .container-fluid-max-xl {
    max-width: 34rem;
  }
}
@media (min-width: 645px) and (max-width: 1280px) {
  .ybs .container, .ybs .main-header__group, .ybs .saving-tips .saving-tips__breadcrumb, .ybs .container-fluid, .ybs .container-fluid-max-xl,
  .mfp-wrap .container,
  .mfp-wrap .container-fluid,
  .mfp-wrap .container-fluid-max-xl {
    width: 92rem;
    max-width: 96%;
  }
}
@media (min-width: 1281px) {
  .ybs .container, .ybs .main-header__group, .ybs .saving-tips .saving-tips__breadcrumb, .ybs .container-fluid, .ybs .container-fluid-max-xl,
  .mfp-wrap .container,
  .mfp-wrap .container-fluid,
  .mfp-wrap .container-fluid-max-xl {
    width: 92rem;
    max-width: 96%;
  }
}
.ybs .inner-container,
.mfp-wrap .inner-container {
  width: 92rem;
  max-width: 96%;
  margin: auto;
}
@media (max-width: 1280px) {
  .ybs .inner-container,
  .mfp-wrap .inner-container {
    width: 92rem;
    max-width: 96%;
  }
}
.ybs div:has(> .inner-container.bottom-curves.green),
.mfp-wrap div:has(> .inner-container.bottom-curves.green) {
  border-bottom-left-radius: 50% 6%;
  border-bottom-right-radius: 50% 6%;
  background-color: var(--color-green-secondary-50);
}
.ybs div:has(> .inner-container.bottom-curves.greyblue),
.mfp-wrap div:has(> .inner-container.bottom-curves.greyblue) {
  border-bottom-left-radius: 50% 6%;
  border-bottom-right-radius: 50% 6%;
  background-color: var(--color-grey-200);
}
.ybs div:has(> .inner-container-fluid.bottom-curves.green),
.mfp-wrap div:has(> .inner-container-fluid.bottom-curves.green) {
  border-bottom-left-radius: 50% 6%;
  border-bottom-right-radius: 50% 6%;
  background-color: var(--color-green-secondary-50);
}
.ybs div:has(> .inner-container-fluid.bottom-curves.greyblue),
.mfp-wrap div:has(> .inner-container-fluid.bottom-curves.greyblue) {
  border-bottom-left-radius: 50% 6%;
  border-bottom-right-radius: 50% 6%;
  background-color: var(--color-grey-200);
}
.ybs .row:not(.flex-row),
.mfp-wrap .row:not(.flex-row) {
  max-width: 78rem;
  margin: 0 auto;
}
@media (max-width: 90rem) {
  .ybs .row:not(.flex-row),
  .mfp-wrap .row:not(.flex-row) {
    max-width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 75rem) {
  .ybs .row:not(.flex-row),
  .mfp-wrap .row:not(.flex-row) {
    max-width: 94%;
    margin: 0 auto;
  }
}
@media (min-width: 105rem) {
  .ybs .row:not(.flex-row),
  .mfp-wrap .row:not(.flex-row) {
    max-width: 92rem;
    margin: 0 auto;
  }
}
.ybs hr,
.mfp-wrap hr {
  border: 0;
  height: 1.5rem;
  display: block;
  width: 100%;
}
.ybs .align-center,
.mfp-wrap .align-center {
  -webkit-justify-content: center;
  justify-content: center;
}
.ybs .lh-sm,
.mfp-wrap .lh-sm {
  line-height: 1.25 !important;
}
.ybs .hide-app-download,
.mfp-wrap .hide-app-download {
  display: none;
}
.ybs .divider,
.mfp-wrap .divider {
  border-top: 2px solid var(--box6-bg);
}
.ybs .divider.darker,
.mfp-wrap .divider.darker {
  border-color: var(--color-grey-500);
}
.ybs .scroll-offset-top,
.mfp-wrap .scroll-offset-top {
  padding-top: 180px;
  margin-top: -180px;
}

.ybs .list-none,
.ybs .list-none > ul,
.mfp-wrap .list-none,
.mfp-wrap .list-none > ul {
  padding-left: 0;
}
.ybs .list-none li,
.ybs .list-none > ul li,
.mfp-wrap .list-none li,
.mfp-wrap .list-none > ul li {
  letter-spacing: 0.005rem;
  list-style: none;
}
.ybs .list-none li i,
.ybs .list-none li svg,
.ybs .list-none > ul li i,
.ybs .list-none > ul li svg,
.mfp-wrap .list-none li i,
.mfp-wrap .list-none li svg,
.mfp-wrap .list-none > ul li i,
.mfp-wrap .list-none > ul li svg {
  color: var(--color-secondary);
  margin-right: 0.2rem;
  width: 0.75rem;
}
.ybs ul:not(.list-none):not(.basic) li,
.mfp-wrap ul:not(.list-none):not(.basic) li {
  display: inline-block;
  font-size: var(--font-size-base);
  letter-spacing: 0.005rem;
  margin-bottom: 0.4rem;
  padding-left: 1.8rem;
  position: relative;
  width: 100%;
}
.ybs ul:not(.list-none):not(.basic) li::before,
.mfp-wrap ul:not(.list-none):not(.basic) li::before {
  background: var(--color-secondary);
  border-radius: 3px;
  height: 0.75rem !important;
  margin-top: 0.4rem !important;
  width: 0.75rem !important;
}
.ybs ul:not(.list-none):not(.basic) li i,
.ybs ul:not(.list-none):not(.basic) li svg,
.mfp-wrap ul:not(.list-none):not(.basic) li i,
.mfp-wrap ul:not(.list-none):not(.basic) li svg {
  color: var(--primary);
  margin-right: 0.2rem;
  width: 0.75rem;
}
.ybs .footer__tweet ul li,
.mfp-wrap .footer__tweet ul li {
  display: block !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.ybs ol,
.mfp-wrap ol {
  font-family: var(--font-family-base);
  list-style-type: none;
  padding: 0;
  text-align: left;
}
.ybs ol li,
.mfp-wrap ol li {
  counter-increment: step-counter;
  align-items: baseline;
  gap: 0.4rem;
  grid-template-columns: auto 1fr;
  margin-bottom: 0.4rem;
  position: relative;
  padding-left: 1.7rem;
}
.ybs ol li h2,
.ybs ol li h3,
.ybs ol li h4,
.mfp-wrap ol li h2,
.mfp-wrap ol li h3,
.mfp-wrap ol li h4 {
  display: block;
}
.ybs ol li::before,
.mfp-wrap ol li::before {
  margin-top: 0em;
  margin-left: -3rem;
  margin-right: 0.5rem;
  line-height: 0.7em;
  font-size: 2.5rem;
  padding-left: 1.3rem;
  content: counter(step-counter);
  text-align: center;
  float: left;
  font-family: "YBS-Headline";
  background-clip: border-box;
  background: var(--color-secondary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-mask-image: -webkit-gradient(linear, left top, » left bottom, from(#000), to(rgba 0, 0, 0, 0));
  mask-image: -webkit-gradient(linear, left top, » left bottom, from(#000), to(rgba 0, 0, 0, 0));
}
.ybs ol :not(.prevent-inline) > li *:not(li),
.mfp-wrap ol :not(.prevent-inline) > li *:not(li) {
  display: inline;
}
.ybs ul:not(.tbar-nav),
.mfp-wrap ul:not(.tbar-nav) {
  margin: 0;
  margin-bottom: 1.5em;
  padding: 0;
}

.ybs table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 3px;
  font-size: var(--font-size-base);
}
.ybs table tbody,
.ybs table tfoot,
.ybs table thead {
  border: 1px solid #f1f1f1;
  background-color: #fefefe;
}
.ybs table caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: 700;
}
.ybs table thead {
  background: #f8f8f8;
  color: #0a0a0a;
}
.ybs table tfoot {
  background: #f1f1f1;
  color: #0a0a0a;
}
.ybs table tfoot tr,
.ybs table thead tr {
  background: 0 0;
}
.ybs table tfoot td,
.ybs table tfoot th,
.ybs table thead td,
.ybs table thead th {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: 700;
  text-align: left;
}
.ybs table tbody td,
.ybs table tbody th {
  padding: 0.5rem 0.625rem 0.625rem;
}
.ybs table tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f9f9fc;
}
.ybs table.unstriped tbody {
  background-color: #fefefe;
}
.ybs table.unstriped tbody tr {
  border-bottom: 0;
  border-bottom: 1px solid #f1f1f1;
  background-color: #fefefe;
}
@media screen and (max-width: 63.6375em) {
  .ybs table.stack thead {
    display: none;
  }
  .ybs table.stack tfoot {
    display: none;
  }
  .ybs table.stack td,
  .ybs table.stack th,
  .ybs table.stack tr {
    display: block;
  }
  .ybs table.stack td {
    border-top: 0;
  }
}
.ybs table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}
.ybs table.hover thead tr:hover {
  background-color: #f3f3f3;
}
.ybs table.hover tfoot tr:hover {
  background-color: #ececec;
}
.ybs table.hover tbody tr:hover {
  background-color: #f9f9f9;
}
.ybs table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ececec;
}
.ybs .table-scroll {
  overflow-x: auto;
}
.ybs .table-scroll table {
  width: auto;
}
.ybs div.table,
.ybs .table-container {
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: 0.3em;
  margin: 0 auto 2em auto;
  line-height: 1.65em;
  border: solid 1px #ccc;
  box-shadow: 0px 4px 0px 0px rgba(0, 40, 92, 0.066);
}
.ybs .table-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background-color: rgba(0, 40, 92, 0.066);
}
.ybs .table-container::-webkit-scrollbar {
  width: 12px;
}
.ybs .table-container::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: var(--primary);
}
.ybs table {
  background-color: transparent;
  margin-bottom: 0;
  border: hidden;
}
.ybs table thead th {
  background-color: #eeeef2;
  color: #666;
  border-color: rgba(0, 40, 92, 0.1);
  border-bottom: solid 3px rgba(0, 40, 92, 0.1);
  font-weight: normal;
  font-family: var(--font-family-bold);
  padding-top: 1em;
  padding-bottom: 1em;
}
.ybs table th {
  background-color: #eee;
}
.ybs table.table-horizontal th {
  background-color: var(--primary);
  color: #f8f8f8;
  border-color: #037708;
  padding-top: 1em;
  padding-bottom: 1em;
}
.ybs table .table-cell-1 {
  background-color: var(--primary);
  color: #f8f8f8;
}
.ybs table th {
  border-bottom: solid 3px rgba(0, 40, 92, 0.1);
}
.ybs table th,
.ybs table tbody th {
  background-color: #eeeef2;
  color: #666;
  border: solid 1px #ccc;
  font-family: var(--font-family-bold);
  font-weight: normal;
  padding: 0.7em 1em;
  vertical-align: top;
  text-align: left;
}
.ybs table tbody th {
  border-bottom: solid 1px rgba(0, 40, 92, 0.1);
}
.ybs table tbody td {
  background-color: transparent;
  border: solid 1px #ddd;
  padding: 0.7em 1em;
  transition: background-color 250ms;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .ybs .table-small-stack {
    width: 100%;
    margin: 0 auto;
  }
  .ybs .table-small-stack tbody {
    width: 100%;
    background-color: transparent;
  }
  .ybs .table-small-stack thead {
    display: none;
  }
  .ybs .table-small-stack tr {
    display: block;
    margin-bottom: 1em;
    width: 100%;
    border-radius: 0.2em;
    border: solid 1px #ccc;
    box-shadow: 0px 4px 0px 0px rgba(0, 40, 92, 0.066), 0 0 0.2em rgba(0, 0, 0, 0.05);
    background-color: white;
  }
  .ybs .table-small-stack tr:last-child {
    margin-bottom: 0;
  }
  .ybs .table-small-stack tbody tr td {
    display: block;
    clear: both;
    border-left: none;
    border-right: none;
    border-top: none;
    min-height: 6rem;
  }
  .ybs .table-small-stack tbody tr td:last-child {
    border: none;
  }
  .ybs .table-small-stack tbody tr th {
    display: none;
  }
  .ybs .table-small-stack:not(.table-small-no-titles) tbody tr td[data-title]:not([data-title=""]) {
    position: relative;
    padding-left: 50%;
  }
  .ybs .table-small-stack:not(.table-small-no-titles) tbody tr td[data-title]:not([data-title=""]):before {
    content: attr(data-title);
    display: block;
    box-sizing: border-box;
    border-right: solid 3px rgba(0, 40, 92, 0.1);
    background-color: #eeeef2;
    color: #666;
    font-family: var(--font-family-bold);
    font-size: 93%;
    width: 45%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 0.5em 1em;
  }
}
.ybs div.table table td i:before,
.ybs .table-container table td i:before {
  color: var(--primary);
  font-size: 1.5em;
}
.ybs div.table .title,
.ybs .table-container .title {
  font-size: 1.5em;
  font-family: var(--font-family-bold);
  letter-spacing: -0.015em;
  color: #666;
  margin-top: 0;
  margin-bottom: 0.55em;
}
@media screen and (max-width: 31.25em) {
  .ybs .table-small-resize {
    font-size: 0.85em;
    overflow-x: scroll;
    letter-spacing: -0.02em;
    line-height: 1.6em;
  }
  .ybs .table-small-resize table th,
  .ybs .table-small-resize table td {
    padding: 0.4rem 0.4rem 0.4rem;
  }
}
.ybs .table--cbs table {
  border: 1px solid #9d9d9d;
}
.ybs .table--cbs table th {
  background: #e8e8e8;
  color: #000000 !important;
  text-align: center;
  font-family: var(--font-size-base);
}
.ybs .table--cbs table th,
.ybs .table--cbs table td {
  border: 1px solid #9d9d9d;
  vertical-align: middle;
}
.ybs .table--cbs table td {
  background: #f7f7f7;
  color: #292929;
}
.ybs .table--cbs table tbody,
.ybs .table--cbs table tfoot,
.ybs .table--cbs table thead {
  border: 1px solid #9d9d9d;
}
.ybs table .note {
  display: inline-block;
  margin-left: 0.4em;
}
.ybs .table-container .covered-bonds a:hover {
  text-decoration: underline;
}

.ybs h1,
.ybs h2,
.ybs h3,
.ybs h4,
.ybs h5,
.mfp-wrap h1,
.mfp-wrap h2,
.mfp-wrap h3,
.mfp-wrap h4,
.mfp-wrap h5 {
  margin-top: 0;
  margin-bottom: 0.3em;
  font-family: var(--font-family-headline);
  line-height: 120%;
  font-weight: normal;
  color: var(--color-heading);
}
.ybs h1 svg,
.ybs h2 svg,
.ybs h3 svg,
.ybs h4 svg,
.ybs h5 svg,
.mfp-wrap h1 svg,
.mfp-wrap h2 svg,
.mfp-wrap h3 svg,
.mfp-wrap h4 svg,
.mfp-wrap h5 svg {
  color: var(--color-secondary);
}
.ybs h1, .ybs .heading-1,
.mfp-wrap h1,
.mfp-wrap .heading-1 {
  color: var(--primary);
  font-size: 4em;
  letter-spacing: -0.029em;
  line-height: 0.75em;
  margin-top: 0.2em;
  margin-bottom: 0.4em;
}
@media (max-width: 700px) {
  .ybs h1, .ybs .heading-1,
  .mfp-wrap h1,
  .mfp-wrap .heading-1 {
    font-size: 2.5em;
  }
}
.ybs h2, .ybs .heading-2,
.mfp-wrap h2,
.mfp-wrap .heading-2 {
  font-family: var(--font-family-base);
  font-size: 1.65em;
  letter-spacing: -0.01em;
  margin-bottom: 0.75em;
}
.ybs h2.bigtitle, .ybs .heading-2.bigtitle,
.mfp-wrap h2.bigtitle,
.mfp-wrap .heading-2.bigtitle {
  font-size: 2.1em;
}
.ybs h3, .ybs .heading-3,
.mfp-wrap h3,
.mfp-wrap .heading-3 {
  font-size: 1.4em;
  font-family: var(--font-family-bold);
  letter-spacing: -0.015em;
  margin-top: 0;
  padding-bottom: 0.3em;
}
.ybs h4, .ybs .heading-4,
.mfp-wrap h4,
.mfp-wrap .heading-4 {
  color: var(--box-title-h4);
  font-size: 1.2em;
  font-family: var(--font-family-bold);
  letter-spacing: -0.01em;
  line-height: 1.35em;
}
.ybs p,
.mfp-wrap p {
  color: var(--text-color);
  margin: 0;
  margin-bottom: 1em;
  padding: 0;
}
.ybs p a,
.mfp-wrap p a {
  text-decoration: underline;
}
.ybs p.subtitle,
.mfp-wrap p.subtitle {
  font-family: var(--font-family-base);
  letter-spacing: -0.01em;
  color: var(--color-heading);
  padding-bottom: 0.85em;
  line-height: 1.6em;
  font-weight: normal;
  font-size: 1.26em;
}
.ybs p.smaller,
.mfp-wrap p.smaller {
  font-size: 0.94em;
}
.ybs p.smallest,
.mfp-wrap p.smallest {
  font-size: 0.8em;
  line-height: 1.5;
}
.ybs .link,
.mfp-wrap .link {
  color: var(--color-primary);
  text-decoration: underline;
  display: inline-flex;
  align-items: center;
}
.ybs .link:hover, .ybs .link:active, .ybs .link:visited,
.mfp-wrap .link:hover,
.mfp-wrap .link:active,
.mfp-wrap .link:visited {
  color: var(--color-primary-hover);
  text-decoration: none;
}
.ybs .link i,
.ybs .link svg,
.mfp-wrap .link i,
.mfp-wrap .link svg {
  margin-left: 0.25em;
}
.ybs .externalLink,
.mfp-wrap .externalLink {
  color: var(--color-primary);
  text-decoration: underline;
  display: inline-flex;
  align-items: center;
}
.ybs .externalLink:hover, .ybs .externalLink:active, .ybs .externalLink:visited,
.mfp-wrap .externalLink:hover,
.mfp-wrap .externalLink:active,
.mfp-wrap .externalLink:visited {
  color: var(--color-primary-hover);
  text-decoration: none;
}
.ybs .externalLink i,
.ybs .externalLink svg,
.mfp-wrap .externalLink i,
.mfp-wrap .externalLink svg {
  margin-left: 0.25em;
}
.ybs .externalLink:after,
.mfp-wrap .externalLink:after {
  content: "";
  height: 1rem;
  width: 1rem;
  margin-left: 0.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23008839' d='M384 320c-17.67 0-32 14.33-32 32v96H64V160h96c17.67 0 32-14.32 32-32s-14.33-32-32-32L64 96c-35.35 0-64 28.65-64 64V448c0 35.34 28.65 64 64 64h288c35.35 0 64-28.66 64-64v-96C416 334.3 401.7 320 384 320zM488 0H352c-12.94 0-24.62 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.88L370.8 96L169.4 297.4c-12.5 12.5-12.5 32.75 0 45.25C175.6 348.9 183.8 352 192 352s16.38-3.125 22.62-9.375L416 141.3l41.38 41.38c9.156 9.141 22.88 11.84 34.88 6.938C504.2 184.6 512 172.9 512 160V24C512 10.74 501.3 0 488 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.ybs blockquote,
.mfp-wrap blockquote {
  background-color: rgba(255, 255, 255, 0.5);
  border: solid 2px var(--color-secondary);
  border-radius: 0.2em;
  border-bottom: solid 3px var(--color-secondary);
  box-shadow: none;
  margin: 1.5em 0;
  padding: 1.5em 3em;
  position: relative;
}
.ybs blockquote::before, .ybs blockquote::after,
.mfp-wrap blockquote::before,
.mfp-wrap blockquote::after {
  content: "“";
  position: absolute;
  display: inline-block;
  font-size: 3em;
  text-align: center;
  color: var(--color-secondary);
  font-family: var(--font-family-headline);
  line-height: 1;
  height: 30px;
}
.ybs blockquote::before,
.mfp-wrap blockquote::before {
  top: 0.1em;
  left: 0.2em;
}
.ybs blockquote::after,
.mfp-wrap blockquote::after {
  bottom: 0.1em;
  right: 0.5em;
  transform: scaleY(-1);
}
.ybs blockquote cite,
.mfp-wrap blockquote cite {
  position: relative;
  padding-left: 2em;
  color: rgba(0, 0, 0, 0.5);
}
.ybs blockquote cite::before,
.mfp-wrap blockquote cite::before {
  content: " ";
  height: 1px;
  width: 1.25em;
  display: block;
  position: absolute;
  top: 0.5em;
  border-bottom: solid 1px rgba(0, 0, 0, 0.5);
  left: 0.5em;
}
.ybs .telephone-number,
.mfp-wrap .telephone-number {
  font-size: 1.2em;
  margin-bottom: 0.2em;
  color: var(--color-primary);
  font-weight: bold;
}
.ybs .telephone-number .fa,
.mfp-wrap .telephone-number .fa {
  margin-right: 0.3em;
}
.ybs .times,
.mfp-wrap .times {
  font-size: 0.85em;
  color: var(--branch-finder-note);
  padding-top: 0.1em;
  line-height: 1.6em;
  font-family: var(--font-family-base);
  display: block;
}
.ybs a,
.mfp-wrap a {
  color: var(--color-primary);
  text-decoration: underline;
}
.ybs a:hover,
.mfp-wrap a:hover {
  color: var(--color-primary-hover);
  text-decoration: none;
}
.ybs a:focus,
.mfp-wrap a:focus {
  box-shadow: none;
}
.ybs a:focus-visible,
.mfp-wrap a:focus-visible {
  box-shadow: none;
  outline: 0.2rem solid var(--element-outline);
  border-radius: 0.2em;
}
.ybs #content strong,
.mfp-wrap #content strong {
  font-family: var(--font-family-bold);
  font-weight: 400;
  line-height: 1.48rem;
}
@media screen and (max-width: 1024px) {
  .ybs #content strong,
  .ybs #content p,
  .mfp-wrap #content strong,
  .mfp-wrap #content p {
    font-weight: 300;
    line-height: 23.8px;
  }
}
.ybs .text-info,
.mfp-wrap .text-info {
  color: var(--text-grey) !important;
  vertical-align: super;
  font-size: smaller;
}
.ybs span.text-white a,
.mfp-wrap span.text-white a {
  color: var(--color-grey-50);
}
.ybs span.text-white a:hover,
.mfp-wrap span.text-white a:hover {
  color: var(--color-grey-50);
}

.ybs .commercial-dropdown-tool {
  /* arrows */
}
.ybs .commercial-dropdown-tool select {
  width: 100%;
  font-weight: bold;
  background-color: var(--color-grey-50);
  border: thin solid var(--color-primary);
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ybs .commercial-dropdown-tool select.ybs {
  display: block;
  width: 100%;
  font-size: 1em;
  padding: 0.8rem 0.5rem;
  border: 1px solid var(--color-grey-1000);
  font-family: inherit;
  /** for the dropdown indicator */
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='green' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;
}
.ybs .commercial-dropdown-tool button {
  font-weight: bold;
  border: none;
  padding: 3%;
  color: var(--color-grey-50);
  width: 50%;
  margin-top: 3%;
  display: block;
  border-radius: 0.2em;
  line-height: 1.4em;
  cursor: pointer;
  transition: ease-in-out 0.2s;
}
.ybs .commercial-dropdown-tool h2 {
  font-size: 1.65em;
}
.ybs .commercial-dropdown-tool p {
  font-size: 95%;
}
.ybs .commercial-dropdown-tool .commercial-green-dropdown {
  background-color: var(--color-primary);
}
.ybs .commercial-dropdown-tool .commercial-green-dropdown h2 {
  color: var(--color-grey-50);
}
.ybs .commercial-dropdown-tool .commercial-green-dropdown p {
  color: var(--color-grey-50);
}
.ybs .commercial-dropdown-tool .commercial-green-dropdown button {
  background-color: var(--color-grey-50);
  color: var(--color-primary);
}
.ybs .commercial-dropdown-tool .commercial-green-dropdown button:hover {
  color: var(--button-primary-hover-text);
  background: var(--button-primary1-hover-text);
}
.ybs .commercial-dropdown-tool .commercial-white-dropdown {
  background-color: var(--color-grey-50);
}
.ybs .commercial-dropdown-tool .commercial-white-dropdown button {
  background-color: var(--color-primary);
}
.ybs .commercial-dropdown-tool .commercial-white-dropdown button:hover {
  border-color: var(--color-primary-hover);
  background: var(--color-primary-hover);
  color: var(--color-grey-50);
}

.ybs .accessibility #tabs-content {
  width: 100%;
}
.ybs .accessibility .accessibilityButton {
  justify-content: center;
  display: flex;
  gap: 2.2rem;
  max-width: 69rem;
}
@media (max-width: 640px) {
  .ybs .accessibility .accessibilityButton {
    flex-direction: column;
  }
}
.ybs .accessibility .card-content {
  display: flex;
  justify-content: center;
}
.ybs .accessibility .card {
  display: flex;
  flex-direction: column;
  text-align: center;
  color: var(--primary);
  margin: 2rem 0;
  font-family: var(--font-family-bold);
  line-height: 1.7rem;
  font-weight: 400;
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.55, 1);
}
.ybs .accessibility .card.big-box {
  font-size: 1.14rem;
  height: 11.475rem;
  width: 15.5rem;
  padding: 1.25rem;
}
.ybs .accessibility .card.big-box svg {
  margin-bottom: 1rem;
  font-size: 4.2rem;
  color: var(--color-secondary);
  text-align: center;
}
.ybs .accessibility .card.small-box {
  font-size: 0.9rem;
  height: 8.34rem;
  width: 14rem;
  padding: 0.8rem;
}
.ybs .accessibility .card.small-box svg {
  font-size: 3.8rem;
  color: var(--color-secondary);
  text-align: center;
}
.ybs .accessibility .card:hover {
  transform: scale(1.1);
}
.ybs .accessibility .card.is-active {
  color: #fff;
  background-color: var(--primary);
}
.ybs .accessibility .card.is-active svg {
  color: #fff;
}
.ybs .accessibility .card :nth-child(2) {
  display: flex;
  justify-content: center;
}
.ybs .accessibility .tabs-panel {
  display: none;
}
.ybs .accessibility .tabs-panel.is-active {
  display: block;
}
.ybs .accessibility .content-drop-zone {
  display: none;
}
.ybs .accessibility .content-drop-zone.is-active {
  display: block;
}

.has-edit-mode-menu .ybs .tabs-panel {
  display: block;
}
.has-edit-mode-menu .ybs .accessibility .content-drop-zone {
  display: block;
}

.ybs .accordion {
  background-color: var(--color-grey-50);
  border-bottom-color: #eef1f4;
  border-bottom-style: solid;
  border-bottom-width: initial;
  border-radius: 0.2916rem;
  display: block;
  margin-bottom: 0.729rem;
  overflow: hidden;
  position: relative;
  padding: 3px;
}
.ybs .accordion.gray {
  background-color: var(--accordion-bg-alt);
}
.ybs .accordion .accordion__header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.87898rem 1.041rem 0.62898rem 1.00398rem;
  width: 100%;
  border: none;
  background-color: transparent;
  text-align: left;
}
.ybs .accordion .accordion__header:focus-visible {
  box-shadow: none;
  outline: solid 0.2rem var(--element-outline);
  border-radius: 0.2em;
}
.ybs .accordion .accordion__header .accordion__title {
  color: var(--primary);
  cursor: pointer;
  display: block;
  font-family: var(--font-family-bold);
  font-size: 1.3rem;
  position: relative;
  width: 100%;
  z-index: 1;
  letter-spacing: -0.02rem;
  line-height: 1.77rem;
  margin: 0.3rem 0;
  padding: 0;
}
.ybs .accordion .accordion__header .accordion__title.gray {
  color: var(--textarea-text);
}
.ybs .accordion .accordion__header svg {
  color: var(--primary);
  font-size: 25px;
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.55, 1);
  transform: rotate(-90deg);
}
.ybs .accordion .accordion__header__clicked svg {
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.55, 1);
  transform: rotate(0);
}
.ybs .accordion .accordion__content {
  color: #212529;
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  height: 0;
  line-height: 1.62rem;
  overflow: hidden;
  z-index: 1;
}
.ybs .accordion .accordion__content .accordion__inner-content {
  display: none;
}
.ybs .accordion .accordion__content__visible {
  margin-top: 15px;
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.55, 1);
  height: auto;
}
.ybs .accordion .accordion__content__visible .accordion__inner-content {
  padding: 0 1.041rem 0.62898rem 1.00398rem;
  display: block;
}

.ybs #awards .award-text {
  text-align: center;
  line-height: 1rem;
  font-size: 0.75rem;
  font-weight: bold !important;
}
.ybs #awards .award-text p {
  color: #332a40 !important;
}
@media (max-width: 1240px) {
  .ybs #awards .award-text {
    font-size: 0.62rem;
  }
}
.ybs #awards .award-box-transparent {
  width: 8.5em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  padding: 0.1rem 0.25rem 0.1rem 0.25rem;
  background-color: rgba(255, 255, 255, 0.46);
  border-radius: 1rem 1rem 1rem 1rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .ybs #awards .award-box-transparent {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1232px) {
  .ybs #awards .award-box-transparent {
    width: 7em;
  }
}
.ybs #awards .award-box-dark {
  width: 8.5rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  padding: 0.1rem 0.25rem 0.1rem 0.25rem;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 1rem 1rem 1rem 1rem;
}
.ybs #awards .award-box-white {
  width: 8.5em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  padding: 0.1rem 0.25rem 0.1rem 0.25rem;
  background-color: rgb(255, 255, 255);
  border-radius: 1rem 1rem 1rem 1rem;
}
.ybs #awards .award-box-clear {
  width: 8.5rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  padding: 0.1rem 0.25rem 0.1rem 0.25rem;
}
.ybs #awards .award-box-clear-mobile {
  width: 8.5rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  padding: 0.1rem 0.25rem 0.1rem 0.25rem;
  background-color: rgb(255, 255, 255);
  border-radius: 1rem 1rem 1rem 1rem;
}
@media print, screen and (min-width: 40rem) {
  .ybs #awards .award-box-clear-mobile {
    width: 8.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    padding: 0.1rem 0.25rem 0.1rem 0.25rem;
    background-color: rgba(255, 255, 255, 0);
    border-radius: 1rem 1rem 1rem 1rem;
  }
}
.ybs #awards .award-image {
  height: 9em;
}
.ybs #awards .one-awards .award-box-outer-two,
.ybs #awards .one-awards .award-box-outer-three,
.ybs #awards .one-awards .award-box-outer-four {
  display: none;
}
.ybs #awards .one-awards .award-box-outer-one {
  flex: 0 0 100%;
  max-width: 100%;
}
.ybs #awards .two-awards .award-box-outer-three,
.ybs #awards .two-awards .award-box-outer-four,
.ybs #awards .two-sbs-awards .award-box-outer-three,
.ybs #awards .two-sbs-awards .award-box-outer-four {
  display: none;
}
@media print, screen and (max-width: 40em) {
  .ybs #awards .two-awards .award-box-outer-one,
  .ybs #awards .two-awards .award-box-outer-two {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ybs #awards .two-sbs-awards .award-box-outer-one,
  .ybs #awards .two-sbs-awards .award-box-outer-two {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media print, screen and (min-width: 40em) {
  .ybs #awards .two-awards .award-box-outer-one,
  .ybs #awards .two-awards .award-box-outer-two {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ybs #awards .two-sbs-awards .award-box-outer-one,
  .ybs #awards .two-sbs-awards .award-box-outer-two {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media print, screen and (min-width: 64em) {
  .ybs #awards .two-awards .award-box-outer-one,
  .ybs #awards .two-awards .award-box-outer-two {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ybs #awards .two-sbs-awards .award-box-outer-one,
  .ybs #awards .two-sbs-awards .award-box-outer-two {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.ybs #awards .three-awards .award-box-outer-four,
.ybs #awards .three-sbs-awards .award-box-outer-four {
  display: none;
}
.ybs #awards .three-awards .award-box-outer-one {
  flex: 0 0 100%;
  max-width: 100%;
}
.ybs #awards .three-awards .award-box-outer-two,
.ybs #awards .three-awards .award-box-outer-three {
  flex: 0 0 50%;
  max-width: 50%;
}
.ybs #awards .three-sbs-awards .award-box-outer-one {
  flex: 0 0 100%;
  max-width: 100%;
}
.ybs #awards .three-sbs-awards .award-box-outer-two,
.ybs #awards .three-sbs-awards .award-box-outer-three {
  flex: 0 0 50%;
  max-width: 50%;
}
@media print, screen and (min-width: 40em) {
  .ybs #awards .three-awards .award-box-outer-one,
  .ybs #awards .three-awards .award-box-outer-two,
  .ybs #awards .three-awards .award-box-outer-three {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .ybs #awards .three-sbs-awards .award-box-outer-one,
  .ybs #awards .three-sbs-awards .award-box-outer-two,
  .ybs #awards .three-sbs-awards .award-box-outer-three {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}
@media print, screen and (min-width: 64em) {
  .ybs #awards .three-awards .award-box-outer-one,
  .ybs #awards .three-awards .award-box-outer-two {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ybs #awards .three-awards .award-box-outer-three {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ybs #awards .three-sbs-awards .award-box-outer-one,
  .ybs #awards .three-sbs-awards .award-box-outer-two,
  .ybs #awards .three-sbs-awards .award-box-outer-three {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}
.ybs #awards .four-awards .award-box-outer-one,
.ybs #awards .four-awards .award-box-outer-two,
.ybs #awards .four-awards .award-box-outer-three,
.ybs #awards .four-awards .award-box-outer-four {
  flex: 0 0 50%;
  max-width: 50%;
}
@media print, screen and (min-width: 40em) {
  .ybs #awards .four-awards .award-box-outer-one,
  .ybs #awards .four-awards .award-box-outer-two,
  .ybs #awards .four-awards .award-box-outer-three,
  .ybs #awards .four-awards .award-box-outer-four {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media print, screen and (min-width: 64em) {
  .ybs #awards .four-awards .award-box-outer-one,
  .ybs #awards .four-awards .award-box-outer-two,
  .ybs #awards .four-awards .award-box-outer-three,
  .ybs #awards .four-awards .award-box-outer-four {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .ybs #awards .four-awards .award-box-outer-one,
  .ybs #awards .four-awards .award-box-outer-two,
  .ybs #awards .four-awards .award-box-outer-three,
  .ybs #awards .four-awards .award-box-outer-four {
    flex: none;
    max-width: none;
  }
  .ybs #awards .four-awards {
    flex-wrap: wrap;
    gap: 1em;
  }
}

.ybs .banner-title h1 {
  line-height: 0.65em !important;
  margin-top: 0.2rem !important;
  margin-bottom: 0.4rem !important;
}
.ybs .banner-title h1.size-1 {
  font-size: 1.5rem !important;
}
@media screen and (min-width: 768px) {
  .ybs .banner-title h1.size-1 {
    font-size: 1.9rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .ybs .banner-title h1.size-1 {
    font-size: 2.3rem !important;
  }
}
@media screen and (min-width: 1440px) {
  .ybs .banner-title h1.size-1 {
    font-size: 3rem !important;
  }
}
.ybs .banner-title h1.size-1-rl {
  line-height: 0.5rem !important;
  font-size: 0.975rem !important;
}
@media screen and (min-width: 768px) {
  .ybs .banner-title h1.size-1-rl {
    font-size: 1.235rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .ybs .banner-title h1.size-1-rl {
    font-size: 1.495rem !important;
  }
}
@media screen and (min-width: 1440px) {
  .ybs .banner-title h1.size-1-rl {
    font-size: 1.95rem !important;
  }
}
.ybs .banner-title h1.size-2 {
  font-size: 2.1rem !important;
}
@media screen and (min-width: 768px) {
  .ybs .banner-title h1.size-2 {
    font-size: 2.6rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .ybs .banner-title h1.size-2 {
    font-size: 3rem !important;
  }
}
@media screen and (min-width: 1440px) {
  .ybs .banner-title h1.size-2 {
    font-size: 4rem !important;
  }
}
.ybs .banner-title h1.size-2-rl {
  line-height: 0.5rem !important;
  font-size: 1.365rem !important;
}
@media screen and (min-width: 768px) {
  .ybs .banner-title h1.size-2-rl {
    font-size: 1.69rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .ybs .banner-title h1.size-2-rl {
    font-size: 1.95rem !important;
  }
}
@media screen and (min-width: 1440px) {
  .ybs .banner-title h1.size-2-rl {
    font-size: 2.6rem !important;
  }
}
.ybs .banner-title h1.size-3 {
  font-size: 2.6rem !important;
}
@media screen and (min-width: 768px) {
  .ybs .banner-title h1.size-3 {
    font-size: 3.2rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .ybs .banner-title h1.size-3 {
    font-size: 3.8rem !important;
  }
}
@media screen and (min-width: 1440px) {
  .ybs .banner-title h1.size-3 {
    font-size: 5rem !important;
  }
}
.ybs .banner-title h1.size-3-rl {
  line-height: 0.5rem !important;
  font-size: 1.69rem !important;
}
@media screen and (min-width: 768px) {
  .ybs .banner-title h1.size-3-rl {
    font-size: 2.08rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .ybs .banner-title h1.size-3-rl {
    font-size: 2.47rem !important;
  }
}
@media screen and (min-width: 1440px) {
  .ybs .banner-title h1.size-3-rl {
    font-size: 3.25rem !important;
  }
}
.ybs .banner-title h1.size-4 {
  font-size: 3.1rem !important;
}
@media screen and (min-width: 768px) {
  .ybs .banner-title h1.size-4 {
    font-size: 3.9rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .ybs .banner-title h1.size-4 {
    font-size: 4.5rem !important;
  }
}
@media screen and (min-width: 1440px) {
  .ybs .banner-title h1.size-4 {
    font-size: 6rem !important;
  }
}
.ybs .banner-title h1.size-4-rl {
  line-height: 0.5rem !important;
  font-size: 2.015rem !important;
}
@media screen and (min-width: 768px) {
  .ybs .banner-title h1.size-4-rl {
    font-size: 2.535rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .ybs .banner-title h1.size-4-rl {
    font-size: 2.925rem !important;
  }
}
@media screen and (min-width: 1440px) {
  .ybs .banner-title h1.size-4-rl {
    font-size: 3rem !important;
  }
}
.ybs .banner-title h1.size-5 {
  font-size: 3.6rem !important;
}
@media screen and (min-width: 768px) {
  .ybs .banner-title h1.size-5 {
    font-size: 4.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .ybs .banner-title h1.size-5 {
    font-size: 5.3rem !important;
  }
}
@media screen and (min-width: 1440px) {
  .ybs .banner-title h1.size-5 {
    font-size: 7rem !important;
  }
}
.ybs .banner-title h1.size-5-rl {
  line-height: 0.5rem !important;
  font-size: 2.34rem !important;
}
@media screen and (min-width: 768px) {
  .ybs .banner-title h1.size-5-rl {
    font-size: 2.925rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .ybs .banner-title h1.size-5-rl {
    font-size: 2.65rem !important;
  }
}
@media screen and (min-width: 1440px) {
  .ybs .banner-title h1.size-5-rl {
    font-size: 3.5rem !important;
  }
}
.ybs .banner-title h1.greentext {
  color: var(--backgrounds-base-300) !important;
}
.ybs .banner-title h1.whitetext {
  color: var(--color-grey-50) !important;
}
.ybs .banner-title h1.darkgreytext {
  color: var(--color-grey-900) !important;
}
.ybs .banner-title h1.reallife {
  letter-spacing: -0.03em !important;
  text-shadow: 0px 1px 12px rgba(0, 0, 0, 0.6) !important;
  color: var(--color-grey-50) !important;
  text-align: center !important;
  margin-top: 0.27em !important;
  margin-bottom: 0.27em !important;
}

.ybs #banner-ybs {
  overflow: hidden;
}
.ybs #banner-ybs.has-shadow {
  box-shadow: var(--box-shadow);
}
.ybs #banner-ybs.bottom-curves.green {
  background-color: var(--color-green-secondary-50);
}
.ybs #banner-ybs.bottom-curves.greyblue {
  background-color: var(--color-grey-200);
}
.ybs #banner-ybs.bottom-curves.primary {
  background-color: var(--color-primary);
}
.ybs #banner-ybs.bottom-curves.dark {
  background-color: var(--color-grey-900);
}
@media (max-width: 767.98px) {
  .ybs #banner-ybs.bottom-curves {
    border-bottom-left-radius: 50% 6%;
    border-bottom-right-radius: 50% 6%;
  }
}
@media (min-width: 576px) {
  .ybs #banner-ybs.bottom-curves {
    border-bottom-left-radius: 50% 6%;
    border-bottom-right-radius: 50% 6%;
  }
}
@media (min-width: 768px) {
  .ybs #banner-ybs.bottom-curves {
    border-bottom-left-radius: 50% 6%;
    border-bottom-right-radius: 50% 6%;
  }
}
@media (min-width: 992px) {
  .ybs #banner-ybs.bottom-curves {
    border-bottom-left-radius: 50% 6%;
    border-bottom-right-radius: 50% 6%;
  }
}
.ybs #banner-ybs .banner-inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  min-height: 170px;
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  .ybs #banner-ybs .banner-inner.container, .ybs #banner-ybs .banner-inner.main-header__group, .ybs #banner-ybs .saving-tips .banner-inner.saving-tips__breadcrumb, .ybs .saving-tips #banner-ybs .banner-inner.saving-tips__breadcrumb {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1024px) {
  .ybs #banner-ybs .banner-inner {
    flex-direction: column;
  }
}
@media (max-width: 540px) {
  .ybs #banner-ybs .banner-inner {
    min-height: 140px;
  }
}
.ybs #banner-ybs .banner-inner .page-editor__topper__content .row {
  max-width: 100%;
}
.ybs #banner-ybs .banner-inner .drop-block-wrap {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}
.ybs #banner-ybs .banner-inner .drop-block-wrap .row {
  max-width: 100%;
}
@media (max-width: 639px) {
  .ybs #banner-ybs .banner-inner .drop-block > div .container, .ybs #banner-ybs .banner-inner .drop-block > div .main-header__group, .ybs #banner-ybs .banner-inner .drop-block > div .saving-tips .saving-tips__breadcrumb, .ybs .saving-tips #banner-ybs .banner-inner .drop-block > div .saving-tips__breadcrumb {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .ybs #banner-ybs .banner-inner .drop-block > div > div > div > div {
    flex-direction: column !important;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .ybs #banner-ybs .banner-inner .drop-block > div > div > div > div > div {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .ybs #banner-ybs .banner-inner .drop-block > div > div > div > div > div,
  .ybs #banner-ybs .banner-inner .drop-block > div > div > div > div > div + div {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .ybs #banner-ybs .banner-inner .offset-md-4 {
    margin-left: 16.66667%;
  }
}
@media (max-width: 1024px) {
  .ybs #banner-ybs .banner-inner .awards-wrap {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ybs #banner-ybs .banner-inner .awards-wrap.offset-md-4 {
    margin-left: 0;
  }
}
@media screen and (min-width: 1300px) {
  .ybs #banner-ybs .swiper-slide {
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .ybs #banner-ybs .hero-large h1 {
    hyphens: none;
  }
}
.ybs #banner-ybs .hero-content h1 {
  font-size: 5rem;
  letter-spacing: -0.12rem;
  line-height: 3.6rem;
  color: var(--color-primary);
  margin-top: 0;
  margin-bottom: 0.4rem;
}
.ybs #banner-ybs .hero-content p.subtitle {
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 2rem;
  color: var(--text-filesize);
}
@media screen and (max-width: 800px) {
  .ybs #banner-ybs .hero-content p.subtitle {
    width: 86%;
    font-size: 1.15rem;
    line-height: 1.4rem;
  }
}
.ybs #banner-ybs .hero-content .btn-cta-1 {
  background-color: var(--color-primary);
  color: var(--color-grey-50);
}
@media screen and (max-width: 600px) {
  .ybs #banner-ybs .hero-content h1 {
    font-size: 3rem;
    line-height: 2.2rem;
    margin-bottom: 0.8rem;
    word-break: keep-all;
  }
}
.ybs #banner-ybs .hero-image.image-larger-on-mobile {
  position: absolute;
  max-height: 65%;
  max-width: 50%;
  vertical-align: bottom;
  bottom: 0;
  right: -2%;
}
@media screen and (max-width: 600px) {
  .ybs #banner-ybs .hero-image.image-larger-on-mobile {
    right: 12%;
    max-height: 78%;
  }
  .ybs #banner-ybs .hero-image.image-larger-on-mobile img {
    width: 22rem;
    -webkit-filter: drop-shadow(-8px 208px 24px #545b5e);
    filter: drop-shadow(-8px 208px 24px #545b5e);
  }
}
.ybs #banner-ybs .media-img {
  width: 100%;
}
.ybs #banner-ybs .hero {
  position: relative;
  padding-top: 1.7rem;
  z-index: 1;
}
.ybs #banner-ybs .hero.hero-blue .background {
  background: var(--text-color);
}
.ybs #banner-ybs .hero.hero-blue .hero-content .subtitle {
  color: #fff;
}
.ybs #banner-ybs .hero .hero-image {
  vertical-align: bottom;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 8%;
  z-index: 0;
  overflow: hidden;
  max-height: 100%;
  max-width: 80%;
  width: 50%;
  margin-left: -9%;
  margin-right: -5%;
  margin-bottom: 0;
  overflow-x: visible;
  overflow-y: hidden;
}
@media screen and (max-width: 450px) {
  .ybs #banner-ybs .hero .hero-image {
    width: 64%;
  }
}
@media screen and (max-width: 750px) {
  .ybs #banner-ybs .hero .hero-image {
    max-height: 84%;
    max-width: 68em;
    right: -15%;
    overflow: visible;
    width: 66%;
  }
}
@media screen and (max-width: 750px) {
  .ybs #banner-ybs .hero .hero-image {
    width: 97%;
    opacity: 1;
    right: -24%;
    margin-bottom: -9em;
  }
}
@media screen and (max-width: 450px) {
  .ybs #banner-ybs .hero .hero-image img {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .ybs #banner-ybs .hero .hero-image img {
    width: 98%;
  }
}
.ybs #banner-ybs .hero .background {
  background: transparent;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  align-items: flex-end;
  height: 115%;
}
.ybs #banner-ybs .hero .background img,
.ybs #banner-ybs .hero .background video {
  z-index: 0;
  height: 100%;
  max-width: initial;
  width: auto;
  min-width: 100%;
  object-fit: cover;
}
@media (max-width: 1024px) {
  .ybs #banner-ybs .hero .background img,
  .ybs #banner-ybs .hero .background video {
    z-index: 0;
    height: 90%;
    width: auto;
    min-width: 100%;
    object-position: 63%;
    object-fit: cover;
    max-width: 109%;
  }
}
.ybs #banner-ybs .hero .background .faded img {
  opacity: 0.8;
}
.ybs #banner-ybs .hero.hero-breadcrumb-light .breadcrumb {
  background-color: rgba(255, 255, 255, 0.4);
}
.ybs #banner-ybs .hero.hero-breadcrumb-light .breadcrumb a {
  color: var(--color-primary);
}
.ybs #banner-ybs .hero.hero-breadcrumb-dark .breadcrumb {
  background-color: rgba(0, 0, 0, 0.1);
}
.ybs #banner-ybs .hero.hero-breadcrumb-dark .breadcrumb a {
  color: var(--color-grey-50);
}
@media screen and (max-width: 768px) {
  .ybs #banner-ybs .hero {
    padding-bottom: 1.7rem;
  }
}
.ybs #banner-ybs [class*=hero-dark] .hero-content h1,
.ybs #banner-ybs [class*=hero-dark] .hero-content .subtitle {
  color: var(--color-grey-50);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn-cta-1 {
  color: var(--color-primary);
  background-color: var(--color-grey-50);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-solid-white a {
  color: var(--color-primary);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-primary {
  border-color: var(--color-grey-50);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-primary-color {
  border-color: var(--color-primary);
  background: transparent;
  color: var(--color-primary);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-primary-color a {
  color: var(--color-primary);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-primary-color:hover {
  border-color: var(--button-primary-hover-text);
  color: var(--button-primary-hover-text);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-primary-color:hover a {
  color: var(--button-primary-hover-text);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-solid-primary-color {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-grey-50);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-solid-primary-color a {
  color: var(--color-grey-50);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-solid-primary-color:hover {
  border-color: var(--button-primary-hover-text);
  background: var(--button-primary-hover-text);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-solid-secondary-color {
  border-color: var(--color-secondary);
  background: var(--color-secondary);
  color: var(--color-grey-50);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-solid-secondary-color a {
  color: var(--color-grey-50);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-solid-secondary-color:hover {
  border-color: var(--color-primary);
  background: var(--color-primary);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-solid-white {
  border-color: var(--color-grey-50);
  background: var(--color-grey-50);
  color: var(--color-primary);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-solid-white a {
  color: var(--color-primary);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-solid-white:hover {
  border-color: var(--button-primary1-hover-text);
  background: var(--button-primary1-hover-text);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-border-white {
  border-color: var(--color-grey-50);
  background: transparent;
  color: var(--color-grey-50);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-border-white a {
  color: var(--color-grey-50);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-border-white:hover {
  border-color: var(--button-primary1-hover-text);
  color: var(--button-primary1-hover-text);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-border-white:hover a {
  color: var(--button-primary1-hover-text);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-solid-black-lighter {
  border-color: var(--color-grey-900);
  background: var(--color-grey-900);
  color: var(--color-grey-50);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-solid-black-lighter a {
  color: var(--color-grey-50);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-solid-black-lighter:hover {
  border-color: var(--color-grey-1000);
  background: var(--color-grey-1000);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-border-black-lighter {
  border-color: var(--color-grey-900);
  background: transparent;
  color: var(--color-grey-900);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-border-black-lighter a {
  color: var(--color-grey-900);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-border-black-lighter:hover {
  border-color: var(--color-grey-1000);
  color: var(--color-grey-1000);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-border-black-lighter:hover a {
  color: var(--color-grey-1000);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-solid-grey {
  border-color: var(--color-grey-500);
  background: var(--color-grey-500);
  color: var(--text-grey);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-solid-grey a {
  color: var(--text-grey);
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .btn.btn-solid-grey:hover {
  border-color: var(--color-grey-600);
  background: var(--color-grey-600);
}
.ybs #banner-ybs [class*="hero-dark with-faded"] .background:after {
  content: "";
  left: 0;
  width: 240%;
  top: -200%;
  height: 500%;
  opacity: 0.4;
  position: absolute;
  z-index: 1;
  text-align: center;
  margin: 0%;
}
.ybs #banner-ybs [class*="hero-dark with-faded"] .background:after {
  background: -o-radial-gradient(center, ellipse cover, rgba(51, 42, 64, 0) 22%, rgb(51, 42, 64) 50%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(51, 42, 64, 0) 22%, rgb(51, 42, 64) 50%);
  background: radial-gradient(ellipse at center, rgba(51, 42, 64, 0) 22%, rgb(51, 42, 64) 50%);
}
.ybs #banner-ybs .hero-content p,
.ybs #banner-ybs .hero-content li,
.ybs #banner-ybs .hero-content .text-light a,
.ybs #banner-ybs .hero-content .text-lighter a,
.ybs #banner-ybs .hero-content .text-white a,
.ybs #banner-ybs .hero-content .text-whiteColor a {
  color: inherit;
}
.ybs #banner-ybs [class*=hero-dark] .hero-content .filesize {
  color: #fff;
}
.ybs #banner-ybs [class*=hero-dark] .hero-content > a {
  color: #fff;
}
.ybs #banner-ybs .banner-container .hero-content h1 {
  font-size: 3.6rem;
  line-height: 2.7rem;
  letter-spacing: 0;
  margin-bottom: 0.3em;
}
@media (max-width: 639px) {
  .ybs #banner-ybs .banner-container .hero-content h1 {
    font-size: 2.2rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 450px) {
  .ybs #banner-ybs .banner-container .hero-content h1 {
    font-size: 4em;
    line-height: 0.7em;
  }
}
.ybs #banner-ybs .banner-container .hero-content ul {
  padding-left: 2rem;
  list-style-image: url("../images/icons/bullet-ybs.png");
}
.ybs #banner-ybs .banner-container .hero-content ul li {
  letter-spacing: 0.005rem;
}
.ybs #banner-ybs .banner-container .hero-content ul li i,
.ybs #banner-ybs .banner-container .hero-content ul li svg {
  color: var(--color-primary);
  margin-right: 0.2rem;
  width: 0.75rem;
}
.ybs #banner-ybs .squircle__container {
  background-color: transparent;
  background-position: 20% 2%;
  background-repeat: no-repeat;
  border: none;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.ybs #banner-ybs .squircle__container.variation-1 {
  background-image: url("../images/img/nontwisted-squircles.png");
  background-size: 103%;
}
@media screen and (max-width: 40em) {
  .ybs #banner-ybs .squircle__container.variation-1 {
    width: 165%;
    height: 140%;
    left: -15%;
    top: -28%;
    background-size: 126%;
    background-size: 100%;
    background-position: 24% 63%;
    position: absolute;
  }
}
@media screen and (min-width: 40em) {
  .ybs #banner-ybs .squircle__container.variation-1 {
    background-size: 127%;
    background-position: 25% 6%;
  }
}
@media screen and (min-width: 64em) {
  .ybs #banner-ybs .squircle__container.variation-1 {
    background-size: 124%;
    background-position: 20% 2%;
  }
}
@media screen and (min-width: 75em) {
  .ybs #banner-ybs .squircle__container.variation-1 {
    background-size: 103%;
    background-position: 20% 2%;
  }
}
.ybs #banner-ybs .squircle__container.variation-2 {
  background-image: url("../images/img/squircles-full.png");
  background-size: cover;
}
.ybs #banner-ybs .squircle__container.variation-3 {
  background-image: url("../images/img/CBS-squircle.png");
  object-fit: cover;
  background-size: cover;
}
@media screen and (min-width: 40em) {
  .ybs #banner-ybs h1 {
    font-size: 3.8em;
    margin-top: 0.025em;
    margin-bottom: 0.3em;
  }
  .ybs #banner-ybs h1.size-1, .ybs #banner-ybs h1.medium-size-1 {
    font-size: 3em;
    margin-top: 0.2em;
    margin-bottom: 0.4em;
  }
  .ybs #banner-ybs h1.size-2, .ybs #banner-ybs h1.medium-size-2 {
    font-size: 3.5em;
    margin-top: 0.15em;
    margin-bottom: 0.3em;
  }
  .ybs #banner-ybs h1.size-3, .ybs #banner-ybs h1.medium-size-3 {
    font-size: 4em;
    margin-top: 0.1em;
    margin-bottom: 0.3em;
  }
  .ybs #banner-ybs h1.size-4, .ybs #banner-ybs h1.medium-size-4 {
    font-size: 4.5em;
    margin-top: 0.07em;
    margin-bottom: 0.2em;
  }
  .ybs #banner-ybs h1.size-5, .ybs #banner-ybs h1.medium-size-5 {
    font-size: 5em;
    margin-top: 0.025em;
    margin-bottom: 0.2em;
  }
  .ybs #banner-ybs h1.size-6, .ybs #banner-ybs h1.medium-size-6 {
    font-size: 5.5em;
    margin-top: 0.025em;
    margin-bottom: 0.2em;
  }
  .ybs #banner-ybs h1.size-7, .ybs #banner-ybs h1.medium-size-7 {
    font-size: 6em;
    margin-top: 0.025em;
    margin-bottom: 0.2em;
  }
  .ybs #banner-ybs h1.size-8, .ybs #banner-ybs h1.medium-size-8 {
    font-size: 6.5em;
    margin-top: 0.025em;
    margin-bottom: 0.2em;
  }
  .ybs #banner-ybs h1.size-9, .ybs #banner-ybs h1.medium-size-9 {
    font-size: 7em;
    margin-top: 0.025em;
    margin-bottom: 0.2em;
  }
  .ybs #banner-ybs h1.smaller-brand-mmas {
    font-size: 2.7em;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    letter-spacing: -0.03em;
    text-shadow: 0px 1px 12px rgba(0, 0, 0, 0.6);
    color: var(--color-grey-50);
  }
  .ybs #banner-ybs h1.bigger-brand-mmas {
    font-size: 5.4em;
    margin-bottom: 0.1em;
    margin-top: 0.1em;
    letter-spacing: -0.03em;
    text-shadow: 0px 1px 12px rgba(0, 0, 0, 0.6);
    line-height: 0.65em;
    color: var(--color-grey-50);
  }
}
.ybs #banner-ybs [class*=hero-light] .background:after,
.ybs #banner-ybs [class*=hero-dark] .background:after {
  content: "";
  left: 0;
  width: 240%;
  top: -200%;
  height: 500%;
  opacity: 0.4;
  position: absolute;
  z-index: 1;
  text-align: center;
  margin: 0%;
}
@media screen and (max-width: 40em) {
  .ybs #banner-ybs [class*=hero-light] .background:after,
  .ybs #banner-ybs [class*=hero-dark] .background:after {
    width: 300%;
  }
}
@media screen and (min-width: 40em) {
  .ybs #banner-ybs [class*=hero-light] .background:after,
  .ybs #banner-ybs [class*=hero-dark] .background:after {
    width: 200%;
  }
}
.ybs #banner-ybs [class*=hero-light] .background:after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 22%, #fff 50%);
}
.ybs #banner-ybs .hero-light-1 .background:after {
  opacity: 0.1;
}
.ybs #banner-ybs .hero-light-2 .background:after {
  opacity: 0.2;
}
.ybs #banner-ybs .hero-light-3 .background:after {
  opacity: 0.3;
}
.ybs #banner-ybs .hero-light-4 .background:after {
  opacity: 0.4;
}
.ybs #banner-ybs .hero-light-5 .background:after {
  opacity: 0.5;
}
.ybs #banner-ybs .hero-light-6 .background:after,
.ybs #banner-ybs .hero-lighter .background:after {
  opacity: 0.6;
}
.ybs #banner-ybs .hero-light-7 .background:after {
  opacity: 0.7;
}
.ybs #banner-ybs .hero-light-8 .background:after,
.ybs #banner-ybs .hero-lightest .background:after {
  opacity: 0.8;
}
.ybs #banner-ybs .hero-light-9 .background:after {
  opacity: 0.9;
}
.ybs #banner-ybs .hero-light-10 .background:after {
  opacity: 1;
}
.ybs #banner-ybs [class*=hero-dark] .background:after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjMTExMTExIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMTExMTExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: radial-gradient(ellipse at center, rgba(51, 42, 64, 0) 22%, #332a40 50%);
  opacity: 0;
}
.ybs #banner-ybs .hero-dark-1 .background:after {
  opacity: 0.1;
}
.ybs #banner-ybs .hero-dark-2 .background:after {
  opacity: 0.2;
}
.ybs #banner-ybs .hero-dark-3 .background:after {
  opacity: 0.3;
}
.ybs #banner-ybs .hero-dark-4 .background:after {
  opacity: 0.4;
}
.ybs #banner-ybs .hero-dark-5 .background:after {
  opacity: 0.5;
}
.ybs #banner-ybs .hero-dark-6 .background:after {
  opacity: 0.6;
}
.ybs #banner-ybs .hero-dark-7 .background:after {
  opacity: 0.7;
}
.ybs #banner-ybs .hero-dark-8 .background:after {
  opacity: 0.8;
}
.ybs #banner-ybs .hero-dark-9 .background:after {
  opacity: 0.9;
}
.ybs #banner-ybs .hero-dark-10 .background:after {
  opacity: 1;
}
.ybs div.banner-inner.container div.hero-content u, .ybs div.banner-inner.main-header__group div.hero-content u, .ybs .saving-tips div.banner-inner.saving-tips__breadcrumb div.hero-content u {
  text-decoration: none;
}

@-ms-keyframes moveInFromTop {
from {
    margin-top: -110%;
  }
to {
    margin-top: 0%;
  }
}
@keyframes moveInFromTop {
  from {
    margin-top: -110%;
  }
  to {
    margin-top: 0%;
  }
}
.people-tool.not-loaded .people-tool-show-when-loaded {
  display: none !important;
}

.people-tool {
  padding-bottom: 1.2rem;
}
.people-tool .people-list .person-group-title {
  position: relative;
  background-color: var(--color-grey-50);
  font-size: 1.25em;
  width: 100%;
  font-family: var(--font-family-bold);
  border: solid 2px rgba(0, 0, 0, 0.49);
  margin-bottom: 1.5em;
}
.people-tool .people-list .person-group-title:after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 52%;
  width: 0px;
  height: 0px;
  display: block;
  margin: 0 auto;
  clear: both;
  border: solid 20px transparent;
  border-top-color: var(--color-grey-700);
  transform: translateX(-50%);
}
.people-tool .people-list .person {
  position: relative;
  background-color: var(--color-grey-50);
  text-align: center;
  cursor: pointer;
  border: solid 2px transparent;
  z-index: 10;
  margin-bottom: 1em;
  color: inherit;
  text-decoration: none;
}
.people-tool .people-list .person:nth-of-type(2n + 2) {
  margin-right: 0;
}
.people-tool .people-list .person[data-js-person-active=true] {
  border-color: var(--color-grey-700);
}
.people-tool .people-list .person[data-js-person-active=true]:hover {
  color: inherit;
  text-decoration: none;
}
.people-tool .people-list .person:not([data-js-person-active=true]):nth-child(even) {
  border-right: 1px solid var(--gray-4);
}
.people-tool .people-list .person:not([data-js-person-active=true]):last-child {
  border-right: 0;
}
.people-tool .people-list .people-tool-btn {
  display: none;
  position: absolute;
  left: 50%;
  padding: 15px;
  transform: translateX(-70%);
  cursor: pointer;
  z-index: 100;
}
.people-tool .people-list .people-tool-btn:after {
  content: " ";
  display: inline-block;
  border: solid 10px transparent;
}
.people-tool .people-list .person-list-rotate-next {
  bottom: 0;
}
.people-tool .people-list .person-list-rotate-next:after {
  border-top: solid 20px var(--text-filesize);
}
.people-tool .people-list .person-list-rotate-prev {
  top: -2em;
}
.people-tool .people-list .person-list-rotate-prev:after {
  border-bottom: solid 20px var(--text-filesize);
}
.people-tool .people-list .people.person-moving-bottom .person:nth-child(1n+4) {
  margin-top: -110%;
  opacity: 0;
}
.people-tool .people-list .people.person-moving-bottom .person:nth-child(3n+1) {
  opacity: 0;
  margin-top: -100%;
}
.people-tool .people-list .people.person-moving-top .person:nth-child(1n+4) {
  margin-top: 110%;
}
.people-tool .people-list .people.person-moving-top .person:nth-child(3n+1) {
  margin-top: -110%;
  opacity: 0;
}
.people-tool .person-image {
  padding: 0;
  width: 100%;
  height: auto;
  border: solid 1px transparent;
  border-bottom: solid 1px var(--color-grey-300);
}
.people-tool .person-image img {
  width: 100%;
}
.people-tool .person-details {
  margin: 0.5em 0;
}
.people-tool .person-name {
  display: block;
  font-size: 1.25em;
  font-family: var(--font-family-light);
  margin-bottom: 0.25em;
}
.people-tool .person-role {
  display: block;
  font-family: var(--font-family-bold);
}
.people-tool .person-display {
  display: none;
}
.people-tool .person-display .person-display-img {
  display: none;
}
.people-tool .person-display .person-display-img img {
  width: 100%;
  height: auto;
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.people-tool .person-display .person-info {
  width: 100%;
  height: auto;
  padding: 2em;
  background-color: var(--color-grey-50);
  border: solid 1px var(--color-grey-400);
}
.people-tool .person-display .person-name {
  display: block;
  font-family: var(--font-family-light);
  font-size: 2em;
  margin-bottom: 0.5em;
  padding: 0;
}
.people-tool .person-display .person-role {
  font-size: 1.25em;
  margin-bottom: 1em;
  display: block;
  font-weight: bold;
}
.people-tool .person-display .person-joined {
  font-size: 1.25em;
  margin-bottom: 1em;
  display: block;
}
.people-tool .person-display .person-content {
  margin-top: 1em;
}
.people-tool .person-display .person-content p {
  line-height: 1.8rem;
}
.people-tool .person-display[data-js-person-content-active=true] {
  display: block;
}

@media pointer {
  .people-tool .people-list .person:hover {
    border-color: var(--color-grey-600);
  }
}
@media screen and (min-width: 40em) {
  .people-tool .people-list .person[data-js-person-active=true]:after {
    content: " ";
    display: block;
    margin: 0 auto;
    border: solid 15px transparent;
    border-top: solid 15px var(--color-grey-700);
    position: absolute;
    bottom: -2.25em;
    left: 50%;
    right: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: solid 15px transparent;
    border-left: solid 15px var(--color-grey-700);
    right: -2em;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: auto;
    left: auto;
  }
  .people-tool .people-list .person:not([data-js-person-active=true]):nth-child(even) {
    border-right: 0;
  }
  .people-tool .people-list .people {
    overflow: hidden;
    overflow-y: auto;
    max-height: 52em;
    padding-right: 1em;
    padding-left: 1.5em;
  }
  .people-tool .people-list .person {
    transition: margin 350ms;
    cursor: pointer;
    -ms-animation: 350ms moveInFromTop;
    animation: 350ms moveInFromTop;
  }
  .people-tool .person-display .person-display-img {
    display: block;
    position: absolute;
    bottom: 0;
    right: -3em;
    width: 50%;
    height: auto;
  }
  .people-tool .person-display .person-info {
    min-height: 52em;
  }
  .people-tool .person-display .person-content {
    padding-right: 41%;
  }
}
.ybs .box {
  border-radius: 0.1944rem;
  box-sizing: border-box;
  margin-bottom: 0.972rem;
}
.ybs .box > .box__content {
  position: relative;
}
.ybs .box > .box__content .box__actions {
  margin-top: 1rem;
}
.ybs .box > .box__content .inner {
  padding: 1.944rem;
}
.ybs .box .box__icon {
  display: block;
  height: 6.317375rem;
  margin: auto;
  margin-bottom: -3rem;
  position: relative;
  text-align: center;
  width: 6.317375rem;
  z-index: 2;
}
.ybs .box .box__icon::before, .ybs .box .box__icon::after {
  background-color: #f6f6f6;
  border-radius: 5.625rem;
  content: "";
  height: 79.5%;
  left: 0;
  margin: 0.5rem;
  position: absolute;
  top: 0;
  width: 79.5%;
  z-index: 2;
}
.ybs .box .box__icon::after {
  background-color: transparent;
  box-shadow: 0 0.4rem 0.3rem 0.03rem rgba(0, 0, 0, 0.2);
  height: 85%;
  margin: 0.3rem 0.2rem 0 0.3rem;
  width: 85%;
  z-index: 1;
}
.ybs .box .box__icon .icon {
  display: block;
  color: var(--primary);
  font-size: 2.916rem;
  line-height: 6rem;
  position: relative;
  z-index: 3;
  font-family: var(--font-family-headline);
}
.ybs .box .box__icon .icon svg {
  margin: 1.35rem auto auto -0.18rem;
}
.ybs .box .box__icon .icon img {
  width: 3rem;
  z-index: 4;
}
.ybs .box .box__icon .icon_text {
  display: block;
  color: var(--primary);
  font-size: 4.66rem;
  line-height: 6rem;
  margin: 0 auto 0 -0.5rem;
  position: relative;
  z-index: 3;
  font-family: var(--font-family-headline);
}
.ybs .box .box__icon .icon_text img {
  width: 3rem;
  z-index: 4;
}
.ybs .box .calculator {
  margin-bottom: 0;
}
.ybs .box__title {
  border-top-left-radius: 0.21384rem;
  border-top-right-radius: 0.21384rem;
  font-family: var(--font-family-base);
  font-size: 1.0692rem;
  padding: 0.5346rem 1.0692rem;
  color: var(--primary);
}
.ybs .box__title h2 {
  color: var(--primary);
}
.ybs .box-1 > .box__content {
  background-color: #fff;
  border-radius: 0.1944rem;
  box-shadow: 0px 3px 0px 0px rgb(221, 227, 224);
}
.ybs .box-2 > .box__content {
  background-color: #fff;
  background-image: radial-gradient(ellipse at center, #f3f5f7 0%, #c4cbce 100%);
  background-image: -o-radial-gradient(ellipse at center, #f3f5f7 0%, #c4cbce 100%);
  background-image: -moz-radial-gradient(ellipse at center, #f3f5f7 0%, #c4cbce 100%);
  background-image: -webkit-radial-gradient(ellipse at center, #f3f5f7 0%, #c4cbce 100%);
  border-bottom: 0;
  border-left: 0.125rem solid rgba(0, 0, 0, 0.05);
  border-radius: 0.3888rem;
  border-right: 0;
  border-top: 0.125rem solid rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.ybs .box-3 > .box__content {
  background-color: inherit;
  border-radius: 0.1944rem;
  box-shadow: 0px 3px 0px 0px rgb(221, 227, 224);
}
.ybs .box-4 > .box__content {
  background-color: var(--color-grey-50);
  border-radius: 0.1944rem;
  box-shadow: 0px 3px 0px 0px rgb(221, 227, 224);
}
.ybs .box-5 .box__content {
  padding: 0;
  background-color: #fff;
  border-radius: 0.1944rem;
  box-shadow: 0px 3px 0px 0px rgb(221, 227, 224);
}
.ybs .box-5 .box__content .box__content__inner {
  padding: 1.944rem;
}
.ybs .box-5 .box__title {
  background-color: #6c757d;
  width: 100%;
  padding: 0.5rem 1rem;
}
.ybs .box-5 .box__title h2 {
  color: #fff !important;
  line-height: 1.75;
}

.ybs .box-dropzone {
  background-color: var(--color-grey-50);
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
  color: var(--text-grey);
  display: block;
  margin: 0 0 0.3rem;
  padding: 1.8rem 1.6rem 1.6rem;
  position: relative;
  scroll-margin-top: 8.5rem;
}
.ybs .box-dropzone .box-dropzone__container {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon {
  align-items: center;
  align-self: center;
  border-radius: 90px;
  box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.2);
  display: flex;
  height: 6.5rem;
  justify-content: center;
  margin-top: -5rem;
  padding: 1.7rem;
  position: absolute;
  width: 6.5rem;
}
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon .icon_text {
  font-family: var(--font-family-headline);
  font-size: 5rem;
  text-align: center;
  z-index: 2;
}
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon .icon_text.icon-color--primary {
  color: var(--color-primary);
}
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon .icon_text.icon-color--secondary {
  color: var(--color-secondary);
}
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon .icon_text.icon-color--grey {
  color: var(--color-grey-700);
}
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon .icon_text.icon-color--white {
  color: var(--color-grey-50);
}
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon .icon_text.icon-color--black-lighter {
  color: var(--color-grey-900);
}
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon::after {
  background-color: var(--color-grey-50);
  border-radius: 90px;
  content: "";
  height: 94%;
  left: 50%;
  margin-left: -47.2%;
  margin-top: -45.2%;
  position: absolute;
  top: 50%;
  width: 94%;
}
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon > div,
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon > #box-dropzone-container-icon {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 3rem;
  width: 3rem;
}
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon > div img,
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon > #box-dropzone-container-icon img {
  position: relative;
  width: 100%;
  z-index: 2;
}
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon svg,
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon svg.svg-inline--fa {
  color: var(--color-green-secondary-900);
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon svg.svg-inline--fa.icon-color--primary {
  color: var(--color-primary);
}
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon svg.svg-inline--fa.icon-color--secondary {
  color: var(--color-secondary);
}
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon svg.svg-inline--fa.icon-color--grey {
  color: var(--color-grey-700);
}
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon svg.svg-inline--fa.icon-color--white {
  color: var(--color-grey-50);
}
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon svg.svg-inline--fa.icon-color--black-lighter {
  color: var(--color-grey-900);
}
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon + div,
.ybs .box-dropzone .box-dropzone__container .box-dropzone__container__icon + lfr-drop-zone {
  margin-top: 2.5rem;
}
.ybs .box-dropzone .box-dropzone__background-image {
  border-radius: 0.3rem;
  left: 0;
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 100%;
  z-index: 1;
}
.ybs .box-dropzone .box-dropzone__background-image > div {
  display: block;
  height: 100%;
}
.ybs .box-dropzone .box-dropzone__background-image > div img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.ybs .box-dropzone .box-dropzone__background-image #box-dropzone-background-image {
  width: 100%;
}
.ybs .box-dropzone .box-dropzone-light-color h2,
.ybs .box-dropzone .box-dropzone-light-color p {
  color: var(--color-grey-50);
}
.ybs .box-dropzone .box-dropzone-light-color .btn.btn-primary {
  border-color: var(--color-grey-50);
  color: var(--color-grey-50);
}
.ybs .box-dropzone.box-dropzone--outline {
  border-bottom: 0.25rem solid #dfe1e6;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
.ybs .box-dropzone.box-dropzone--key-line-color {
  border: solid 2px var(--color-secondary);
  border-bottom: solid 3px var(--color-secondary);
}
.ybs .box-dropzone.box-dropzone--inner-icon {
  margin-top: 0;
}
.ybs .box-dropzone.box-dropzone--inner-icon .box-dropzone__container .box-dropzone__container__icon {
  box-shadow: none;
  height: 7.6rem;
  margin-top: -0.8rem;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  width: 7.6rem;
}
.ybs .box-dropzone.box-dropzone--inner-icon .box-dropzone__container .box-dropzone__container__icon + .box-dropzone__container__content {
  margin-top: 0;
  padding-top: 0.4rem;
}
@media screen and (min-width: 500px) {
  .ybs .box-dropzone.box-dropzone--inner-icon .box-dropzone__container.box-dropzone__container--icon-left {
    display: flex;
    flex-direction: row;
  }
  .ybs .box-dropzone.box-dropzone--inner-icon .box-dropzone__container.box-dropzone__container--icon-left .box-dropzone__container__icon {
    align-self: flex-start;
    flex-shrink: 0;
    height: 4rem;
    margin: -0.5rem 1.1rem 0 -0.2rem;
    padding-left: 0;
    padding-right: 0.5rem;
    width: 4rem;
  }
}
.ybs .box-dropzone.box-dropzone--inner-icon .box-dropzone__container__icon::after {
  background-color: transparent;
}
.ybs .box-dropzone.box-1 {
  background-color: var(--box1-bg);
}
.ybs .box-dropzone.box-2 {
  background-color: var(--box2-bg);
}
.ybs .box-dropzone.box-3 {
  background-color: var(--box3-bg);
}
.ybs .box-dropzone.box-3 .box-dropzone__container__title h2 {
  color: var(--color-grey-50);
}
.ybs .box-dropzone.box-3 .box-dropzone__container__actions a {
  border-color: var(--color-grey-50);
  color: var(--color-grey-50);
}
.ybs .box-dropzone.box-3.box-dropzone--inner-icon .box-dropzone__container .box-dropzone__container__icon svg,
.ybs .box-dropzone.box-3.box-dropzone--inner-icon .box-dropzone__container .box-dropzone__container__icon svg.svg-inline--fa.fa-w-16 {
  color: var(--color-grey-50);
}
.ybs .box-dropzone.box-3.box-dropzone--inner-icon .icon_text {
  color: var(--color-grey-50);
}
.ybs .box-dropzone.box-4 {
  background-color: transparent;
}
.ybs .box-dropzone.box-5 {
  background-color: var(--color-grey-50);
  background-image: radial-gradient(ellipse at center, #f3f5f7 0%, #c4cbce 100%);
  background-image: -o-radial-gradient(ellipse at center, #f3f5f7 0%, #c4cbce 100%);
  background-image: -moz-radial-gradient(ellipse at center, #f3f5f7 0%, #c4cbce 100%);
  background-image: -webkit-radial-gradient(ellipse at center, #f3f5f7 0%, #c4cbce 100%);
  border-bottom: 0;
  border-left: 0.125rem solid rgba(0, 0, 0, 0.05);
  border-radius: 0.3888rem;
  border-right: 0;
  border-top: 0.125rem solid rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.ybs .box-dropzone.box-6 {
  background-color: var(--box6-bg);
}
.ybs .box-dropzone.box-7 {
  background-color: var(--box7-bg);
}
.ybs .box-dropzone.box-8 {
  background-color: var(--box8-bg);
}
.ybs .box-dropzone.box-9 {
  background-color: var(--box9-bg);
}
.ybs .box-dropzone.box-10 {
  background-color: var(--backgrounds-base-1000);
}
.ybs .box-dropzone.box-10.box-dropzone--inner-icon .box-dropzone__container__icon svg,
.ybs .box-dropzone.box-10.box-dropzone--inner-icon .box-dropzone__container__icon svg.svg-inline--fa.fa-w-16 {
  color: var(--color-grey-50);
}
.ybs .box-dropzone.box-10.box-dropzone--inner-icon .box-dropzone__container__icon .icon_text {
  color: var(--color-grey-50);
}
.ybs .box-dropzone.box-10 .btn.btn-primary {
  border-color: var(--color-grey-50);
  color: var(--color-grey-50);
}
.ybs a.box-dropzone {
  transition: ease-in-out 0.2s;
  will-change: contents;
  text-decoration: none;
}
.ybs a.box-dropzone:hover {
  color: inherit;
  transform: scale(1.01);
  text-decoration: none;
}

.has-edit-mode-menu.has-control-menu .box-dropzone__background-image {
  position: relative;
}
.has-edit-mode-menu.has-control-menu .box-dropzone__background-image img {
  width: 100%;
}
.has-edit-mode-menu.has-control-menu .swiper-container .box-dropzone__background-image {
  width: 300px;
}

.ybs .breadcrumb {
  align-items: center;
  background: rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.075);
  border-radius: 0.2rem;
  border: none;
  color: var(--breadcrumb-light-item-text);
  display: flex;
  flex-wrap: nowrap;
  font-family: var(--font-family-headline);
  gap: 1rem;
  grid-gap: 1rem;
  margin-bottom: 0.3rem;
  margin-top: 1.2rem;
  opacity: 0.8;
  opacity: 0.8;
  padding: 0.1rem 0.7rem 0;
  width: fit-content;
}
@media screen and (max-width: 447px) {
  .ybs .breadcrumb {
    display: none;
  }
}
.ybs .breadcrumb a {
  color: var(--color-primary);
  font-family: var(--font-family-headline);
  font-size: 1rem;
  text-decoration: none;
}
.ybs .breadcrumb svg {
  color: var(--breadcrumb-item-separator);
  fill: var(--breadcrumb-item-separator);
}
.ybs .breadcrumb .breadcrumb-item,
.ybs .breadcrumb .breadcrumb-link {
  color: var(--breadcrumb-light-item-text);
}
.ybs .breadcrumb .breadcrumb-item {
  font-size: 1rem;
  margin-right: 0.1rem;
  max-height: 1.5rem;
}
.ybs .breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 1rem;
}
.ybs .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-left: 8px solid var(--breadcrumb-item-separator);
  border-bottom: 4px solid transparent;
  left: 2.8rem;
  top: 1.2rem;
}
.ybs .breadcrumb-wrap {
  flex-grow: 0;
  height: 42px;
  margin-top: -24px;
  margin-bottom: 1rem;
  padding-left: 0;
}
@media (max-width: 447px) {
  .ybs .breadcrumb-wrap {
    display: none;
  }
}

.ybs #ybs-carousel {
  position: relative;
}
.ybs #ybs-carousel.has-shadow {
  box-shadow: var(--box-shadow);
}
.ybs #ybs-carousel .swiper {
  overflow: hidden;
}
.ybs #ybs-carousel .swiper .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1 !important; /* Liferay tries to override this??? */
  display: -webkit-flex;
  display: flex;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box;
}
.ybs #ybs-carousel .swiper .swiper-wrapper .swiper-slide {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.ybs #ybs-carousel .swiper #banner-ybs .hero {
  position: static;
}
.ybs #ybs-carousel .swiper #banner-ybs .hero .background {
  height: 140%;
}
.ybs #ybs-carousel .swiper-pagination {
  display: block;
  left: 50%;
  bottom: -18px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  box-shadow: var(--box-shadow);
  background: rgba(255, 255, 255, 0.87);
  background-color: var(--color-grey-50);
  border-radius: 5px;
  padding: 0.4em 0.5em;
  width: auto;
}
.ybs #ybs-carousel .swiper-pagination .swiper-pagination-bullet {
  margin: 0 4px;
  display: inline-block;
  color: #cacaca;
  cursor: pointer;
  border-radius: 50%;
  padding: 0.5em;
}
.ybs #ybs-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-primary);
}
.ybs .page-editor #ybs-carousel .swiper-wrapper {
  flex-direction: column;
}

.ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-3-arrow {
  display: flex;
  height: 300px;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-3-arrow .left-box {
  display: flex;
  align-items: center;
  background-color: var(--color-grey-50);
  width: 50%;
  justify-content: end;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-3-arrow .right-box {
  display: flex;
  align-items: center;
  background-color: var(--color-grey-600);
  width: 50%;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-3-arrow .right-box > div {
  padding: 5%;
  width: 80%;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-3-arrow .left-box > div {
  padding: 5%;
  width: 80%;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-3-arrow .chevron {
  display: flex;
  background-color: var(--color-grey-600);
}
@media screen and (max-width: 992px) {
  .ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-3-arrow {
    display: block;
    height: auto;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-3-arrow .left-box {
    background-color: var(--color-grey-50);
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-3-arrow .right-box {
    background-color: var(--color-grey-50);
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-3-arrow .left-box > div {
    padding: 5% 5% 0% 5%;
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-3-arrow .right-box > div {
    padding: 0% 5% 5% 5%;
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-3-arrow .chevron {
    display: none;
  }
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-4-arrow {
  display: flex;
  height: 300px;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-4-arrow .left-box {
  display: flex;
  align-items: center;
  background-color: var(--color-grey-50);
  width: 50%;
  justify-content: end;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-4-arrow .right-box {
  display: flex;
  align-items: center;
  background-color: var(--color-grey-500);
  width: 50%;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-4-arrow .right-box > div {
  padding: 5%;
  width: 80%;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-4-arrow .left-box > div {
  padding: 5%;
  width: 80%;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-4-arrow .chevron {
  display: flex;
  background-color: var(--color-grey-500);
}
@media screen and (max-width: 992px) {
  .ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-4-arrow {
    display: block;
    height: auto;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-4-arrow .left-box {
    background-color: var(--color-grey-50);
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-4-arrow .right-box {
    background-color: var(--color-grey-50);
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-4-arrow .left-box > div {
    padding: 5% 5% 0% 5%;
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-4-arrow .right-box > div {
    padding: 0% 5% 5% 5%;
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-4-arrow .chevron {
    display: none;
  }
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-5-arrow {
  display: flex;
  height: 300px;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-5-arrow .left-box {
  display: flex;
  align-items: center;
  background-color: var(--color-grey-50);
  width: 50%;
  justify-content: end;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-5-arrow .right-box {
  display: flex;
  align-items: center;
  background-color: var(--color-grey-300);
  width: 50%;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-5-arrow .right-box > div {
  padding: 5%;
  width: 80%;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-5-arrow .left-box > div {
  padding: 5%;
  width: 80%;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-5-arrow .chevron {
  display: flex;
  background-color: var(--color-grey-300);
}
@media screen and (max-width: 992px) {
  .ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-5-arrow {
    display: block;
    height: auto;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-5-arrow .left-box {
    background-color: var(--color-grey-50);
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-5-arrow .right-box {
    background-color: var(--color-grey-50);
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-5-arrow .left-box > div {
    padding: 5% 5% 0% 5%;
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-5-arrow .right-box > div {
    padding: 0% 5% 5% 5%;
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-left .grey-5-arrow .chevron {
    display: none;
  }
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-3-arrow {
  display: flex;
  height: 300px;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-3-arrow .left-box {
  display: flex;
  align-items: center;
  background-color: var(--color-grey-600);
  width: 50%;
  justify-content: end;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-3-arrow .right-box {
  display: flex;
  align-items: center;
  background-color: var(--color-grey-50);
  width: 50%;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-3-arrow .right-box > div {
  padding: 5%;
  width: 80%;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-3-arrow .left-box > div {
  padding: 5%;
  width: 80%;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-3-arrow .chevron {
  display: flex;
  background-color: var(--color-grey-600);
}
@media screen and (max-width: 992px) {
  .ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-3-arrow {
    display: block;
    height: auto;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-3-arrow .left-box {
    background-color: var(--color-grey-50);
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-3-arrow .right-box {
    background-color: var(--color-grey-50);
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-3-arrow .left-box > div {
    padding: 5% 5% 0% 5%;
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-3-arrow .right-box > div {
    padding: 0% 5% 5% 5%;
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-3-arrow .chevron {
    display: none;
  }
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-4-arrow {
  display: flex;
  height: 300px;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-4-arrow .left-box {
  display: flex;
  align-items: center;
  background-color: var(--color-grey-500);
  width: 50%;
  justify-content: end;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-4-arrow .right-box {
  display: flex;
  align-items: center;
  background-color: var(--color-grey-50);
  width: 50%;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-4-arrow .right-box > div {
  padding: 5%;
  width: 80%;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-4-arrow .left-box > div {
  padding: 5%;
  width: 80%;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-4-arrow .chevron {
  display: flex;
  background-color: var(--color-grey-500);
}
@media screen and (max-width: 992px) {
  .ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-4-arrow {
    display: block;
    height: auto;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-4-arrow .left-box {
    background-color: var(--color-grey-50);
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-4-arrow .right-box {
    background-color: var(--color-grey-50);
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-4-arrow .left-box > div {
    padding: 5% 5% 0% 5%;
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-4-arrow .right-box > div {
    padding: 0% 5% 5% 5%;
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-4-arrow .chevron {
    display: none;
  }
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-5-arrow {
  display: flex;
  height: 300px;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-5-arrow .left-box {
  display: flex;
  align-items: center;
  background-color: var(--color-grey-300);
  width: 50%;
  justify-content: end;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-5-arrow .right-box {
  display: flex;
  align-items: center;
  background-color: var(--color-grey-50);
  width: 50%;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-5-arrow .right-box > div {
  padding: 5%;
  width: 80%;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-5-arrow .left-box > div {
  padding: 5%;
  width: 80%;
}
.ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-5-arrow .chevron {
  display: flex;
  background-color: var(--color-grey-300);
}
@media screen and (max-width: 992px) {
  .ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-5-arrow {
    display: block;
    height: auto;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-5-arrow .left-box {
    background-color: var(--color-grey-50);
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-5-arrow .right-box {
    background-color: var(--color-grey-50);
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-5-arrow .left-box > div {
    padding: 5% 5% 0% 5%;
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-5-arrow .right-box > div {
    padding: 0% 5% 5% 5%;
    width: 100%;
  }
  .ybs .container-with-arrow-icon .container-with-arrow-icon-right .grey-5-arrow .chevron {
    display: none;
  }
}

.ybs .complaints-report-breadcrumb a {
  background-color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  padding: 0.4rem;
  color: var(--breadcrumb-text);
  font-family: var(--font-family-headline);
  font-size: 1rem;
  text-decoration: none;
}

.grid-cols-full-height {
  margin-bottom: 0;
}

.grid-cols-full-height .row {
  height: auto;
}

.grid-cols-full-height .row.align-items-lg-start,
.grid-cols-full-height .row.align-items-md-start,
.grid-cols-full-height .row.align-items-sm-start {
  align-items: normal !important;
}

.grid-cols-full-height .row > .col {
  height: inherit;
  margin-bottom: 2rem;
}
.grid-cols-full-height .row > .col .row > .col {
  margin-bottom: 0;
}

.grid-cols-full-height.icon .row > .col {
  margin-bottom: 5rem;
}

.grid-cols-full-height .row > .col > :nth-child(1),
.grid-cols-full-height .row > .col > :nth-child(1) > :nth-child(1),
.grid-cols-full-height .row > .col > :nth-child(1) > :nth-child(1) > :nth-child(1) {
  height: 100%;
  margin-bottom: 0;
}
.grid-cols-full-height .row > .col > :nth-child(1) .row > .col > :nth-child(1),
.grid-cols-full-height .row > .col > :nth-child(1) .row > .col > :nth-child(1) > :nth-child(1),
.grid-cols-full-height .row > .col > :nth-child(1) .row > .col > :nth-child(1) > :nth-child(1) > :nth-child(1),
.grid-cols-full-height .row > .col > :nth-child(1) > :nth-child(1) .row > .col > :nth-child(1),
.grid-cols-full-height .row > .col > :nth-child(1) > :nth-child(1) .row > .col > :nth-child(1) > :nth-child(1),
.grid-cols-full-height .row > .col > :nth-child(1) > :nth-child(1) .row > .col > :nth-child(1) > :nth-child(1) > :nth-child(1),
.grid-cols-full-height .row > .col > :nth-child(1) > :nth-child(1) > :nth-child(1) .row > .col > :nth-child(1),
.grid-cols-full-height .row > .col > :nth-child(1) > :nth-child(1) > :nth-child(1) .row > .col > :nth-child(1) > :nth-child(1),
.grid-cols-full-height .row > .col > :nth-child(1) > :nth-child(1) > :nth-child(1) .row > .col > :nth-child(1) > :nth-child(1) > :nth-child(1) {
  height: auto;
}

.grid-cols-full-height .row > .col > :nth-child(1) > :nth-child(1) > :nth-child(1) > :nth-child(1) {
  height: inherit;
}

.grid-cols-full-height.icon .box-dropzone {
  margin-top: 3rem;
  margin-bottom: -3rem;
}

.grid-cols-full-height .box-dropzone .row:nth-child(1) > .col {
  margin-bottom: 0;
}

.grid-cols-full-height .portlet {
  margin-bottom: 0;
}
.grid-cols-full-height .portlet .guide-card {
  margin-bottom: unset;
}

.floating-container {
  z-index: 10;
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.ybs .guide-article-header {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
  min-height: 14.75rem;
  padding-bottom: 2.5rem;
  padding-top: 1.2rem;
}
.ybs .guide-article-header::before {
  background: var(--text-color);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.ybs .guide-article-header::after {
  bottom: 0;
  content: "";
  height: 0.4rem;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.ybs .guide-article-header .category-text-style, .ybs .guide-article-header .guide-article-header__text__category > a, .ybs .guide-article-header .guide-article-header__text__category {
  align-items: center;
  color: var(--color-grey-50);
  display: inline-flex;
  font-family: var(--font-family-base);
  font-size: 0.98rem;
  grid-gap: 0.4rem;
  text-decoration: none;
}
.ybs .guide-article-header .inner {
  display: flex;
  margin: 0 auto;
  min-height: 12rem;
  position: relative;
  width: 100%;
}
.ybs .guide-article-header .inner > .hero-content {
  margin-bottom: 0;
  z-index: 3;
}
.ybs .guide-article-header .inner > .hero-content.hero-content--breadcrumb {
  height: 1.8rem;
  position: absolute;
}
.ybs .guide-article-header .inner > .hero-content.hero-content--breadcrumb + .hero-content {
  margin-top: 1.5rem;
}
@media (min-width: 448px) {
  .ybs .guide-article-header .inner > .hero-content {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 90em) {
  .ybs .guide-article-header .inner {
    max-width: 90%;
  }
}
.ybs .guide-article-header .inner .breadcrumb {
  font-family: var(--font-family-headline);
  color: var(--breadcrumb-light-item-text);
  background-color: rgba(124, 124, 124, 0.1);
  border: none;
  border-radius: 0.2rem;
  border-bottom: 2px solid rgba(0, 0, 0, 0.075);
  padding: 0.1rem 0.7rem 0;
  margin-bottom: 0;
  opacity: 0.8;
}
.ybs .guide-article-header.hero-breadcrumb-light .breadcrumb, .ybs .guide-article-header.hero-breadcrumb-dark .breadcrumb {
  background-color: rgba(255, 255, 255, 0.4);
}
.ybs .guide-article-header.hero-breadcrumb-light .breadcrumb a, .ybs .guide-article-header.hero-breadcrumb-dark .breadcrumb a {
  color: var(--text-color);
}
.ybs .guide-article-header.hero-breadcrumb-dark .breadcrumb {
  background-color: rgba(0, 0, 0, 0.1);
}
.ybs .guide-article-header.hero-breadcrumb-dark .breadcrumb a {
  color: var(--color-grey-50);
}
.ybs .guide-article-header__text {
  position: relative;
  text-align: center;
  z-index: 2;
  width: 100%;
}
.ybs .guide-article-header__text__title {
  display: block;
  margin: 1rem 0 1rem 0;
  padding: 0 2rem;
}
.ybs .guide-article-header__text__title h1 {
  color: var(--color-grey-50);
  letter-spacing: -0.05rem;
  margin-top: 1.6rem;
}
@media (max-width: 639px) {
  .ybs .guide-article-header__text__title h1 {
    font-size: 2.46rem;
  }
}
@media (min-width: 640px) and (max-width: 1090px) {
  .ybs .guide-article-header__text__title h1 {
    font-size: 3.9rem;
  }
}
.ybs .guide-article-header__text__category {
  border-radius: 90px;
  margin-bottom: 1rem;
  padding: 0.4rem 0.8rem;
  text-align: center;
}
.ybs .guide-article-header__text__category .category__home-owners svg, .ybs .guide-article-header__text__category .category__home-buyers svg, .ybs .guide-article-header__text__category .category__my-money svg, .ybs .guide-article-header__text__category .category__life-moments svg, .ybs .guide-article-header__text__category .category__our-money-movement svg, .ybs .guide-article-header__text__category .category__gradient-green svg {
  vertical-align: text-bottom;
}
.ybs .guide-article-header__text__category .category i {
  color: var(--color-grey-50);
}
.ybs .guide-article-header__text__category .category__our-money-movement svg {
  color: var(--text-color);
}
.ybs .guide-article-header__image, .ybs .guide-article-header__image picture {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 0;
  min-height: 14.75rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  height: 100%;
}
.ybs .guide-article-header__image picture, .ybs .guide-article-header__image img {
  height: auto;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  width: 100%;
}
.ybs .guide-article-header.category-color--home-owners .guide-article-header__text__category.category-color--home-owners, .ybs .guide-article-header.category-color--home-owners::after {
  background-color: var(--article-home-owners-title);
}
.ybs .guide-article-header.category-color--home-buyers .guide-article-header__text__category.category-color--home-buyers, .ybs .guide-article-header.category-color--home-buyers::after {
  background-color: var(--article-home-buyers-title);
}
.ybs .guide-article-header.category-color--my-money {
  min-height: 14.75rem;
}
.ybs .guide-article-header.category-color--my-money .guide-article-header__image {
  min-height: 14.75rem;
}
.ybs .guide-article-header.category-color--my-money .guide-article-header__text__category.category-color--my-money, .ybs .guide-article-header.category-color--my-money::after {
  background-color: var(--article-my-money-title);
}
.ybs .guide-article-header.category-color--life-moments .guide-article-header__text__category.category-color--life-moments, .ybs .guide-article-header.category-color--life-moments::after {
  background-color: var(--article-life-moments-title);
}
.ybs .guide-article-header.category-color--our-money-movement {
  min-height: 26.6rem;
  position: relative;
}
.ybs .guide-article-header.category-color--our-money-movement .inner {
  position: static;
}
.ybs .guide-article-header.category-color--our-money-movement .hero-content.hero-content--breadcrumb {
  top: 1.2rem;
}
.ybs .guide-article-header.category-color--our-money-movement .hero-content.hero-content--breadcrumb > .portlet {
  width: 100%;
}
.ybs .guide-article-header.category-color--our-money-movement .guide-article-header__image {
  min-height: 26.6rem;
}
.ybs .guide-article-header.category-color--our-money-movement .guide-article-header__text__category.category-color--our-money-movement, .ybs .guide-article-header.category-color--our-money-movement::after {
  background-color: var(--color-secondary);
}
.ybs .guide-article-header.category-color--our-money-movement .guide-article-header__text__category.category-color--our-money-movement a {
  color: var(--text-color);
}
.ybs .guide-article-header.category-color--solid-blue .guide-article-header__text__category.category-color--solid-blue, .ybs .guide-article-header.category-color--solid-blue::after {
  background-color: var(--article-my-money-title);
}
.ybs .guide-article-header.category-color--gradient-green .guide-article-header__text__category.category-color--gradient-green, .ybs .guide-article-header.category-color--gradient-green::after {
  background: linear-gradient(135deg, #7cc533 0%, #009c41 100%);
}

.has-edit-mode-menu.has-control-menu .guide-article-header__breadcrumb-area > div {
  position: relative;
}
.has-edit-mode-menu.has-control-menu .guide-article-header::before {
  display: none;
}

.ybs .headings.headline {
  font-family: var(--font-family-headline) !important;
  padding-bottom: 0em !important;
}
.ybs .headings.headline.large {
  letter-spacing: -0.029em !important;
  line-height: 0.7em !important;
  margin-top: 0.2em !important;
}
.ybs .headings.headline.extra-large {
  letter-spacing: -0.029em !important;
  line-height: 0.75em !important;
  margin-top: 0.2em !important;
}
.ybs .headings.bold {
  font-weight: bold !important;
}
.ybs .headings.large {
  font-size: 3em !important;
}
.ybs .headings.extra-large {
  font-size: 4em !important;
}
.ybs .headings.small {
  font-size: 1.2rem !important;
}
.ybs .headings.extra-small {
  font-size: 1rem !important;
}
.ybs .headings.primary {
  color: var(--color-primary) !important;
}
.ybs .headings.white {
  color: var(--color-grey-50) !important;
}
.ybs .headings.grey {
  color: var(--color-grey-800) !important;
}
.ybs .headings.secondary {
  color: var(--color-secondary) !important;
}
.ybs .headings.black-lighter {
  color: var(--color-grey-900) !important;
}

.ybs #hero-title .line {
  display: block;
  letter-spacing: -0.029em;
  line-height: 0.75em;
}
.ybs #hero-title.varied .line {
  color: var(--color-primary);
}
.ybs #hero-title.varied .line:nth-child(2) {
  color: var(--color-secondary);
}
.ybs #hero-title.varied .line:nth-child(3) {
  color: var(--button-secondary2-bg);
}
.ybs #hero-title.primary .line {
  color: var(--color-primary);
}
.ybs #hero-title.white .line {
  color: var(--color-grey-50);
}
.ybs #hero-title.secondary .line {
  color: var(--color-secondary);
}
.ybs #hero-title.grey .line {
  color: var(--button-secondary2-bg);
}
.ybs #hero-title.black .line {
  color: var(--color-grey-900);
}
.ybs #hero-title.promo-small .line {
  font-size: 3rem;
}
@media screen and (max-width: 1440px) {
  .ybs #hero-title.promo-small .line {
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 1024px) {
  .ybs #hero-title.promo-small .line {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 768px) {
  .ybs #hero-title.promo-small .line {
    font-size: 1.5rem;
  }
}
.ybs #hero-title.banner-small .line {
  font-size: 4rem;
}
@media screen and (max-width: 1440px) {
  .ybs #hero-title.banner-small .line {
    font-size: 3rem;
  }
}
@media screen and (max-width: 1024px) {
  .ybs #hero-title.banner-small .line {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 768px) {
  .ybs #hero-title.banner-small .line {
    font-size: 2.1rem;
  }
}
.ybs #hero-title.medium .line {
  font-size: 5rem;
}
@media screen and (max-width: 1440px) {
  .ybs #hero-title.medium .line {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .ybs #hero-title.medium .line {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .ybs #hero-title.medium .line {
    font-size: 2.6rem;
  }
}
.ybs #hero-title.large .line {
  font-size: 6rem;
}
@media screen and (max-width: 1440px) {
  .ybs #hero-title.large .line {
    font-size: 4.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .ybs #hero-title.large .line {
    font-size: 3.9rem;
  }
}
@media screen and (max-width: 768px) {
  .ybs #hero-title.large .line {
    font-size: 3.1rem;
  }
}
.ybs #hero-title.extra-large .line {
  font-size: 7rem;
}
@media screen and (max-width: 1440px) {
  .ybs #hero-title.extra-large .line {
    font-size: 5.3rem;
  }
}
@media screen and (max-width: 1024px) {
  .ybs #hero-title.extra-large .line {
    font-size: 4.5rem;
  }
}
@media screen and (max-width: 768px) {
  .ybs #hero-title.extra-large .line {
    font-size: 3.6rem;
  }
}

.ybs .icon-list-item {
  display: flex;
}
.ybs .icon-list-item .icon-list-item__icon {
  align-items: flex-start;
  display: flex;
  margin-right: 0.5rem;
  margin-top: 0.15rem;
  min-height: 0.9rem;
}
.ybs .icon-list-item .icon-list-item__icon.icon-color--primary * {
  color: var(--color-primary);
}
.ybs .icon-list-item .icon-list-item__icon.icon-color--secondary * {
  color: var(--color-secondary);
}
.ybs .icon-list-item .icon-list-item__icon.icon-color--black * {
  color: var(--color-grey-900);
}
.ybs .icon-list-item .icon-list-item__icon.icon-color--grey * {
  color: var(--color-grey-600);
}
.ybs .icon-list-item .icon-list-item__icon.icon-color--white * {
  color: var(--color-grey-50);
}
.ybs .icon-list-item .icon-list-item__icon.icon-color--blue * {
  color: var(--article-home-owners-title);
  filter: brightness(0) saturate(100%) invert(42%) sepia(22%) saturate(1473%) hue-rotate(181deg) brightness(99%) contrast(86%);
}
.ybs .icon-list-item .icon-list-item__icon.icon-color--orange * {
  color: var(--article-home-buyers-title);
  filter: brightness(0) saturate(100%) invert(49%) sepia(54%) saturate(979%) hue-rotate(349deg) brightness(90%) contrast(85%);
}
.ybs .icon-list-item .icon-list-item__icon.icon-color--green * {
  color: var(--article-my-money-title);
  filter: brightness(0) saturate(100%) invert(57%) sepia(9%) saturate(3014%) hue-rotate(126deg) brightness(90%) contrast(94%);
}
.ybs .icon-list-item .icon-list-item__icon.icon-color--purple * {
  color: var(--article-life-moments-title);
  filter: brightness(0) saturate(100%) invert(41%) sepia(48%) saturate(6233%) hue-rotate(261deg) brightness(84%) contrast(86%);
}
.ybs .icon-list-item .icon-list-item__icon.icon-size--small svg {
  height: auto !important;
  width: 0.8rem !important;
}
.ybs .icon-list-item .icon-list-item__icon.icon-size--small svg.svg-inline--fa.fa-file-pdf.fa-w-12 {
  width: 0.6rem !important;
}
.ybs .icon-list-item .icon-list-item__icon.icon-size--small .fa-homeowners {
  margin-top: 0.05rem;
  width: 0.9rem !important;
  height: 0.9rem !important;
}
.ybs .icon-list-item .icon-list-item__icon.icon-size--small .fa-homebuyers {
  margin-top: 0;
  height: 0.9rem !important;
  width: 0.9rem !important;
}
.ybs .icon-list-item .icon-list-item__icon.icon-size--regular svg {
  height: auto !important;
  width: 1rem !important;
}
.ybs .icon-list-item .icon-list-item__icon.icon-size--regular svg.svg-inline--fa.fa-file-pdf.fa-w-12 {
  margin: -0.2rem;
}
.ybs .icon-list-item .icon-list-item__icon.icon-size--regular svg.svg-inline--fa.fa-city.fa-w-20 {
  width: 1.2rem !important;
}
.ybs .icon-list-item .icon-list-item__icon.icon-size--regular .fa-homeowners {
  margin-top: 0.05rem;
  width: 1.2rem !important;
  height: 1.2rem !important;
}
.ybs .icon-list-item .icon-list-item__icon.icon-size--regular .fa-homebuyers {
  margin-top: -0.1rem;
  width: 1.25rem !important;
  height: 1.25rem !important;
}
.ybs .icon-list-item .icon-list-item__icon.icon-size--large {
  margin-top: 0.3rem;
}
.ybs .icon-list-item .icon-list-item__icon.icon-size--large svg {
  height: auto !important;
  width: 1.4rem !important;
}
.ybs .icon-list-item .icon-list-item__icon.icon-size--large svg.svg-inline--fa.fa-file-pdf.fa-w-12 {
  margin: -0.2rem;
}
.ybs .icon-list-item .icon-list-item__icon.icon-size--large svg.svg-inline--fa.fa-city.fa-w-20 {
  width: 1.8rem !important;
}
.ybs .icon-list-item .icon-list-item__icon.icon-size--large svg.fa-user {
  width: 1.2rem !important;
}
.ybs .icon-list-item .icon-list-item__icon.icon-size--large .fa-homeowners {
  margin-top: 0.1rem;
  width: 1.4rem !important;
  height: 1.4rem !important;
}
.ybs .icon-list-item .icon-list-item__icon.icon-size--large .fa-homebuyers {
  margin-top: -0.1rem;
  width: 1.4rem !important;
  height: 1.4rem !important;
}
.ybs .icon-list-item .icon-list-item__text {
  font-family: var(--font-family-base);
  margin: 0;
  padding: 0;
}
.ybs .icon-list-item .icon-list-item__text .bullet-icon, .ybs .icon-list-item .icon-list-item__text .list-item .icon__bullet-point p::before, .ybs .list-item .icon__bullet-point .icon-list-item .icon-list-item__text p::before,
.ybs .icon-list-item .icon-list-item__text .list-item .icon__bullet-point span.small::before,
.ybs .list-item .icon__bullet-point .icon-list-item .icon-list-item__text span.small::before,
.ybs .icon-list-item .icon-list-item__text .list-item .icon__bullet-point span.lead::before,
.ybs .list-item .icon__bullet-point .icon-list-item .icon-list-item__text span.lead::before,
.ybs .icon-list-item .icon-list-item__text .list-item .icon__bullet-point h1::before,
.ybs .list-item .icon__bullet-point .icon-list-item .icon-list-item__text h1::before,
.ybs .icon-list-item .icon-list-item__text .list-item .icon__bullet-point h2::before,
.ybs .list-item .icon__bullet-point .icon-list-item .icon-list-item__text h2::before,
.ybs .icon-list-item .icon-list-item__text .list-item .icon__bullet-point h3::before,
.ybs .list-item .icon__bullet-point .icon-list-item .icon-list-item__text h3::before,
.ybs .icon-list-item .icon-list-item__text .list-item .icon__bullet-point h4::before,
.ybs .list-item .icon__bullet-point .icon-list-item .icon-list-item__text h4::before, .ybs .icon-list-item .icon-list-item__text .list-item .icon__bullet-point > span::before, .ybs .list-item .icon-list-item .icon-list-item__text .icon__bullet-point > span::before,
.ybs .icon-list-item .icon-list-item__text .list-item .icon__bullet-point > div span::before,
.ybs .list-item .icon__bullet-point > div .icon-list-item .icon-list-item__text span::before, .ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet p::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet span.small::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet span.lead::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet h1::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet h2::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet h3::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet h4::before, .ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet > span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet > div span::before {
  border-radius: 0.15rem;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 0.7rem;
  margin-right: 0.6rem;
  margin-top: 0.16rem;
  width: 0.7rem;
}
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet > span,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet > div span {
  display: flex;
}
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet > span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet > div span::before {
  margin-top: 0.38rem;
}
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet p,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet span.small,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet span.lead,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet h1,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet h2,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet h3,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet h4 {
  display: flex;
}
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet span.small::before {
  margin-top: 0.25rem;
}
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet span.lead::before {
  margin-top: 0.6rem;
}
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet h1::before {
  margin-top: 1.3rem;
}
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet h2::before {
  margin-top: 0.65rem;
}
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet h3::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet h4::before {
  margin-top: 0.45rem;
}
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--primary > span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--primary > div span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--primary p::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--primary span.small::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--primary span.lead::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--primary h1::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--primary h2::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--primary h3::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--primary h4::before {
  background: var(--color-primary);
}
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--secondary > span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--secondary > div span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--secondary p::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--secondary span.small::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--secondary span.lead::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--secondary h1::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--secondary h2::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--secondary h3::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--secondary h4::before {
  background: var(--color-secondary);
}
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--black > span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--black > div span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--black p::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--black span.small::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--black span.lead::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--black h1::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--black h2::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--black h3::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--black h4::before {
  background: var(--color-grey-900);
}
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--grey > span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--grey > div span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--grey p::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--grey span.small::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--grey span.lead::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--grey h1::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--grey h2::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--grey h3::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--grey h4::before {
  background: var(--color-grey-600);
}
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--white > span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--white > div span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--white p::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--white span.small::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--white span.lead::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--white h1::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--white h2::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--white h3::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--white h4::before {
  background: var(--color-grey-50);
}
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--blue > span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--blue > div span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--blue p::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--blue span.small::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--blue span.lead::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--blue h1::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--blue h2::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--blue h3::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--blue h4::before {
  background: var(--article-home-owners-title);
}
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--orange > span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--orange > div span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--orange p::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--orange span.small::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--orange span.lead::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--orange h1::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--orange h2::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--orange h3::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--orange h4::before {
  background: var(--article-home-buyers-title);
}
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--green > span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--green > div span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--green p::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--green span.small::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--green span.lead::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--green h1::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--green h2::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--green h3::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--green h4::before {
  background: var(--article-my-money-title);
}
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--purple > span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--purple > div span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--purple p::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--purple span.small::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--purple span.lead::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--purple h1::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--purple h2::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--purple h3::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet.icon-color--purple h4::before {
  background: var(--article-life-moments-title);
}
.ybs .icon-list-item .icon-list-item__text--small h1 {
  font-size: 1rem;
  margin-top: 0.15rem;
}
.ybs .icon-list-item .icon-list-item__text--small h2 {
  font-size: 1rem;
  margin-top: -0.1rem;
}
.ybs .icon-list-item .icon-list-item__text--small h3 {
  font-size: 0.8rem;
  margin-top: 0.11rem;
}
.ybs .icon-list-item .icon-list-item__text--small h4 {
  font-size: 0.8rem;
}
.ybs .icon-list-item .icon-list-item__text--small p {
  font-size: 0.8rem;
  margin-top: -0.05rem;
}
.ybs .icon-list-item .icon-list-item__text--small span {
  display: block;
  margin-top: -0.2rem;
}
.ybs .icon-list-item .icon-list-item__text--regular h1 {
  margin-top: -0.9rem;
}
.ybs .icon-list-item .icon-list-item__text--regular h2 {
  margin-top: -0.32rem;
}
.ybs .icon-list-item .icon-list-item__text--regular h3,
.ybs .icon-list-item .icon-list-item__text--regular h4 {
  margin-top: -0.21rem;
}
.ybs .icon-list-item .icon-list-item__text--regular p {
  margin-top: -0.1rem;
}
.ybs .icon-list-item .icon-list-item__text--regular span {
  display: block;
  margin-top: -0.1rem;
}
.ybs .icon-list-item .icon-list-item__text--large h1 {
  margin-top: -0.6rem;
}
.ybs .icon-list-item .icon-list-item__text--large h2 {
  margin-top: 0;
}
.ybs .icon-list-item .icon-list-item__text--large h3 {
  margin-top: 0.1rem;
}
.ybs .icon-list-item .icon-list-item__text--large h4,
.ybs .icon-list-item .icon-list-item__text--large p {
  margin-top: 0.19rem;
}
.ybs .icon-list-item .icon-list-item__text--large span {
  display: block;
  margin-top: 0.2rem;
}

.ybs .list-item {
  display: flex;
  flex-direction: row;
  padding: 0.2em;
}
.ybs .list-item .icon__text {
  align-items: flex-start;
  display: flex;
}
.ybs .list-item .icon__text .icon__text__container {
  display: flex;
  flex-direction: row;
}
.ybs .list-item .icon__text .icon__text__container .icon-text {
  align-self: flex-start;
  font-family: var(--font-family-headline);
  margin: 0;
  min-width: 1ch;
}
.ybs .list-item .icon__text .icon__text__container .icon-text.icon-size--regular {
  font-size: 2rem;
  line-height: 0.8;
  padding-right: 0.2em;
}
.ybs .list-item .icon__text .icon__text__container .icon-text.icon-size--large {
  font-size: 3rem;
  line-height: 0.7;
  padding-right: 0.3em;
}
.ybs .list-item .icon__text .icon__text__container .icon-text.icon-size--largest {
  font-size: 5rem;
  line-height: 0.6;
  padding-right: 0.4em;
}
.ybs .list-item .icon__text .icon__text__container.icon-color--primary * {
  color: var(--color-primary);
}
.ybs .list-item .icon__text .icon__text__container.icon-color--secondary * {
  color: var(--color-secondary);
}
.ybs .list-item .icon__text .icon__text__container.icon-color--black * {
  color: var(--color-grey-900);
}
.ybs .list-item .icon__text .icon__text__container.icon-color--grey * {
  color: var(--color-grey-600);
}
.ybs .list-item .icon__text .icon__text__container.icon-color--white * {
  color: var(--color-grey-50);
}
.ybs .list-item .icon__text .icon__text__container.icon-color--blue * {
  color: var(--article-home-owners-title);
  filter: brightness(0) saturate(100%) invert(42%) sepia(22%) saturate(1473%) hue-rotate(181deg) brightness(99%) contrast(86%);
}
.ybs .list-item .icon__text .icon__text__container.icon-color--orange * {
  color: var(--article-home-buyers-title);
  filter: brightness(0) saturate(100%) invert(49%) sepia(54%) saturate(979%) hue-rotate(349deg) brightness(90%) contrast(85%);
}
.ybs .list-item .icon__text .icon__text__container.icon-color--green * {
  color: var(--article-my-money-title);
  filter: brightness(0) saturate(100%) invert(57%) sepia(9%) saturate(3014%) hue-rotate(126deg) brightness(90%) contrast(94%);
}
.ybs .list-item .icon__text .icon__text__container.icon-color--purple * {
  color: var(--article-life-moments-title);
  filter: brightness(0) saturate(100%) invert(41%) sepia(48%) saturate(6233%) hue-rotate(261deg) brightness(84%) contrast(86%);
}
.ybs .list-item .icon__bullet-point {
  font-family: var(--font-family-base);
  margin: 0;
  padding: 0;
}
.ybs .list-item .icon__bullet-point .bullet-icon, .ybs .list-item .icon__bullet-point p::before,
.ybs .list-item .icon__bullet-point span.small::before,
.ybs .list-item .icon__bullet-point span.lead::before,
.ybs .list-item .icon__bullet-point h1::before,
.ybs .list-item .icon__bullet-point h2::before,
.ybs .list-item .icon__bullet-point h3::before,
.ybs .list-item .icon__bullet-point h4::before, .ybs .list-item .icon__bullet-point > span::before,
.ybs .list-item .icon__bullet-point > div span::before, .ybs .list-item .icon__bullet-point .icon-list-item .icon-list-item__text.icon-list-item--bullet > span::before, .ybs .icon-list-item .list-item .icon__bullet-point .icon-list-item__text.icon-list-item--bullet > span::before,
.ybs .list-item .icon__bullet-point .icon-list-item .icon-list-item__text.icon-list-item--bullet > div span::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet > div .list-item .icon__bullet-point span::before, .ybs .list-item .icon__bullet-point .icon-list-item .icon-list-item__text.icon-list-item--bullet p::before, .ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet .list-item .icon__bullet-point p::before,
.ybs .list-item .icon__bullet-point .icon-list-item .icon-list-item__text.icon-list-item--bullet span.small::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet .list-item .icon__bullet-point span.small::before,
.ybs .list-item .icon__bullet-point .icon-list-item .icon-list-item__text.icon-list-item--bullet span.lead::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet .list-item .icon__bullet-point span.lead::before,
.ybs .list-item .icon__bullet-point .icon-list-item .icon-list-item__text.icon-list-item--bullet h1::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet .list-item .icon__bullet-point h1::before,
.ybs .list-item .icon__bullet-point .icon-list-item .icon-list-item__text.icon-list-item--bullet h2::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet .list-item .icon__bullet-point h2::before,
.ybs .list-item .icon__bullet-point .icon-list-item .icon-list-item__text.icon-list-item--bullet h3::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet .list-item .icon__bullet-point h3::before,
.ybs .list-item .icon__bullet-point .icon-list-item .icon-list-item__text.icon-list-item--bullet h4::before,
.ybs .icon-list-item .icon-list-item__text.icon-list-item--bullet .list-item .icon__bullet-point h4::before {
  border-radius: 0.15rem;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 0.7rem;
  margin-right: 0.6rem;
  margin-top: 0.16rem;
  width: 0.7rem;
}
.ybs .list-item .icon__bullet-point > span,
.ybs .list-item .icon__bullet-point > div span {
  display: flex;
}
.ybs .list-item .icon__bullet-point > span::before,
.ybs .list-item .icon__bullet-point > div span::before {
  margin-top: 0.38rem;
}
.ybs .list-item .icon__bullet-point p,
.ybs .list-item .icon__bullet-point span.small,
.ybs .list-item .icon__bullet-point span.lead,
.ybs .list-item .icon__bullet-point h1,
.ybs .list-item .icon__bullet-point h2,
.ybs .list-item .icon__bullet-point h3,
.ybs .list-item .icon__bullet-point h4 {
  display: flex;
}
.ybs .list-item .icon__bullet-point span.small::before {
  margin-top: 0.25rem;
}
.ybs .list-item .icon__bullet-point span.lead::before {
  margin-top: 0.6rem;
}
.ybs .list-item .icon__bullet-point h1::before {
  margin-top: 1.3rem;
}
.ybs .list-item .icon__bullet-point h2::before {
  margin-top: 0.65rem;
}
.ybs .list-item .icon__bullet-point h3::before,
.ybs .list-item .icon__bullet-point h4::before {
  margin-top: 0.45rem;
}
.ybs .list-item .icon__bullet-point.icon-color--primary > span::before,
.ybs .list-item .icon__bullet-point.icon-color--primary > div span::before,
.ybs .list-item .icon__bullet-point.icon-color--primary p::before,
.ybs .list-item .icon__bullet-point.icon-color--primary span.small::before,
.ybs .list-item .icon__bullet-point.icon-color--primary span.lead::before,
.ybs .list-item .icon__bullet-point.icon-color--primary h1::before,
.ybs .list-item .icon__bullet-point.icon-color--primary h2::before,
.ybs .list-item .icon__bullet-point.icon-color--primary h3::before,
.ybs .list-item .icon__bullet-point.icon-color--primary h4::before {
  background: var(--color-primary);
}
.ybs .list-item .icon__bullet-point.icon-color--secondary > span::before,
.ybs .list-item .icon__bullet-point.icon-color--secondary > div span::before,
.ybs .list-item .icon__bullet-point.icon-color--secondary p::before,
.ybs .list-item .icon__bullet-point.icon-color--secondary span.small::before,
.ybs .list-item .icon__bullet-point.icon-color--secondary span.lead::before,
.ybs .list-item .icon__bullet-point.icon-color--secondary h1::before,
.ybs .list-item .icon__bullet-point.icon-color--secondary h2::before,
.ybs .list-item .icon__bullet-point.icon-color--secondary h3::before,
.ybs .list-item .icon__bullet-point.icon-color--secondary h4::before {
  background: var(--color-secondary);
}
.ybs .list-item .icon__bullet-point.icon-color--black > span::before,
.ybs .list-item .icon__bullet-point.icon-color--black > div span::before,
.ybs .list-item .icon__bullet-point.icon-color--black p::before,
.ybs .list-item .icon__bullet-point.icon-color--black span.small::before,
.ybs .list-item .icon__bullet-point.icon-color--black span.lead::before,
.ybs .list-item .icon__bullet-point.icon-color--black h1::before,
.ybs .list-item .icon__bullet-point.icon-color--black h2::before,
.ybs .list-item .icon__bullet-point.icon-color--black h3::before,
.ybs .list-item .icon__bullet-point.icon-color--black h4::before {
  background: var(--color-grey-900);
}
.ybs .list-item .icon__bullet-point.icon-color--grey > span::before,
.ybs .list-item .icon__bullet-point.icon-color--grey > div span::before,
.ybs .list-item .icon__bullet-point.icon-color--grey p::before,
.ybs .list-item .icon__bullet-point.icon-color--grey span.small::before,
.ybs .list-item .icon__bullet-point.icon-color--grey span.lead::before,
.ybs .list-item .icon__bullet-point.icon-color--grey h1::before,
.ybs .list-item .icon__bullet-point.icon-color--grey h2::before,
.ybs .list-item .icon__bullet-point.icon-color--grey h3::before,
.ybs .list-item .icon__bullet-point.icon-color--grey h4::before {
  background: var(--color-grey-600);
}
.ybs .list-item .icon__bullet-point.icon-color--white > span::before,
.ybs .list-item .icon__bullet-point.icon-color--white > div span::before,
.ybs .list-item .icon__bullet-point.icon-color--white p::before,
.ybs .list-item .icon__bullet-point.icon-color--white span.small::before,
.ybs .list-item .icon__bullet-point.icon-color--white span.lead::before,
.ybs .list-item .icon__bullet-point.icon-color--white h1::before,
.ybs .list-item .icon__bullet-point.icon-color--white h2::before,
.ybs .list-item .icon__bullet-point.icon-color--white h3::before,
.ybs .list-item .icon__bullet-point.icon-color--white h4::before {
  background: var(--color-grey-50);
}
.ybs .list-item .icon__bullet-point.icon-color--blue > span::before,
.ybs .list-item .icon__bullet-point.icon-color--blue > div span::before,
.ybs .list-item .icon__bullet-point.icon-color--blue p::before,
.ybs .list-item .icon__bullet-point.icon-color--blue span.small::before,
.ybs .list-item .icon__bullet-point.icon-color--blue span.lead::before,
.ybs .list-item .icon__bullet-point.icon-color--blue h1::before,
.ybs .list-item .icon__bullet-point.icon-color--blue h2::before,
.ybs .list-item .icon__bullet-point.icon-color--blue h3::before,
.ybs .list-item .icon__bullet-point.icon-color--blue h4::before {
  background: var(--article-home-owners-title);
}
.ybs .list-item .icon__bullet-point.icon-color--orange > span::before,
.ybs .list-item .icon__bullet-point.icon-color--orange > div span::before,
.ybs .list-item .icon__bullet-point.icon-color--orange p::before,
.ybs .list-item .icon__bullet-point.icon-color--orange span.small::before,
.ybs .list-item .icon__bullet-point.icon-color--orange span.lead::before,
.ybs .list-item .icon__bullet-point.icon-color--orange h1::before,
.ybs .list-item .icon__bullet-point.icon-color--orange h2::before,
.ybs .list-item .icon__bullet-point.icon-color--orange h3::before,
.ybs .list-item .icon__bullet-point.icon-color--orange h4::before {
  background: var(--article-home-buyers-title);
}
.ybs .list-item .icon__bullet-point.icon-color--green > span::before,
.ybs .list-item .icon__bullet-point.icon-color--green > div span::before,
.ybs .list-item .icon__bullet-point.icon-color--green p::before,
.ybs .list-item .icon__bullet-point.icon-color--green span.small::before,
.ybs .list-item .icon__bullet-point.icon-color--green span.lead::before,
.ybs .list-item .icon__bullet-point.icon-color--green h1::before,
.ybs .list-item .icon__bullet-point.icon-color--green h2::before,
.ybs .list-item .icon__bullet-point.icon-color--green h3::before,
.ybs .list-item .icon__bullet-point.icon-color--green h4::before {
  background: var(--article-my-money-title);
}
.ybs .list-item .icon__bullet-point.icon-color--purple > span::before,
.ybs .list-item .icon__bullet-point.icon-color--purple > div span::before,
.ybs .list-item .icon__bullet-point.icon-color--purple p::before,
.ybs .list-item .icon__bullet-point.icon-color--purple span.small::before,
.ybs .list-item .icon__bullet-point.icon-color--purple span.lead::before,
.ybs .list-item .icon__bullet-point.icon-color--purple h1::before,
.ybs .list-item .icon__bullet-point.icon-color--purple h2::before,
.ybs .list-item .icon__bullet-point.icon-color--purple h3::before,
.ybs .list-item .icon__bullet-point.icon-color--purple h4::before {
  background: var(--article-life-moments-title);
}
.ybs .list-item .page-editor__no-fragments-message {
  padding: 0.5vh 40vh 10vh 0.5vh;
}

/* 
	Note: The colour variables used here are temporary and will be added to the design systems library and then the references will be updated 	
*/
.ybs:not(.cbs) .maintenance-message {
  border: none !important;
  border-radius: unset;
  border-bottom: 2px solid #5984da !important;
  background-color: #dff0f7 !important;
  margin-bottom: 0;
  padding: 0;
}
.ybs:not(.cbs) .maintenance-message .message-content {
  padding-top: 1.25rem;
  padding-left: 1.7rem;
  padding-right: 1rem;
}
.ybs:not(.cbs) .maintenance-message .message-content__heading {
  font-size: 1.25rem;
  color: var(--text-grey);
}
.ybs:not(.cbs) .maintenance-message .message-content > p {
  padding-left: 2rem;
}
@media (min-width: 1200px) {
  .ybs:not(.cbs) .maintenance-message .message-content {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.ybs:not(.cbs) .maintenance-message .icon-container {
  display: flex;
}
.ybs:not(.cbs) .maintenance-message .icon-container svg {
  margin-right: 0.625rem;
  font-size: 1.375rem !important;
  color: #5984da;
}

.ybs .media-article-byline {
  display: flex;
  flex-direction: row;
}
.ybs .media-article-byline h1 {
  font-weight: 400;
  font-size: 2.44rem;
}
@media screen and (max-width: 640px) {
  .ybs .media-article-byline h1 {
    font-size: 2.325rem;
    line-height: 1.74rem;
  }
}
.ybs .media-article-byline__image {
  padding-right: 1.82rem;
}
.ybs .media-article-byline__image img {
  max-width: 170px;
  width: 100%;
}
.ybs .media-article-byline__image img[src=""] {
  display: none;
}
.ybs .media-article-byline__title {
  font-family: var(--font-family-bold);
  color: var(--color-primary);
}
@media screen and (max-width: 640px) {
  .ybs .media-article-byline {
    flex-direction: column;
  }
  .ybs .media-article-byline__image img {
    max-width: 100%;
  }
}

.ybs .media-article-date-field time {
  color: var(--time-color);
}

.ybs .media-article-header {
  width: 100%;
  padding: 1rem 0;
}
.ybs .media-article-header h1 {
  margin: 0;
  margin-bottom: 0.3em !important;
  font-size: 3.5em;
  color: var(--color-primary);
}
@media screen and (max-width: 639px) {
  .ybs .media-article-header h1 {
    font-size: 2.5em;
    line-height: 0.75em;
    margin-bottom: 0.4em;
    margin-top: 0.05em;
  }
}

.ybs .modal {
  background: rgba(0, 0, 0, 0.75);
  display: none;
  overflow-y: auto;
  padding: 4rem 0;
  width: 100%;
  z-index: 20;
}
.ybs .modal__close {
  align-items: center;
  background: transparent;
  border: 0;
  display: flex;
  height: 3.5rem;
  justify-content: center;
  margin-left: auto;
  margin-top: -1rem;
  margin-right: -1rem;
  padding: 0;
  position: relative;
  width: 3.1rem;
}
.ybs .modal__close.search-box-close {
  margin-top: -4rem;
  margin-right: 0rem;
}
.ybs .modal__close svg.svg-inline--fa.fa-w-11 {
  color: #707070;
  font-size: 3.125rem;
  height: 1.7rem;
  stroke: #707070;
  transition: ease-in-out 0.3s;
  margin: 0;
  width: 2rem;
}
.ybs .modal__close svg.svg-inline--fa.fa-w-11 path {
  stroke-width: 18px;
}
.ybs .modal__close:hover svg.svg-inline--fa.fa-w-11 {
  color: #222222;
  stroke: #222222;
}
.ybs .modal__wrapper {
  position: absolute;
}
.ybs .modal.less-padding .modal__close {
  margin-top: -1.6rem;
  position: absolute;
  right: 1rem;
  z-index: 2;
}
.ybs .modal.less-padding.modal--opened .modal__wrapper .modal__wrapper__content {
  border-bottom: 0 solid transparent;
  padding: 1.6rem 1.3rem;
}
.ybs .modal--medium-text h1 {
  font-size: 2.5175rem;
  line-height: 2.1rem;
}
.ybs .modal--medium-text h2 {
  font-size: 1.22277rem;
  line-height: 1.7rem;
}
.ybs .modal--medium-text h3 {
  font-size: 1.52847rem;
  letter-spacing: -0.03rem;
}
.ybs .modal--medium-text .component-paragraph {
  font-size: 0.9rem;
  line-height: 1.5rem;
}
.ybs .modal--medium-text .component-paragraph strong {
  font-family: var(--font-family-bold);
  font-size: 0.89rem;
}
.ybs .modal--opened {
  display: flex;
  justify-content: center;
}
.ybs .modal--opened.modal--medium .modal__wrapper, .ybs .modal--opened.modal--large .modal__wrapper {
  width: auto;
}
.ybs .modal--opened.modal--medium .modal__wrapper .modal__wrapper__content, .ybs .modal--opened.modal--large .modal__wrapper .modal__wrapper__content {
  border-bottom: 6rem solid transparent;
  margin-top: 5%;
  overflow: hidden;
  background-color: #fff;
  border-radius: 0.2rem;
  padding: 1rem;
  position: relative;
  width: 100%;
}
.ybs .modal--opened.modal--medium .modal__wrapper .modal__wrapper__content {
  width: 100%;
}
@media (min-width: 750px) {
  .ybs .modal--opened.modal--medium .modal__wrapper .modal__wrapper__content {
    left: 50%;
    margin-left: -22.5rem;
    width: 45rem;
  }
}
.ybs .modal--opened.modal--large .modal__wrapper .modal__wrapper__content {
  width: 100%;
}
@media (min-width: 1230px) {
  .ybs .modal--opened.modal--large .modal__wrapper .modal__wrapper__content {
    left: 50%;
    margin-left: -31.25rem;
    width: 62.5rem;
  }
}

.has-edit-mode-menu .ybs .container-modal {
  background: rgba(0, 0, 0, 0.75);
  padding: 3rem;
}
.has-edit-mode-menu .ybs .container-modal .modal {
  background-color: #fff;
  border-radius: 0.2rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  position: relative;
  width: 100%;
}
.has-edit-mode-menu .ybs .container-modal .modal__wrapper {
  position: relative;
}
@media (min-width: 769px) {
  .has-edit-mode-menu .ybs .container-modal .modal--medium {
    width: 45rem;
  }
}
@media (min-width: 1230px) {
  .has-edit-mode-menu .ybs .container-modal .modal--large {
    width: 62.5rem;
  }
}
.has-edit-mode-menu .ybs .container-modal .modal--close {
  position: absolute;
}
.has-edit-mode-menu .ybs #welcome-modal {
  display: none;
}

.ybs .mortgage-guide-icon .navbar-tab-circle {
  background: #afafaf;
  font-size: 48px;
  border-radius: 50%;
  height: 2em;
  width: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-grey-50);
  margin: 0 auto;
  transition: 0.25s;
}
.ybs .mortgage-guide-icon .navbar-tab-circle:hover {
  background-color: var(--color-primary);
  transition: 0.25s;
}
.ybs .mortgage-guide-icon .navbar-tab-circle div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ybs .mortgage-guide-icon .navbar-tab-circle img {
  width: 50px;
  height: 50px;
}
.ybs .mortgage-guide-icon .navbar-tab-circle svg {
  z-index: 10;
}
.ybs .mortgage-guide-icon .navbar-tab-circle svg.icon-color {
  color: var(--color-grey-50);
}
.ybs .mortgage-guide-icon .navbar-tab-circle::before {
  content: "";
  position: absolute;
  border: 2px solid #afafaf;
  width: calc(100% + 4px);
  z-index: -1;
}
.ybs .mortgage-guide-icon .navbar-text-truncate,
.ybs .mortgage-guide-icon .navbar-tab-number {
  display: block;
  color: var(--color-heading);
  font-size: 1.2rem;
  font-family: var(--font-family-base);
}
.ybs .mortgage-guide-icon .navbar-tab-number {
  margin-top: 0.75em;
}
.ybs .mortgage-guide-icon img {
  width: 100%;
}
@media (max-width: 800px) {
  .ybs .mortgage-guide-icon .navbar-tab-circle {
    height: 1.2em;
    width: 1.2em;
  }
  .ybs .mortgage-guide-icon .navbar-tab-circle svg {
    width: 1.5rem;
    height: 1.5rem;
  }
  .ybs .mortgage-guide-icon .navbar-tab-circle img {
    width: 30px;
    height: 30px;
  }
  .ybs .mortgage-guide-icon .navbar-text-truncate,
  .ybs .mortgage-guide-icon .navbar-tab-number {
    font-size: 0.6rem;
  }
}

.ybs .mortgage-guide .navigation-bar-light {
  background: none;
}
.ybs .mortgage-guide .navigation-bar .navbar-nav .nav-link {
  padding-left: 0;
}
.ybs .mortgage-guide .navbar-nav {
  width: 100%;
  text-align: center;
  justify-content: center;
  max-width: 70%;
  margin: 0 auto 1.7rem;
  flex-direction: row;
}
.ybs .mortgage-guide .navbar-wrapper {
  display: flex;
  width: auto;
  align-items: center;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ybs .mortgage-guide .navigation-bar-light .nav-link {
  background: none;
  border: none;
  position: relative;
  z-index: 10;
}
.ybs .mortgage-guide .navigation-bar-light .nav-button {
  background: none;
  border: none;
  position: static;
}
.ybs .mortgage-guide .navigation-bar-light .nav-item {
  display: inline-block;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  z-index: 10;
}
.ybs .mortgage-guide .navigation-bar-light .nav-link:first-child .navbar-tab-circle::before {
  left: 50%;
}
.ybs .mortgage-guide .navigation-bar-light .nav-link:last-child .navbar-tab-circle::before {
  left: 0;
  width: 50%;
}
.ybs .mortgage-guide .navigation-bar-light .nav-link.active .navbar-tab-circle {
  background-color: var(--color-primary);
  transition: 0.25s;
}
.ybs .mortgage-guide .navigation-bar .nav-link:focus,
.ybs .mortgage-guide .navigation-bar-light .nav-link.active:focus,
.ybs .mortgage-guide .navigation-bar-light .nav-link span:focus {
  outline: none;
  box-shadow: none;
  z-index: inherit;
}
@media (max-width: 800px) {
  .ybs .mortgage-guide .navbar-nav {
    max-width: 90%;
  }
}
.ybs .mortgage-guide .navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
  display: none;
}
.ybs .mortgage-guide .nav-link .navbar-text-anchor-editable {
  display: none;
}

.has-edit-mode-menu .ybs .mortgage-guide .nav-link .navbar-text-anchor-editable {
  display: block;
}

.ybs .saving-tips {
  background-color: var(--color-grey-50);
  /***** Inline styles from theme in old site *****/
}
.ybs .saving-tips .saving-tips__breadcrumb {
  margin: 0 auto;
}
.ybs .saving-tips .ybsbigones {
  clear: both;
  background-color: var(--color-grey-50);
  background: linear-gradient(180deg, #fbfbfb 1%, #fff 20%);
  color: #292929;
  overflow: hidden;
  position: relative;
  top: -32px;
  min-height: 820px;
}
@media only screen and (max-width: 40.625em) {
  .ybs .saving-tips .ybsbigones {
    top: -25px;
  }
}
.ybs .saving-tips .ybsbigones,
.ybs .saving-tips .ybsbigones__intro {
  margin-left: auto;
  margin-right: auto;
}
.ybs .saving-tips .ybsbigones__intro {
  text-align: center;
  max-width: 920px;
  padding: 24px 20px 0 20px;
}
.ybs .saving-tips .ybsbigones__intro .prominent {
  font-size: 18px;
  color: #292929;
  margin-bottom: 0.6em;
}
.ybs .saving-tips .ybsbigones__intro p {
  color: #424242;
}
.ybs .saving-tips .ybsbigones__intro h1 {
  color: #009c41;
  font-size: 5rem;
  margin-bottom: 0.4em;
}
.ybs .saving-tips .ybsbigones__ballarea {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  padding-bottom: 160px;
}
.ybs .saving-tips .ybsbigones__ballarea button {
  font-family: ybs-headline, arial;
  color: #009c41;
  -webkit-appearance: none;
  cursor: pointer;
  border: 0;
  border-radius: 20px;
  font-size: 14px;
  text-transform: uppercase;
  padding: 5px 10px;
  outline: none;
  background-color: transparent;
  margin: 0 12px;
}
.ybs .saving-tips .ybsbigones__ballarea button.btnuni.is-active {
  background-color: #e5f7f6;
}
.ybs .saving-tips .ybsbigones__ballarea button.btnmarried.is-active {
  background-color: #fdf2ea;
}
.ybs .saving-tips .ybsbigones__ballarea button.btnhome.is-active {
  background-color: #f3e6f9;
}
.ybs .saving-tips .ybsbigones__ballarea button.btnretirement.is-active {
  background-color: #ffeaa6;
}
.ybs .saving-tips .ybsbigones__ballarea .sliderbtn {
  background-image: url("/o/ybs-theme/images/img/saving-tips/sprite.png");
  background-position: -30px 0;
  background-repeat: no-repeat;
  width: 31px;
  height: 48px;
  background-color: transparent;
  -webkit-appearance: none;
  text-indent: -9999px;
  display: block;
  position: absolute;
  bottom: 20px;
  cursor: pointer;
  z-index: 2;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .ybs .saving-tips .ybsbigones__ballarea .sliderbtn {
    background-size: 88px 51px;
    background-image: url("/o/ybs-theme/images/img/saving-tips/sprite@2x.png");
  }
}
.ybs .saving-tips .ybsbigones__ballarea .sliderbtn--first {
  left: 60px;
}
.ybs .saving-tips .ybsbigones__ballarea .sliderbtn--last {
  right: 60px;
  transform: rotate(180deg);
}
.ybs .saving-tips .ybsbigones__slideout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 8;
  pointer-events: none;
  transform: translateX(0);
  height: 360px;
}
.ybs .saving-tips .ybsbigones__slideout .ybsbigones__slideout__characters {
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  top: 320px;
  z-index: 2;
}
.ybs .saving-tips .ybsbigones__slideout[data-characterscene="1"] .bigones-character--1,
.ybs .saving-tips .ybsbigones__slideout[data-characterscene="2"] .bigones-character--2,
.ybs .saving-tips .ybsbigones__slideout[data-characterscene="3"] .bigones-character--3,
.ybs .saving-tips .ybsbigones__slideout[data-characterscene="4"] .bigones-character--4 {
  display: block;
}
.ybs .saving-tips div[data-bigonesscreen="1"] .bigonesscreen__inner.scrollin {
  background: #b8eeea;
}
.ybs .saving-tips div[data-bigonesscreen="2"] .bigonesscreen__inner.scrollin {
  background: #fde3d7;
}
.ybs .saving-tips div[data-bigonesscreen="3"] .bigonesscreen__inner.scrollin {
  background: #eddcf5;
}
.ybs .saving-tips div[data-bigonesscreen="4"] .bigonesscreen__inner.scrollin {
  background: #fbe48d;
}
.ybs .saving-tips .ybsbigones__slideout .bigones-character,
.ybs .saving-tips .ybsbigones__slideout .bigones-character--1,
.ybs .saving-tips .ybsbigones__slideout .bigones-character--2,
.ybs .saving-tips .ybsbigones__slideout .bigones-character--3,
.ybs .saving-tips .ybsbigones__slideout .bigones-character--4 {
  display: none;
}
.ybs .saving-tips .ybsbigones__slideout .bigones-character--1 svg,
.ybs .saving-tips .ybsbigones__slideout .bigones-character--2 svg,
.ybs .saving-tips .ybsbigones__slideout .bigones-character--3 svg,
.ybs .saving-tips .ybsbigones__slideout .bigones-character--4 svg,
.ybs .saving-tips .ybsbigones__slideout .bigones-character svg {
  width: auto !important;
  height: 370px !important;
}
.ybs .saving-tips .ybsbigones__selectiontext {
  position: absolute;
  bottom: -70px !important;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 1;
}
.ybs .saving-tips .ybsbigones__selectiontext h2 {
  text-transform: uppercase;
  border-bottom: 0;
  padding: 0;
  margin-bottom: 0;
  color: #009c41;
  font-family: ybs-headline, arial;
  font-size: 40px;
}
.ybs .saving-tips .ybsbigones__selectiontext h2 span {
  display: none;
}
.ybs .saving-tips .ybsbigones__selectiontext h2 span.is-active {
  display: block;
}
.ybs .saving-tips .ybsbigones__selectiontext p {
  font-family: ybs-headline, arial;
  text-transform: uppercase;
  color: #606060;
  font-size: 20px;
  margin-bottom: 0;
}
.ybs .saving-tips .ybsbigones__selectiontext .bigonesscrolldown {
  background-image: url("/o/ybs-theme/images/img/saving-tips/sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 30px;
  height: 51px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .ybs .saving-tips .ybsbigones__selectiontext .bigonesscrolldown {
    background-size: 88px 51px;
    background-image: url("/o/ybs-theme/images/img/saving-tips/sprite@2x.png");
  }
}
.ybs .saving-tips .ybsbigones__ballarea__horizon {
  background-color: #f4f4f4;
  height: 100%;
  width: 100%;
  transform: translateY(-15%);
  position: absolute;
}
.ybs .saving-tips .ybsbigones .sidebtn,
.ybs .saving-tips .ybsbigones .sidebtn--left,
.ybs .saving-tips .ybsbigones .sidebtn--right {
  position: absolute;
  top: 45%;
  left: 0;
  height: 180px;
  width: 20%;
  border-radius: 0;
  z-index: 5;
}
.ybs .saving-tips .ybsbigones .sidebtn--right {
  left: auto;
  right: 0;
}
.ybs .saving-tips .ybsbigones .button-colour-a {
  max-width: inherit;
  width: auto;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
}
.ybs .saving-tips .ybsbigonesslider {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 3;
  margin-top: 40px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.4s ease;
}
.ybs .saving-tips .ybsbigonesslider.is-visible {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ybs .saving-tips .ybsbigonesslider .slick-list {
  overflow: visible;
}
.ybs .saving-tips .ybsbigonesslider[data-sliderscene="1"] .slick-slide:after {
  border-color: #b8eeea;
}
.ybs .saving-tips .ybsbigonesslider[data-sliderscene="2"] .slick-slide:after {
  border-color: #ffe3d7;
}
.ybs .saving-tips .ybsbigonesslider[data-sliderscene="3"] .slick-slide:after {
  border-color: #eddcf5;
}
.ybs .saving-tips .ybsbigonesslider[data-sliderscene="4"] .slick-slide:after {
  border-color: #ffe48d;
}
.ybs .saving-tips .ybsbigonesslider .slick-slide {
  height: auto;
  outline: 0;
}
.ybs .saving-tips .ybsbigonesslider .slick-slide:after {
  opacity: 0;
  filter: alpha(opacity=0);
  content: "";
  display: block;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -186px;
  margin-left: -186px;
  width: 356px;
  height: 356px;
  border-width: 8px;
  border-style: solid;
  transform: scale(0);
  z-index: -1;
  will-change: transform;
}
.ybs .saving-tips .ybsbigonesslider .slick-center {
  z-index: 6;
  position: relative;
}
.ybs .saving-tips .ybsbigonesslider .slick-center:after {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all 0.3s ease-out 0.2s;
  transform: scale(1);
}
.ybs .saving-tips .ybsbigonesslider .slick-center .ybsbigonesball--blue img,
.ybs .saving-tips .ybsbigonesslider .slick-center .ybsbigonesball--orange img,
.ybs .saving-tips .ybsbigonesslider .slick-center .ybsbigonesball--purple img,
.ybs .saving-tips .ybsbigonesslider .slick-center .ybsbigonesball--yellow img,
.ybs .saving-tips .ybsbigonesslider .slick-center .ybsbigonesball img {
  opacity: 0;
  filter: alpha(opacity=0);
}
.ybs .saving-tips .ybsbigonesball,
.ybs .saving-tips .ybsbigonesball--blue,
.ybs .saving-tips .ybsbigonesball--orange,
.ybs .saving-tips .ybsbigonesball--purple,
.ybs .saving-tips .ybsbigonesball--yellow {
  width: 330px;
  height: 330px;
  display: block;
  border-radius: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}
.ybs .saving-tips .ybsbigonesball--blue {
  background-color: #e5f7f6;
}
.ybs .saving-tips .ybsbigonesball--orange {
  background-color: #fdf2ea;
}
.ybs .saving-tips .ybsbigonesball--purple {
  background-color: #f3e6f9;
}
.ybs .saving-tips .ybsbigonesball--yellow {
  background-color: #ffeaa6;
}
.ybs .saving-tips .ybsbigonesball--blue img,
.ybs .saving-tips .ybsbigonesball--orange img,
.ybs .saving-tips .ybsbigonesball--purple img,
.ybs .saving-tips .ybsbigonesball--yellow img,
.ybs .saving-tips .ybsbigonesball img {
  position: absolute;
  max-width: 60%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.4s ease;
}
@media (max-width: 630px) {
  .ybs .saving-tips .ybsbigones__intro {
    padding-top: 30px;
    height: 180px;
    max-height: 550px;
  }
  .ybs .saving-tips .ybsbigones__intro h1 {
    font-size: 3em;
    margin-top: 25px;
  }
  .ybs .saving-tips .ybsbigones__intro p {
    font-size: 90%;
  }
  .ybs .saving-tips .ybsbigones__ballarea button {
    margin: 0;
  }
  .ybs .saving-tips .ybsbigones__slideout .ybsbigones__slideout__characters {
    top: 290px;
  }
  .ybs .saving-tips .ybsbigones__slideout .bigones-character--1 svg,
  .ybs .saving-tips .ybsbigones__slideout .bigones-character--2 svg,
  .ybs .saving-tips .ybsbigones__slideout .bigones-character--3 svg,
  .ybs .saving-tips .ybsbigones__slideout .bigones-character--4 svg,
  .ybs .saving-tips .ybsbigones__slideout .bigones-character svg {
    height: 240px !important;
  }
  .ybs .saving-tips .ybsbigones__selectiontext {
    bottom: -50px;
  }
  .ybs .saving-tips .ybsbigones__selectiontext h2 {
    font-size: 1.6em;
  }
  .ybs .saving-tips .ybsbigonesslider {
    width: 100%;
    top: inherit;
    margin-top: 100px;
  }
  .ybs .saving-tips .ybsbigonesslider .slick-slide:after {
    width: 210px;
    height: 210px;
    border-width: 6px;
    margin-top: -111px;
    margin-left: -111px;
  }
  .ybs .saving-tips .ybsbigonesball,
  .ybs .saving-tips .ybsbigonesball--blue,
  .ybs .saving-tips .ybsbigonesball--orange,
  .ybs .saving-tips .ybsbigonesball--purple,
  .ybs .saving-tips .ybsbigonesball--yellow {
    width: 190px;
    height: 190px;
  }
}
@media (max-width: 490px) {
  .ybs .saving-tips .ybsbigones__intro {
    height: 210px;
  }
  .ybs .saving-tips .ybsbigones__slideout .ybsbigones__slideout__characters {
    top: 300px;
  }
  .ybs .saving-tips .ybsbigones__ballarea .sliderbtn {
    bottom: 80px;
  }
  .ybs .saving-tips .ybsbigones .bigonesscreen,
  .ybs .saving-tips .ybsbigones .bigonesscreen--house,
  .ybs .saving-tips .ybsbigones .bigonesscreen--married,
  .ybs .saving-tips .ybsbigones .bigonesscreen--retirement,
  .ybs .saving-tips .ybsbigones .bigonesscreen--uni {
    padding-top: 80px;
  }
  .ybs .saving-tips .ybsbigones .ybsbigonesslider {
    width: 80%;
  }
}
@media (max-width: 375px) {
  .ybs .saving-tips .ybsbigones__intro {
    height: 240px;
  }
  .ybs .saving-tips .ybsbigones__slideout .ybsbigones__slideout__characters {
    top: 325px;
  }
  .ybs .saving-tips .ybsbigones__ballarea .sliderbtn {
    bottom: 90px;
  }
  .ybs .saving-tips .ybsbigones__ballarea .sliderbtn--first {
    left: 20px;
  }
  .ybs .saving-tips .ybsbigones__ballarea .sliderbtn--last {
    right: 20px;
  }
  .ybs .saving-tips .ybsbigones .ybsbigonesslider {
    width: 90%;
  }
}
@media (max-width: 350px) {
  .ybs .saving-tips .ybsbigones .ybsbigonesslider {
    width: 99%;
  }
}
@media (min-width: 490px) and (max-width: 629px) {
  .ybs .saving-tips .ybsbigonesslider {
    width: 76%;
  }
  .ybs .saving-tips .ybsbigones .bigonesscreen,
  .ybs .saving-tips .ybsbigones .bigonesscreen--house,
  .ybs .saving-tips .ybsbigones .bigonesscreen--married,
  .ybs .saving-tips .ybsbigones .bigonesscreen--retirement,
  .ybs .saving-tips .ybsbigones .bigonesscreen--uni {
    padding-top: 40px;
  }
}
@media (min-width: 768px) {
  .ybs .saving-tips .ybsbigones .sidebtn,
  .ybs .saving-tips .ybsbigones .sidebtn--left,
  .ybs .saving-tips .ybsbigones .sidebtn--right {
    top: 36%;
    width: 24%;
    height: 320px;
  }
}
.ybs .saving-tips .bigones-scenewrapper {
  position: relative;
  overflow-x: hidden;
}
.ybs .saving-tips .bigones-scenewrapper__inner {
  min-height: 355px;
}
.ybs .saving-tips .bigonesscene,
.ybs .saving-tips .bigonesscene--1,
.ybs .saving-tips .bigonesscene--2,
.ybs .saving-tips .bigonesscene--3,
.ybs .saving-tips .bigonesscene--4 {
  border-radius: 100%;
  width: 340px;
  height: 340px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
}
.ybs .saving-tips .bigonesscene__inner {
  width: 1024px;
}
.ybs .saving-tips .bigonesscene--1 img,
.ybs .saving-tips .bigonesscene--2 img,
.ybs .saving-tips .bigonesscene--3 img,
.ybs .saving-tips .bigonesscene--4 img,
.ybs .saving-tips .bigonesscene img {
  width: 1024px;
  max-width: inherit;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.ybs .saving-tips .bigonesscene--1 {
  transform: translateX(-50%);
}
.ybs .saving-tips .bigonesscene--1 .bigonesscene__inner {
  transform: translateX(-33.3333%);
}
.ybs .saving-tips .bigonesscene--2 {
  transform: translateX(50%);
}
.ybs .saving-tips .bigonesscene--2 .bigonesscene__inner {
  transform: translateX(-66.6667%);
}
.ybs .saving-tips .bigonesscene--3 {
  transform: translateX(150%);
}
.ybs .saving-tips .bigonesscene--3 .bigonesscene__inner {
  transform: translateX(-100%);
}
.ybs .saving-tips .bigonesscene--4 {
  transform: translateX(-150%);
}
.ybs .saving-tips .bigonesscene--4 .bigonesscene__inner {
  transform: translateX(0);
}
.ybs .saving-tips .bigonesscreen,
.ybs .saving-tips .bigonesscreen--house,
.ybs .saving-tips .bigonesscreen--married,
.ybs .saving-tips .bigonesscreen--retirement,
.ybs .saving-tips .bigonesscreen--uni {
  display: none;
  visibility: hidden;
  position: relative;
  z-index: 4;
  padding-top: 210px;
}
.ybs .saving-tips .bigonesscreen--house p,
.ybs .saving-tips .bigonesscreen--married p,
.ybs .saving-tips .bigonesscreen--retirement p,
.ybs .saving-tips .bigonesscreen--uni p,
.ybs .saving-tips .bigonesscreen p {
  color: #2e2e2e;
}
.ybs .saving-tips .bigonesscreen--house ul,
.ybs .saving-tips .bigonesscreen--married ul,
.ybs .saving-tips .bigonesscreen--retirement ul,
.ybs .saving-tips .bigonesscreen--uni ul,
.ybs .saving-tips .bigonesscreen ul {
  color: #2e2e2e;
  font-size: 16px;
  list-style: none;
}
.ybs .saving-tips .bigonesscreen--house ul li,
.ybs .saving-tips .bigonesscreen--married ul li,
.ybs .saving-tips .bigonesscreen--retirement ul li,
.ybs .saving-tips .bigonesscreen--uni ul li,
.ybs .saving-tips .bigonesscreen ul li {
  margin-bottom: 1em;
}
.ybs .saving-tips .bigonesscreen--house ul li:before,
.ybs .saving-tips .bigonesscreen--married ul li:before,
.ybs .saving-tips .bigonesscreen--retirement ul li:before,
.ybs .saving-tips .bigonesscreen--uni ul li:before,
.ybs .saving-tips .bigonesscreen ul li:before {
  content: "•";
  font-size: 2.8em;
  color: #009c41;
  display: inline-block;
  width: 0.5em;
  margin-left: -0.5em;
  vertical-align: middle;
}
.ybs .saving-tips .bigonesscreen--house .nomw,
.ybs .saving-tips .bigonesscreen--married .nomw,
.ybs .saving-tips .bigonesscreen--retirement .nomw,
.ybs .saving-tips .bigonesscreen--uni .nomw,
.ybs .saving-tips .bigonesscreen .nomw {
  max-width: inherit;
  display: inline-block;
  padding-left: 40px;
  padding-right: 40px;
}
.ybs .saving-tips .bigonesscreen.is-active,
.ybs .saving-tips .is-active.bigonesscreen--house,
.ybs .saving-tips .is-active.bigonesscreen--married,
.ybs .saving-tips .is-active.bigonesscreen--retirement,
.ybs .saving-tips .is-active.bigonesscreen--uni {
  display: block;
}
.ybs .saving-tips .bigonesscreen.is-visible,
.ybs .saving-tips .is-visible.bigonesscreen--house,
.ybs .saving-tips .is-visible.bigonesscreen--married,
.ybs .saving-tips .is-visible.bigonesscreen--retirement,
.ybs .saving-tips .is-visible.bigonesscreen--uni {
  visibility: visible;
  position: relative;
  z-index: 6;
}
.ybs .saving-tips .bigonesscreen__inner {
  transform: translateY(400px);
  transition: transform 0.4s cubic-bezier(0.17, 0.67, 0.47, 0.94);
}
.ybs .saving-tips .bigonesscreen__inner.scrollin {
  transform: translateY(0);
}
.ybs .saving-tips .bigonesscreen__header {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}
.ybs .saving-tips .bigonesscreen__header p {
  margin-bottom: 0;
  clear: both;
}
.ybs .saving-tips .bigonesscreen__header .bigonesscreen__header__legal {
  margin-top: -20px;
  bottom: 0;
  font-size: 10px;
  margin-bottom: 20px;
}
.ybs .saving-tips .bigonesscreen__header .bigonesscreen__header__legal a {
  color: #292929;
}
.ybs .saving-tips .bigonesscreen__content {
  padding-left: 20px;
  padding-right: 20px;
}
.ybs .saving-tips .bigonesscreen__contentinner {
  max-width: 846px;
  margin-left: auto;
  margin-right: auto;
}
.ybs .saving-tips .bigonesscreen__horizon {
  background-position: bottom;
  background-repeat: no-repeat;
  height: 450px;
}
.ybs .saving-tips .bigonesscreen__horizon__scrollup {
  text-decoration: none;
  margin-left: 20px;
  margin-top: 40px;
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.6s ease 0.4s;
}
.ybs .saving-tips .bigonesscreen__horizon__scrollup:hover {
  background-color: transparent;
}
.ybs .saving-tips .bigonesscreen__horizon__scrollup.is-visible {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ybs .saving-tips .bigonesscreen__horizon__scrollup i {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  background-image: url("/o/ybs-theme/images/img/saving-tips/uparrow.png");
  height: 36px;
  width: 36px;
}
.ybs .saving-tips .bigonesscreen__infobox {
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
  border-radius: 5px;
  margin-top: 20px;
  padding-left: 60px;
  position: relative;
}
.ybs .saving-tips .bigonesscreen__infobox:after {
  background-image: url("/o/ybs-theme/images/img/saving-tips/sprite.png");
  background-position: -61px 0;
  background-repeat: no-repeat;
  width: 27px;
  height: 27px;
  position: absolute;
  content: "";
  display: block;
  top: 20px;
  left: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .ybs .saving-tips .bigonesscreen__infobox:after {
    background-size: 88px 51px;
    background-image: url("/o/ybs-theme/images/img/saving-tips/sprite@2x.png");
  }
}
.ybs .saving-tips .bigonesscreen__infobox p {
  font-size: 14px;
}
.ybs .saving-tips .bigonesscreen--house .prominent,
.ybs .saving-tips .bigonesscreen--married .prominent,
.ybs .saving-tips .bigonesscreen--retirement .prominent,
.ybs .saving-tips .bigonesscreen--uni .prominent,
.ybs .saving-tips .bigonesscreen .prominent {
  font-size: 20px;
  line-height: 1.4;
}
.ybs .saving-tips .bigonesscreen--house .narrowcol,
.ybs .saving-tips .bigonesscreen--married .narrowcol,
.ybs .saving-tips .bigonesscreen--retirement .narrowcol,
.ybs .saving-tips .bigonesscreen--uni .narrowcol,
.ybs .saving-tips .bigonesscreen .narrowcol {
  max-width: 726px;
  margin-left: auto;
  margin-right: auto;
}
.ybs .saving-tips .bigonesscreen--house .housemoney,
.ybs .saving-tips .bigonesscreen--married .housemoney,
.ybs .saving-tips .bigonesscreen--retirement .housemoney,
.ybs .saving-tips .bigonesscreen--uni .housemoney,
.ybs .saving-tips .bigonesscreen .housemoney {
  margin-top: 40px;
  margin-bottom: 40px;
}
.ybs .saving-tips .bigonesscreen--house .h2,
.ybs .saving-tips .bigonesscreen--house h2,
.ybs .saving-tips .bigonesscreen--married .h2,
.ybs .saving-tips .bigonesscreen--married h2,
.ybs .saving-tips .bigonesscreen--retirement .h2,
.ybs .saving-tips .bigonesscreen--retirement h2,
.ybs .saving-tips .bigonesscreen--uni .h2,
.ybs .saving-tips .bigonesscreen--uni h2,
.ybs .saving-tips .bigonesscreen .h2,
.ybs .saving-tips .bigonesscreen h2 {
  border-bottom: 0;
  text-transform: uppercase;
  font-size: 38px;
  line-height: 1;
  font-family: ybs-headline, arial;
  color: #009c41;
  margin-bottom: 0.8em;
  padding-bottom: 0;
  padding-top: 0;
}
.ybs .saving-tips .bigonesscreen--house .h3,
.ybs .saving-tips .bigonesscreen--house h3,
.ybs .saving-tips .bigonesscreen--married .h3,
.ybs .saving-tips .bigonesscreen--married h3,
.ybs .saving-tips .bigonesscreen--retirement .h3,
.ybs .saving-tips .bigonesscreen--retirement h3,
.ybs .saving-tips .bigonesscreen--uni .h3,
.ybs .saving-tips .bigonesscreen--uni h3,
.ybs .saving-tips .bigonesscreen .h3,
.ybs .saving-tips .bigonesscreen h3 {
  font-size: 20px;
  color: #009c41;
  margin-bottom: 0.8em;
  padding-bottom: 0;
  padding-top: 0;
  line-height: 1.2;
  text-transform: none;
}
.ybs .saving-tips .bigonesscreen--house p.h3,
.ybs .saving-tips .bigonesscreen--married p.h3,
.ybs .saving-tips .bigonesscreen--retirement p.h3,
.ybs .saving-tips .bigonesscreen--uni p.h3,
.ybs .saving-tips .bigonesscreen p.h3 {
  font-weight: 600;
}
.ybs .saving-tips .bigonesscreen--house p,
.ybs .saving-tips .bigonesscreen--married p,
.ybs .saving-tips .bigonesscreen--retirement p,
.ybs .saving-tips .bigonesscreen--uni p,
.ybs .saving-tips .bigonesscreen p {
  font-size: 16px;
}
.ybs .saving-tips .bigonesscreen--house section,
.ybs .saving-tips .bigonesscreen--married section,
.ybs .saving-tips .bigonesscreen--retirement section,
.ybs .saving-tips .bigonesscreen--uni section,
.ybs .saving-tips .bigonesscreen section {
  padding: 20px 0;
}
.ybs .saving-tips .bigonesscreen--house .narrow-centered,
.ybs .saving-tips .bigonesscreen--married .narrow-centered,
.ybs .saving-tips .bigonesscreen--retirement .narrow-centered,
.ybs .saving-tips .bigonesscreen--uni .narrow-centered,
.ybs .saving-tips .bigonesscreen .narrow-centered {
  max-width: 595px;
  margin-left: auto;
  margin-right: auto;
}
.ybs .saving-tips .bigonesscreen--house img,
.ybs .saving-tips .bigonesscreen--married img,
.ybs .saving-tips .bigonesscreen--retirement img,
.ybs .saving-tips .bigonesscreen--uni img,
.ybs .saving-tips .bigonesscreen img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 40px;
}
.ybs .saving-tips .bigonesscreen--house img.imgcenter,
.ybs .saving-tips .bigonesscreen--married img.imgcenter,
.ybs .saving-tips .bigonesscreen--retirement img.imgcenter,
.ybs .saving-tips .bigonesscreen--uni img.imgcenter,
.ybs .saving-tips .bigonesscreen img.imgcenter {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
.ybs .saving-tips .bigonesscreen--house .centerbtn,
.ybs .saving-tips .bigonesscreen--married .centerbtn,
.ybs .saving-tips .bigonesscreen--retirement .centerbtn,
.ybs .saving-tips .bigonesscreen--uni .centerbtn,
.ybs .saving-tips .bigonesscreen .centerbtn {
  margin-left: auto;
  margin-right: auto;
}
.ybs .saving-tips .bigonesscreen--house .mtop,
.ybs .saving-tips .bigonesscreen--married .mtop,
.ybs .saving-tips .bigonesscreen--retirement .mtop,
.ybs .saving-tips .bigonesscreen--uni .mtop,
.ybs .saving-tips .bigonesscreen .mtop {
  margin-top: 60px;
}
.ybs .saving-tips .bigonesscreen--house .nmb,
.ybs .saving-tips .bigonesscreen--married .nmb,
.ybs .saving-tips .bigonesscreen--retirement .nmb,
.ybs .saving-tips .bigonesscreen--uni .nmb,
.ybs .saving-tips .bigonesscreen .nmb {
  margin-bottom: 0;
}
.ybs .saving-tips .bigonesscreen--uni {
  background-color: #e5f7f6;
}
.ybs .saving-tips .bigonesscreen--uni .bigonesscreen__content,
.ybs .saving-tips .bigonesscreen--uni .bigonesscreen__header {
  background-color: #b8eeea;
}
.ybs .saving-tips .bigonesscreen--uni .bigonesscreen__horizon {
  background-color: #e5f7f6;
  background-image: url("/o/ybs-theme/images/img/saving-tips/university/horizon.png");
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .ybs .saving-tips .bigonesscreen--uni .bigonesscreen__horizon {
    background-image: url("/o/ybs-theme/images/img/saving-tips/university/horizon-x2.png");
    background-size: 1024px 484px;
  }
}
.ybs .saving-tips .bigonesscreen--married {
  background-color: #fdf2ea;
}
.ybs .saving-tips .bigonesscreen--married .bigonesscreen__content,
.ybs .saving-tips .bigonesscreen--married .bigonesscreen__header {
  background-color: #ffe3d7;
}
.ybs .saving-tips .bigonesscreen--married .bigonesscreen__horizon {
  background-color: #fdf2ea;
  background-image: url("/o/ybs-theme/images/img/saving-tips/married/horizon.png");
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .ybs .saving-tips .bigonesscreen--married .bigonesscreen__horizon {
    background-image: url("/o/ybs-theme/images/img/saving-tips/married/horizon-x2.png");
    background-size: 1024px 484px;
  }
}
.ybs .saving-tips .bigonesscreen--married .calendarimg,
.ybs .saving-tips .bigonesscreen--married .weddingcar {
  margin-top: 80px;
}
.ybs .saving-tips .bigonesscreen--married .weddingcakeimg {
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}
.ybs .saving-tips .bigonesscreen--married .numberten {
  font-size: 50px;
}
.ybs .saving-tips .bigonesscreen--house {
  background-color: #f3e6f9;
}
.ybs .saving-tips .bigonesscreen--house .bigonesscreen__content,
.ybs .saving-tips .bigonesscreen--house .bigonesscreen__header {
  background-color: #eddcf5;
}
.ybs .saving-tips .bigonesscreen--house .bigonesscreen__horizon {
  background-color: #f3e6f9;
  background-image: url("/o/ybs-theme/images/img/saving-tips/house/horizon.png");
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .ybs .saving-tips .bigonesscreen--house .bigonesscreen__horizon {
    background-image: url("/o/ybs-theme/images/img/saving-tips/house/horizon-x2.png");
    background-size: 1024px 484px;
  }
}
.ybs .saving-tips .bigonesscreen--retirement {
  background-color: #ffeaa6;
}
.ybs .saving-tips .bigonesscreen--retirement .bigonesscreen__content,
.ybs .saving-tips .bigonesscreen--retirement .bigonesscreen__header {
  background-color: #ffe48d;
}
.ybs .saving-tips .bigonesscreen--retirement .bigonesscreen__horizon {
  background-color: #ffeaa6;
  background-image: url("/o/ybs-theme/images/img/saving-tips/retirement/horizon.png");
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .ybs .saving-tips .bigonesscreen--retirement .bigonesscreen__horizon {
    background-image: url("/o/ybs-theme/images/img/saving-tips/retirement/horizon-x2.png");
    background-size: 1024px 484px;
  }
}
.ybs .saving-tips .bigonesscreen--house .bigonesflex .col50:first-of-type,
.ybs .saving-tips .bigonesscreen--married .bigonesflex .col50:first-of-type,
.ybs .saving-tips .bigonesscreen--retirement .bigonesflex .col50:first-of-type,
.ybs .saving-tips .bigonesscreen--uni .bigonesflex .col50:first-of-type,
.ybs .saving-tips .bigonesscreen .bigonesflex .col50:first-of-type {
  margin-bottom: 40px;
}
.ybs .saving-tips .bigoneslist h4 {
  margin-top: 8px;
}
.ybs .saving-tips .bigoneslist__item {
  clear: both;
  padding-top: 40px;
}
.ybs .saving-tips .bigoneslist__number {
  color: #fff;
  background-color: #009c41;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  font-size: 20px;
  font-family: ybs-headline, arial;
  border-radius: 100%;
  float: left;
  margin-top: 1px;
}
.ybs .saving-tips .bigoneslist__text {
  float: right;
  width: calc(100% - 50px);
}
.ybs .saving-tips .bigonesfooter {
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  padding: 25px;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 120px;
}
.ybs .saving-tips .bigonesfooter p {
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}
.ybs .saving-tips .bigonesfooter .uparrow {
  text-indent: -9999px;
  display: block;
  width: 36px;
  height: 36px;
  background-image: url("/o/ybs-theme/images/img/saving-tips/uparrow.png");
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  transition: transform 0.2s ease;
  background-size: 100% auto;
}
.ybs .saving-tips .bigonesfooter .uparrow:hover {
  background-color: transparent;
  transform: translateY(-5px);
}
.ybs .saving-tips .ybsbigones-btnsidebysides {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
.ybs .saving-tips .ybsbigones-btnsidebysides .button-colour-a {
  width: 260px;
  display: inline-block;
  max-width: inherit;
  margin-right: 10px;
  margin-bottom: 20px;
}
@media (min-width: 630px) {
  .ybs .saving-tips .hide-med {
    display: none;
  }
  .ybs .saving-tips .bigonesscreen--house .h2,
  .ybs .saving-tips .bigonesscreen--house h2,
  .ybs .saving-tips .bigonesscreen--married .h2,
  .ybs .saving-tips .bigonesscreen--married h2,
  .ybs .saving-tips .bigonesscreen--retirement .h2,
  .ybs .saving-tips .bigonesscreen--retirement h2,
  .ybs .saving-tips .bigonesscreen--uni .h2,
  .ybs .saving-tips .bigonesscreen--uni h2,
  .ybs .saving-tips .bigonesscreen .h2,
  .ybs .saving-tips .bigonesscreen h2 {
    font-size: 60px;
  }
  .ybs .saving-tips .bigonesscreen--house .h3,
  .ybs .saving-tips .bigonesscreen--house h3,
  .ybs .saving-tips .bigonesscreen--married .h3,
  .ybs .saving-tips .bigonesscreen--married h3,
  .ybs .saving-tips .bigonesscreen--retirement .h3,
  .ybs .saving-tips .bigonesscreen--retirement h3,
  .ybs .saving-tips .bigonesscreen--uni .h3,
  .ybs .saving-tips .bigonesscreen--uni h3,
  .ybs .saving-tips .bigonesscreen .h3,
  .ybs .saving-tips .bigonesscreen h3 {
    font-size: 26px;
  }
  .ybs .saving-tips .bigonesscreen--house .bigonesflex,
  .ybs .saving-tips .bigonesscreen--married .bigonesflex,
  .ybs .saving-tips .bigonesscreen--retirement .bigonesflex,
  .ybs .saving-tips .bigonesscreen--uni .bigonesflex,
  .ybs .saving-tips .bigonesscreen .bigonesflex {
    display: flex;
    flex-wrap: wrap;
    margin-left: -40px;
    margin-right: -40px;
  }
  .ybs .saving-tips .bigonesscreen--house .bigonesflex .col50,
  .ybs .saving-tips .bigonesscreen--married .bigonesflex .col50,
  .ybs .saving-tips .bigonesscreen--retirement .bigonesflex .col50,
  .ybs .saving-tips .bigonesscreen--uni .bigonesflex .col50,
  .ybs .saving-tips .bigonesscreen .bigonesflex .col50 {
    box-sizing: border-box;
    width: 50%;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    margin-bottom: 0;
  }
  .ybs .saving-tips .bigonesscreen__header .bigonesscreen__header__legal {
    font-size: 12px;
    margin-top: -10px;
    float: right;
  }
  .ybs .saving-tips .bigonesscreen--married .weddingcakeimg {
    transform: translateX(10%);
  }
  .ybs .saving-tips .bigonesscreen--married .numberten {
    font-size: 100px;
  }
  .ybs .saving-tips .bigonesscreen--house section,
  .ybs .saving-tips .bigonesscreen--married section,
  .ybs .saving-tips .bigonesscreen--retirement section,
  .ybs .saving-tips .bigonesscreen--uni section,
  .ybs .saving-tips .bigonesscreen section {
    padding: 40px 0;
  }
  .ybs .saving-tips .bigoneslist__number {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 26px;
    margin-top: 0;
  }
  .ybs .saving-tips .bigoneslist__text {
    width: calc(100% - 70px);
  }
}
@media (max-width: 630px) {
  .ybs .saving-tips .bigonesscreen--uni .bigonesscreen__horizon {
    background-image: url("/o/ybs-theme/images/img/saving-tips/university/horizon-sml.png");
  }
}
@media (max-width: 630px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 630px) and (min-resolution: 144dpi) {
  .ybs .saving-tips .bigonesscreen--uni .bigonesscreen__horizon {
    background-image: url("/o/ybs-theme/images/img/saving-tips/university/horizon-x2-sml.png");
    background-size: 676px 320px;
  }
}
@media (max-width: 630px) {
  .ybs .saving-tips .bigonesscreen--house .bigonesscreen__horizon {
    background-image: url("/o/ybs-theme/images/img/saving-tips/house/horizon-sml.png");
  }
}
@media (max-width: 630px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 630px) and (min-resolution: 144dpi) {
  .ybs .saving-tips .bigonesscreen--house .bigonesscreen__horizon {
    background-image: url("/o/ybs-theme/images/img/saving-tips/house/horizon-x2-sml.png");
    background-size: 676px 320px;
  }
}
@media (max-width: 630px) {
  .ybs .saving-tips .bigonesscreen--married .bigonesscreen__horizon {
    background-image: url("/o/ybs-theme/images/img/saving-tips/married/horizon-sml.png");
  }
}
@media (max-width: 630px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 630px) and (min-resolution: 144dpi) {
  .ybs .saving-tips .bigonesscreen--married .bigonesscreen__horizon {
    background-image: url("/o/ybs-theme/images/img/saving-tips/married/horizon-x2-sml.png");
    background-size: 676px 320px;
  }
}
@media (max-width: 630px) {
  .ybs .saving-tips .bigonesscreen--retirement .bigonesscreen__horizon {
    background-image: url("/o/ybs-theme/images/img/saving-tips/retirement/horizon-sml.png");
  }
}
@media (max-width: 630px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 630px) and (min-resolution: 144dpi) {
  .ybs .saving-tips .bigonesscreen--retirement .bigonesscreen__horizon {
    background-image: url("/o/ybs-theme/images/img/saving-tips/retirement/horizon-x2-sml.png");
    background-size: 676px 320px;
  }
}
.ybs .saving-tips .slick-slider {
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ybs .saving-tips .slick-list,
.ybs .saving-tips .slick-slider {
  position: relative;
  display: block;
}
.ybs .saving-tips .slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.ybs .saving-tips .slick-list:focus {
  outline: none;
}
.ybs .saving-tips .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.ybs .saving-tips .slick-slider .slick-list,
.ybs .saving-tips .slick-slider .slick-track {
  transform: translateZ(0);
}
.ybs .saving-tips .slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.ybs .saving-tips .slick-track:after,
.ybs .saving-tips .slick-track:before {
  content: "";
  display: table;
}
.ybs .saving-tips .slick-track:after {
  clear: both;
}
.ybs .saving-tips .slick-loading .slick-track {
  visibility: hidden;
}
.ybs .saving-tips .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
.ybs .saving-tips [dir=rtl] .slick-slide {
  float: right;
}
.ybs .saving-tips .slick-slide img {
  display: block;
}
.ybs .saving-tips .slick-slide.slick-loading img {
  display: none;
}
.ybs .saving-tips .slick-slide.dragging img {
  pointer-events: none;
}
.ybs .saving-tips .slick-initialized .slick-slide {
  display: block;
}
.ybs .saving-tips .slick-loading .slick-slide {
  visibility: hidden;
}
.ybs .saving-tips .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.ybs .saving-tips .slick-arrow.slick-hidden {
  display: none;
}
.ybs .saving-tips .center {
  text-align: center;
}
.ybs .saving-tips .alr {
  text-align: right;
}
.ybs .saving-tips .bigoneslist:after,
.ybs .saving-tips .group:after {
  content: "";
  display: table;
  clear: both;
}
.ybs .saving-tips .ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.ybs .saving-tips .nmb {
  margin-bottom: 0;
}
.ybs .saving-tips .nmt {
  margin-top: 0 !important;
}
.ybs .saving-tips .npb {
  padding-bottom: 0 !important;
}
@media (max-width: 768px) {
  .ybs .saving-tips .hide-sml {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .ybs .saving-tips .hide-med {
    display: none;
  }
}
@media (max-width: 1024px) {
  .ybs .saving-tips .hide-sml-med {
    display: none;
  }
}
@media (min-width: 1024px) {
  .ybs .saving-tips .hide-lrg {
    display: none;
  }
}
@media (max-width: 768px) {
  .ybs .saving-tips .center-sml {
    text-align: center;
  }
}
.ybs .saving-tips .full-width-grid {
  margin-left: 0em;
  margin-top: -5.8%;
  margin-bottom: -8em;
}
@media only screen and (min-width: 31.3125em) {
  .ybs .saving-tips .full-width-grid {
    margin-left: -3%;
    width: 105%;
    margin-top: -4.5%;
  }
}
@media only screen and (min-width: 40.625em) {
  .ybs .saving-tips .full-width-grid {
    margin-left: -2.2%;
    margin-top: -3.1%;
    width: 103%;
  }
}
@media only screen and (min-width: 56.25em) {
  .ybs .saving-tips .full-width-grid {
    margin-left: -6.5%;
    width: 110%;
    margin-top: -2.6%;
  }
}
.ybs .saving-tips .align-middle-books {
  display: block;
  max-width: 266px;
  margin: 0 auto;
}
.ybs .saving-tips .align-middle-gamesconsole {
  display: block;
  max-width: 309px;
  margin: 0 auto;
}
.ybs .saving-tips .align-middle-weddingrings {
  display: block;
  max-width: 235px;
  margin: 0 auto;
}
.ybs .saving-tips .align-middle-weddingsafe {
  display: block;
  max-width: 348px;
  margin: 0 auto;
}
.ybs .saving-tips .align-middle-calendar {
  display: block;
  max-width: 287px;
  margin: 0 auto;
}
.ybs .saving-tips .align-middle-cake {
  display: block;
  max-width: 442px;
  margin: 0 auto;
}
.ybs .saving-tips .align-middle-car {
  display: block;
  max-width: 464px;
  margin: 0 auto;
}
.ybs .saving-tips .align-middle-map {
  display: block;
  max-width: 297px;
  margin: 0 auto;
}
.ybs .saving-tips .align-middle-house {
  display: block;
  max-width: 390px;
  margin: 0 auto;
}
.ybs .saving-tips .align-middle-plants {
  display: block;
  max-width: 423px;
  margin: 0 auto;
}
.ybs .saving-tips .align-middle-sofa {
  display: block;
  max-width: 374px;
  margin: 0 auto;
}
.ybs .saving-tips .align-middle-bank {
  display: block;
  max-width: 423px;
  margin: 0 auto;
}
.ybs .saving-tips .align-middle-cart {
  display: block;
  max-width: 298px;
  margin: 0 auto;
}
@media only screen and (min-width: 31.3125em) {
  .ybs .saving-tips .align-middle-books {
    max-width: 266px;
    margin: auto;
  }
}

.ybs .social-media .box {
  display: flex;
  justify-content: center;
}
.ybs .social-media__icons {
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  font-size: 1.21em;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 1.25em;
}
.ybs .social-media__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ybs .social-media__image {
  flex: 0 1 20%;
  max-width: 3em;
  padding: 0 3%;
}
.ybs .social-media__image img {
  display: inline-block;
  height: auto;
  width: 100%;
  max-width: 3rem;
}
.ybs .social-media .title-share {
  font-size: 1.05em;
  color: #787;
  margin-top: 0.3em;
}

.ybs .swiper-container {
  display: none;
}
.ybs .swiper-container .slick-next.slick-arrow.slick-disabled,
.ybs .swiper-container .slick-prev.slick-arrow.slick-disabled {
  display: none !important;
}
.ybs .swiper-container .slick-slide div:not(.box-dropzone__container) {
  height: 100%;
}
.ybs .swiper-container .box-dropzone {
  box-shadow: 0 0.6rem rgba(0, 0, 0, 0), 0 4px 0 0 rgba(0, 40, 92, 0), 0 0.2rem 0.4rem rgba(0, 0, 0, 0.15);
  height: calc(100% - 6px);
  margin-left: 0.85rem;
  margin-right: 0.85rem;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-top: 0.5rem;
}
.ybs .swiper-container.slick-initialized > .slick-list {
  display: block;
}

.has-edit-mode-menu .swiper-container {
  display: block;
}

.ybs .ybs-tabs img {
  width: 100%;
}
.ybs .ybs-tabs__navbar {
  justify-content: center;
}
.ybs .ybs-tabs__navbar .navbar-toggler {
  color: #272833;
}
.ybs .ybs-tabs__navbar .navbar-wrap {
  margin: 1rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 650px) {
  .ybs .ybs-tabs__navbar .navbar-wrap {
    margin: 1.7rem 0;
  }
}
@media screen and (max-width: 650px) {
  .ybs .ybs-tabs__navbar .navbar-wrap .navbar-nav {
    border-radius: 0.5em;
    overflow: hidden;
    margin: 0 auto;
  }
}
.ybs .ybs-tabs__navbar .navbar-wrap ul {
  margin-bottom: 0;
}
.ybs .ybs-tabs__navbar .icon-caret-bottom {
  border-left: 5px solid transparent;
  border-radius: 4px;
  border-right: 5px solid transparent;
  border-top: 5px solid #272833;
  height: 0;
  margin-left: 4px;
  margin-top: 4px;
  width: 0;
}
@media screen and (max-width: 650px) {
  .ybs .ybs-tabs__navbar .nav-item {
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, 0.5);
  }
}
.ybs .ybs-tabs__navbar .nav-item::before {
  display: none;
}
.ybs .ybs-tabs__navbar .nav-item a {
  color: var(--color-grey-50);
}
.ybs .ybs-tabs__navbar .nav-item a:focus {
  color: var(--color-grey-50);
}
.ybs .ybs-tabs__navbar .nav-item:first-child .nav-link {
  border-top-left-radius: 0.2em;
  border-bottom-left-radius: 0.2em;
}
@media screen and (max-width: 650px) {
  .ybs .ybs-tabs__navbar .nav-item:first-child .nav-link {
    border-radius: 0;
  }
}
.ybs .ybs-tabs__navbar .nav-item:last-child .nav-link {
  border-top-right-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
}
@media screen and (max-width: 650px) {
  .ybs .ybs-tabs__navbar .nav-item:last-child .nav-link {
    border-radius: 0;
  }
}
.ybs .ybs-tabs__navbar .nav-item .navbar-text-anchor-editable {
  display: none;
}
.ybs .ybs-tabs__navbar .nav-item .navbar-text-truncate {
  max-width: 20rem;
}
.ybs .ybs-tabs__navbar .nav-item .nav-link {
  background-color: var(--color-primary);
  border: none;
  border-right: solid 1px var(--guides-sidebar-bg);
  padding: 1rem 1.1rem;
  font-family: var(--font-family-bold);
  font-size: 1.2rem;
  line-height: 1;
  color: #eee;
  transition: 0.5s;
  margin: 0;
}
@media screen and (max-width: 650px) {
  .ybs .ybs-tabs__navbar .nav-item .nav-link {
    font-size: 1rem;
    padding: 0.6rem 1.1rem 0.8rem 0.5rem;
    text-align: left;
    font-variant: all-small-caps;
    margin: 0;
    width: 100%;
  }
}
.ybs .ybs-tabs__navbar .nav-item .nav-link:hover {
  background-color: var(--color-primary-hover);
  transition: 0.5s;
}
.ybs .ybs-tabs__navbar .nav-item .nav-link:focus {
  box-shadow: none;
}
.ybs .ybs-tabs__navbar .nav-item .nav-link:focus-visible {
  box-shadow: 0 0 0 0.125rem white, 0 0 0 0.3rem var(--element-outline);
  outline: none;
}
.ybs .ybs-tabs__navbar .nav-item .nav-link.active {
  background-color: var(--color-primary-hover);
}

.has-edit-mode-menu .ybs-tabs .nav-item {
  margin-top: 60px;
}
.has-edit-mode-menu .ybs-tabs .nav-item .navbar-text-anchor-editable {
  color: #272833;
  display: block !important;
  left: 5px;
  position: absolute;
  top: -25px;
}

.ybs .terms-agreement {
  max-width: 1000px;
  padding-left: 4px;
  /* scrollbar */
  /* Track */
  /* Handle */
}
.ybs .terms-agreement .para {
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}
.ybs .terms-agreement .terms-box {
  border: 1px solid #ccc;
  line-height: 1.7em;
  border-radius: 0.3em;
  margin: 0px 10px;
  margin-right: 22px;
  height: 15em;
  overflow-y: auto;
  padding: 1em;
  box-shadow: 0px 4px 0px 0px rgba(0, 40, 92, 0.07), 0 0 0.2em rgba(0, 0, 0, 0.05);
}
.ybs .terms-agreement .terms-box::-webkit-scrollbar {
  width: 12px;
  margin-right: 1em;
}
.ybs .terms-agreement .terms-box::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background-color: rgba(0, 40, 92, 0.066);
  margin: 1em 0;
}
.ybs .terms-agreement .terms-box::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #00953b;
}

.ybs #timeline-animation .timeline {
  position: relative;
  margin: auto;
  display: flex;
  padding: 0;
}
.ybs #timeline-animation .timeline::before {
  content: "";
  background: #cacaca;
  width: 5px;
  height: calc(100% - 90px);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.ybs #timeline-animation .timeline .timeline-bg {
  background: #e3f3f4 url(../img/your-society/timeline-bg.png) center bottom no-repeat;
}
.ybs #timeline-animation .timeline .timeline-item {
  width: 100%;
  padding: 0;
}
.ybs #timeline-animation .timeline .timeline-item::before {
  display: none;
}
.ybs #timeline-animation .timeline .timeline-item:nth-child(even) .timeline-content {
  float: right;
}
.ybs #timeline-animation .timeline .timeline-item:nth-child(even) .timeline-content .date {
  right: auto;
  left: 0;
}
.ybs #timeline-animation .timeline .timeline-item:nth-child(even) .timeline-content::after {
  content: "";
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: 30px;
  left: -15px;
  border-width: 10px 15px 10px 0;
  border-color: transparent #7cc533 transparent #7cc533;
}
.ybs #timeline-animation .timeline .timeline-item::after {
  content: "";
  display: block;
  clear: both;
}
.ybs #timeline-animation .timeline .timeline-content {
  position: relative;
  width: 45%;
}
.ybs #timeline-animation .timeline .timeline-content::after {
  content: "";
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: 30px;
  right: -15px;
  border-width: 10px 0 10px 15px;
  border-color: rgba(255, 0, 0, 0) rgba(255, 0, 0, 0) transparent #7cc533;
}
.ybs #timeline-animation .timeline .timeline-img {
  width: 30px;
  height: 30px;
  background: #7cc533;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-top: 25px;
  margin-left: -15px;
  z-index: 2;
}
.ybs #timeline-animation .timeline .date {
  background: #ff4081;
  display: inline-block;
  color: #ffffff;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
.ybs #timeline-animation .timeline .box {
  padding: 1.7em;
}
.ybs #timeline-animation .timeline .box h1 {
  color: #676767;
  font-family: var(--font-family-headline);
  font-size: 3em;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0.3em;
}
.ybs #timeline-animation .timeline .box.box-outline-1 {
  border: solid 2px var(--color-secondary);
  border-bottom: solid 3px var(--color-secondary);
}
.ybs #timeline-animation .timeline .container, .ybs #timeline-animation .timeline .main-header__group, .ybs #timeline-animation .timeline .saving-tips .saving-tips__breadcrumb, .ybs .saving-tips #timeline-animation .timeline .saving-tips__breadcrumb {
  max-width: 72rem;
}
@media screen and (max-width: 768px) {
  .ybs #timeline-animation .timeline::before {
    left: 37px;
  }
  .ybs #timeline-animation .timeline .timeline-img {
    left: -3px;
  }
  .ybs #timeline-animation .timeline .timeline-content {
    max-width: 100%;
    width: auto;
    margin-left: 35px;
    padding: 1.5em;
  }
  .ybs #timeline-animation .timeline .timeline-item:nth-child(even) {
    float: none;
  }
  .ybs #timeline-animation .timeline .timeline-item:nth-child(odd) .timeline-content::after {
    content: "";
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    top: 30px;
    left: -15px;
    border-width: 10px 15px 10px 0;
    border-color: transparent #7cc533 transparent #7cc533;
  }
}

.ybs #video .box {
  overflow: hidden;
}
.ybs .video__img {
  height: 100%;
  overflow: hidden;
}
.ybs .video__img .playImage {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-primary);
  font-size: 100px;
  -webkit-filter: drop-shadow(1px 1px 9px rgba(255, 255, 200, 0.7));
  filter: drop-shadow(1px 1px 9px rgba(255, 255, 200, 0.7));
}
.ybs .video__img img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.ybs .video__title {
  display: flex;
  padding: 1rem 0.5rem;
  align-items: flex-start;
}
.ybs .video__title h2 {
  font-family: var(--font-family-base);
  color: var(--hero-subtitle);
  font-size: 1rem;
  line-height: 1.77rem;
  font-weight: 700;
  margin-left: 1.16rem;
}
@media (min-width: 640px) {
  .ybs .video__title {
    line-height: 1.33rem;
    font-size: 1.06rem;
  }
}

.ybs .book-appointment .timeline {
  display: flex;
  flex-direction: column;
}
.ybs .book-appointment .timeline li {
  position: relative;
}
.ybs .book-appointment .timeline.timeline-horizontal li {
  flex: 1;
  vertical-align: top;
  text-align: center;
  margin-bottom: 0;
  line-height: 1.5em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.ybs .book-appointment .timeline.timeline-horizontal li:before {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: auto;
  padding: 0;
  min-width: 3rem;
  text-align: center;
  font-size: 2.5em;
}
.ybs .book-appointment .timeline li.is-complete:before {
  content: "";
  width: 40px;
  height: 30px;
  display: inline-block;
  background: url(../images/icons/green-check.svg);
  font-size: 2em;
  background-repeat: no-repeat;
  background-position: center center;
  color: #ccc;
}
@media screen and (min-width: 40em) {
  .ybs .book-appointment .timeline {
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 3.5em;
  }
  .ybs .book-appointment .timeline.timeline-horizontal li {
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0;
    padding-bottom: 0;
  }
  .ybs .book-appointment .timeline.timeline-horizontal li:before {
    top: -3rem;
    left: 0;
    width: 100%;
    padding: 0;
    font-size: 3.6em;
  }
  .ybs .book-appointment .timeline li.is-complete:before {
    height: 40px;
    font-size: 3em;
    top: -2.7rem;
  }
}
.ybs .book-appointment .timeline li.is-inactive:before,
.ybs .book-appointment .timeline li.is-inactive:after {
  background: transparent;
  background-clip: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  -webkit-text-mask-image: unset;
  color: #aaa;
}
.ybs .book-appointment .timeline li.is-active {
  font-family: "Aller-bold";
}
.ybs .book-appointment .timeline .timeline-item img {
  max-width: 12em !important;
}
.ybs .book-appointment ul.checklist li {
  display: flex;
  align-items: center;
  padding-left: 0.5em;
}
.ybs .book-appointment ul.checklist li > svg {
  height: 1.5em;
  width: 1.5em;
  color: var(--color-secondary);
  margin-right: 0.5em;
}
.ybs .book-appointment .branch-card-container {
  flex: 1 0 0;
}
.ybs .book-appointment .branch-card-container > .box {
  min-width: 200px;
  min-height: 380px;
}
.ybs .book-appointment .branch-card-container > .box.selected {
  border: solid 3px var(--color-secondary);
}
.ybs .book-appointment input:focus {
  border-color: var(--input-focus);
}
.ybs .book-appointment input:invalid:focus {
  border-color: var(--input-error);
}

.ybs #book-savings-review .box.box-has-icon-left .box-icon .svg-inline--fa {
  font-size: 3.5em;
}
.ybs #book-savings-review .box.box-has-icon-left {
  padding-left: 6.5rem;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  padding-right: 1.75rem;
  margin-bottom: 2rem;
}
.ybs #book-savings-review .box[class*=box-has-icon] [class^=box-icon] svg.svg-inline--fa path {
  fill: #62c422;
}
.ybs #book-savings-review .box-icon {
  width: 4.5em;
  float: left;
  left: -2em;
  margin-left: -5.15em;
  display: block;
  padding-bottom: 1em;
}
.ybs #book-savings-review .btn.btn-primary {
  border-color: var(--color-primary);
}

@media (max-width: 40rem) {
  .ybs #branch-details {
    font-size: 90%;
  }
}
@media print, screen and (min-width: 105em) {
  .ybs #branch-details .row {
    max-width: 92rem;
    margin: 0 auto;
  }
}
.ybs #branch-details .hero {
  box-shadow: var(--box-shadow);
}
.ybs #branch-details .hero.location-results-hero {
  margin-top: -3.5rem;
  padding-top: 3rem;
}
.ybs #branch-details .hero.location-results-hero p {
  font-size: 0.9rem;
}
.ybs #branch-details .hero.location-results-hero .contact-type {
  margin-bottom: 0;
  font-size: 1.3rem;
  font-family: var(--font-family-bold);
}
@media (max-width: 40rem) {
  .ybs #branch-details .hero.location-results-hero .contact-type {
    font-size: 1rem;
  }
}
.ybs #branch-details .hero.location-results-hero .contact-value {
  font-weight: bold;
  margin: 0 0 0.5em 0;
  color: var(--color-primary);
  text-decoration: none;
}
.ybs #branch-details .hero.location-results-hero .contact-value::before {
  display: none;
}
@media (max-width: 40rem) {
  .ybs #branch-details .hero.location-results-hero .align-center {
    justify-content: center;
  }
}
@media (max-width: 40rem) {
  .ybs #branch-details .hero.location-results-hero .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.ybs #branch-details .hero.bg-pastel-4 {
  background: var(--color-blue-50);
}
.ybs #branch-details .hero .hero-content {
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 68em) {
  .ybs #branch-details .hero .hero-content h1 {
    font-size: 4.5rem;
  }
}
@media screen and (max-width: 40em) {
  .ybs #branch-details .hero .hero-content h1 {
    font-size: 2.5rem;
    margin-top: 0.025rem;
    margin-bottom: 0.8rem;
  }
}
.ybs #branch-details .hero .hero-content h1 small {
  line-height: 1rem;
  font-size: 60%;
  letter-spacing: 0;
}
.ybs #branch-details .location-results {
  padding: 2rem 0;
}
.ybs #branch-details .location-results h3 {
  display: block;
  width: 100%;
}
.ybs #branch-details .location-results p.subtitle {
  color: var(--color-heading);
  font-size: 1.26rem;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.ybs #branch-details .location-results p.subtitle svg {
  margin-right: 0.2rem;
}
.ybs #branch-details .location-results p.subtitle svg path {
  fill: var(--color-secondary);
}
.ybs #branch-details .location-results ul {
  margin: 0;
  margin-bottom: 1.5em;
  padding: 0;
  list-style: none;
  text-align: left;
}
.ybs #branch-details .location-results ul li {
  font-size: 1em;
  position: relative;
}
.ybs #branch-details .location-results ul li::before {
  content: "";
  position: absolute;
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
  margin-top: 0.28em;
  margin-left: -1.5em;
  background-image: url(../images/icons/bullet-ybs.png);
}
.ybs #branch-details .location-results .open-status.open-status-opensoon, .ybs #branch-details .location-results .open-status.open-status-closesoon, .ybs #branch-details .location-results .open-status.open-status-lunchtime, .ybs #branch-details .location-results .open-status.open-status-lunchtimesoon {
  color: var(--branch-finder-open-close);
}
.ybs #branch-details .location-results .open-status.open-status-no {
  color: #ff0a0a;
}
.ybs #branch-details .location-results .open-status.open-status-yes {
  color: var(--branch-finder-close);
}
.ybs #branch-details .location-results .times {
  font-size: 1em;
  color: var(--branch-finder-note);
  padding-top: 0.1em;
  line-height: 1.6em;
  font-family: var(--font-family-base);
  display: block;
}
.ybs #branch-details .location-results .times::before {
  display: none;
}
.ybs #branch-details .location-results .times.is-active {
  color: inherit;
  font-family: var(--font-family-bold);
}
.ybs #branch-details .location-results .times .opening-day {
  min-width: 3em;
  display: inline-block;
  font-family: var(--font-family-bold);
}
.ybs #branch-details .box {
  padding: 1.7rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 31.25em) {
  .ybs #branch-details .box .box-1 {
    padding: 1.5rem;
  }
}
@media screen and (min-width: 40em) {
  .ybs #branch-details .box .box-1 {
    padding: 1.6rem;
  }
}
.ybs #branch-details .js-map img {
  width: 100%;
}
.ybs .branch-details__breadcrumb {
  max-width: 78rem;
  margin: 0 auto;
  padding: 0 0.8rem;
}
@media (min-width: 105em) {
  .ybs .branch-details__breadcrumb {
    max-width: 92rem;
  }
}
@media (max-width: 90rem) {
  .ybs .branch-details__breadcrumb {
    max-width: 90%;
  }
}
@media (max-width: 75rem) {
  .ybs .branch-details__breadcrumb {
    max-width: 94%;
  }
}
.ybs .branch-details__breadcrumb .breadcrumb {
  position: relative;
  z-index: 999;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 0.2em;
  font-size: 1em;
  border-bottom: 2px solid rgba(0, 0, 0, 0.075);
  top: 0.2em;
  color: var(--color-primary);
  padding: 0;
  opacity: 0.8;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.1rem 0.7rem 0;
}
.ybs .branch-details__breadcrumb .breadcrumb a:last-child {
  color: var(--text-small);
}

.ybs #branch-finder {
  height: 775px;
}
.ybs #branch-finder .main-content {
  position: relative;
}
.ybs #branch-finder .branch-finder {
  position: relative;
  width: 100%;
  z-index: 2;
}
.ybs #branch-finder .appointment-booking .branch-finder {
  padding: 0;
}
.ybs #branch-finder .branch-finder:not(.no-map) {
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  pointer-events: none;
}
.ybs #branch-finder .branch-finder > .row > [class*=col-] {
  -webkit-pointer-events: all;
  -moz-pointer-events: all;
  -ms-pointer-events: all;
  pointer-events: all;
}
.ybs #branch-finder .branch-finder.loading-spinner:not(.branch-finder-loaded) .branch-finder-box {
  display: none;
}
@media screen and (min-width: 40em) {
  .ybs #branch-finder .branch-finder.branch-finder-has-map .branch-finder-box {
    transform: translate(70%, 50%);
    transition: all 350ms;
  }
  .ybs #branch-finder .branch-finder.branch-finder-has-map.branch-finder-searched .branch-finder-box {
    transform: translate(0, 0);
  }
}
.ybs #branch-finder .branch-finder .input-group {
  margin-bottom: 0;
}
@media (min-width: 1920px) {
  .ybs #branch-finder .branch-finder .branch-finder-box-container,
  .ybs #branch-finder .branch-finder .results {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .ybs #branch-finder .branch-finder.branch-finder-has-map .branch-finder-box {
    transform: translate(113%, 50%);
    transition: all 350ms;
  }
}
@media screen and (min-width: 40em) {
  .ybs #branch-finder .branch-finder-map {
    /*Google addds is own "position: relative;" to the container... */
    position: absolute !important;
    top: 0;
    display: block;
    height: 800px;
    width: 100%;
    z-index: 1;
  }
}
.ybs #branch-finder .js-branch-finder-message {
  margin-top: 1em;
  display: none;
}
.ybs #branch-finder .js-branch-finder-results .filters .filter {
  display: inline-block;
  margin: 0 1em;
}
.ybs #branch-finder .js-branch-finder-results {
  margin-top: -2.8em;
  padding-top: 2em;
}
.ybs #branch-finder .appointment-booking .js-branch-finder-results {
  margin-top: 0;
  padding-top: 0;
}
.ybs #branch-finder .js-branch-finder-results .results {
  width: 100%;
  clear: both;
}
.ybs #branch-finder .js-branch-finder-results .results .slick-arrow.slick-disabled {
  display: none;
}
.ybs #branch-finder .js-branch-finder-results .results.slick-initialized .slick-list {
  margin-left: 0;
  overflow: visible !important; /* Its applied to the element :( */
}
@media (min-width: 40em) {
  .ybs #branch-finder .js-branch-finder-results .results.slick-initialized .slick-list {
    overflow: hidden !important;
  }
}
.ybs #branch-finder .js-branch-finder-results .results.slick-initialized .slick-slide {
  margin: 0 0.25em;
}
.ybs #branch-finder .js-branch-finder-results .loading-spinner {
  padding-bottom: 5em;
}
.ybs #branch-finder .js-branch-finder-results .result {
  width: 100%;
  clear: both;
  padding: 2em;
  background-color: var(--color-grey-50);
  border-radius: 5px;
  margin-bottom: 2em;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.2);
  color: var(--color-primary);
  box-sizing: border-box;
  flex-flow: row wrap;
  display: none;
}
.ybs #branch-finder .appointment-booking .js-branch-finder-results .result,
.ybs #branch-finder .js-branch-finder-results .result,
.ybs #branch-finder .js-branch-finder-results .result.is-active {
  display: -ms-flexbox !important;
  display: flex !important;
}
@media (min-width: 40em) {
  .ybs #branch-finder .appointment-booking .js-branch-finder-results .result,
  .ybs #branch-finder .js-branch-finder-results .result {
    display: none;
  }
}
.ybs #branch-finder .js-branch-finder-results .result[data-type=agency] {
  color: var(--color-secondary);
}
.ybs #branch-finder .js-branch-finder-results .result .title {
  font-size: 1.1em;
  font-family: Aller-bold;
  display: block;
  clear: both;
}
.ybs #branch-finder .js-branch-finder-results .result .details-container {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 1em;
}
.ybs #branch-finder .js-branch-finder-results .result .branch-type-marker {
  font-size: 5em;
  color: inherit;
  padding-right: 0.2em;
}
.ybs #branch-finder .js-branch-finder-results .result .branch-type-marker .fa-svg {
  color: currentColor;
}
.ybs #branch-finder .js-branch-finder-results .result .details-container .name {
  font-size: 2em;
  color: inherit;
  font-family: Aller-Bold;
  display: block;
  clear: both;
  padding: 0.1em 0;
}
.ybs #branch-finder .js-branch-finder-results .result .details-container .distance {
  font-size: 0.9em;
  display: block;
  clear: both;
  color: 454545;
}
.ybs #branch-finder .js-branch-finder-results .result .details-container .distance svg,
.ybs #branch-finder .js-branch-finder-results .result .details-container .distance path {
  color: #999;
  fill: #999;
}
.ybs #branch-finder .js-branch-finder-results .result .address-container .address {
  white-space: pre-line;
  line-height: 1.5em;
  display: block;
  color: #454545;
}
.ybs #branch-finder .js-branch-finder-results .result .services-container .services li {
  line-height: 1.5em;
  color: #454545;
}
.ybs #branch-finder .gm-style .gm-style-iw-c {
  color: var(--color-grey-50);
  border-radius: 5px;
  padding: 0;
}
.ybs #branch-finder .gm-style .gm-style-iw-d {
  overflow: hidden !important;
}
.ybs #branch-finder .branch-finder-map-info-window {
  font-size: 1.25em;
  padding: 1.5em;
  padding-top: 0.7em;
}
.ybs #branch-finder .branch-finder-map-info-window .branch-details:before {
  content: "";
  display: inline-block;
  height: 45px;
  width: 45px;
  background-image: url("/o/ybs-theme/images/ybs-logo-white.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: auto 100%;
  vertical-align: top;
  position: absolute;
  top: 0.3em;
  left: -3.8em;
}
.ybs #branch-finder .branch-finder-map-info-window .branch-details {
  font-family: Aller;
  margin-bottom: 0.25em;
  margin-left: 50px;
  padding-right: 1em;
  position: relative;
  opacity: 0.95;
  margin-top: 0.85em;
}
.ybs #branch-finder .branch-finder-map-info-window .branch-name {
  font-size: 1.35em;
  font-family: aller-bold;
  font-weight: normal;
}
.ybs #branch-finder .branch-finder-map-info-window .branch-type {
  font-size: 1em;
  display: block;
}
.ybs #branch-finder .branch-finder-map-info-window .branch-buttons {
  margin: 1em -1.5em -1.5em -1.5em;
  background-color: var(--color-grey-50);
  padding: 1.2em;
  padding-bottom: 1.5em;
}
.ybs #branch-finder .branch-finder-map-info-window .btn {
  display: block;
  padding: 0.5em;
  margin-bottom: 0.5em;
}
.ybs #branch-finder .branch-finder-map-info-window .btn + .btn {
  margin-bottom: 0;
}
.ybs #branch-finder .branch-status {
  text-align: right;
  float: right;
  font-size: 0.9em;
  font-family: Aller-light;
}
.ybs #branch-finder .branch-status svg,
.ybs #branch-finder .branch-status path {
  color: #999;
  fill: #999;
}
.ybs #branch-finder .branch-status.branch-opensoon,
.ybs #branch-finder .branch-status.branch-closesoon,
.ybs #branch-finder .branch-status.branch-lunchtime,
.ybs #branch-finder .branch-status.branch-lunchtimesoon {
  color: var(--color-red-500);
}
.ybs #branch-finder .branch-status.branch-closed {
  color: var(--input-invalid);
}
.ybs #branch-finder .options-container {
  margin-top: 1em;
}
.ybs #branch-finder .branch-finder-map-info-window .branch-details:before {
  content: "";
  display: inline-block;
  height: 35px;
  width: 35px;
  background-image: url("/o/ybs-theme/images/ybs-logo-white.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: auto 100%;
  vertical-align: top;
  position: absolute;
  top: 0.4em;
  left: -2.75em;
}
.ybs #branch-finder .branch-finder-map-info-window .branch-buttons {
  background: transparent;
  padding-top: 0.3em;
}
.ybs #branch-finder .branch-finder-map-info-window {
  background: -webkit-linear-gradient(-45deg, var(--color-secondary) 0%, var(--color-primary) 100%);
  background: -ms-linear-gradient(-45deg, var(--color-secondary) 0%, var(--color-primary) 100%);
  background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);
}
@media print, screen and (min-width: 60em) {
  .ybs #branch-finder .branch-finder.branch-finder-searched .row {
    padding-left: 4%;
    max-width: 100%;
    left: 0;
    margin-left: 0;
  }
}
@media print, screen and (max-width: 40em) {
  .ybs #branch-finder .branch-finder .branch-type-marker + .small-expand {
    padding-left: 0;
  }
}
.ybs #branch-finder .branch-type {
  text-transform: capitalize;
}
.ybs #branch-finder .branch-type-marker svg {
  font-size: 0.7em;
}
.ybs #branch-finder .branch-type-marker svg path {
  fill: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);
}
.ybs #branch-finder .gm-style button[title] span {
  visibility: hidden;
}
.ybs #branch-finder .gm-style button[title]:after {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512" fill="white"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"/></svg>');
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 1em;
  color: var(--color-grey-50);
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  top: -1em;
  right: 0.3em;
  font-size: 1.5em;
}
.ybs #branch-finder .gm-style .gm-style-iw-c {
  margin-top: -0.6em;
}
.ybs #branch-finder .gm-style .gm-style-iw-tc::after {
  margin-top: -0.7em;
  background: var(--color-primary);
}
.ybs #branch-finder .gm-style .gm-style-iw-c {
  box-shadow: var(--box-shadow);
}
@media print, screen and (max-width: 40em) {
  .ybs #branch-finder .branch-finder:after {
    background-image: url(../img/map-mobile-placeholder.png);
    opacity: 0.8;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    z-index: -1;
  }
}
.ybs #branch-finder .js-branch-finder-results .result {
  box-shadow: none !important;
}
.ybs #branch-finder .options-container .btn {
  width: 100%;
}
.ybs #branch-finder .address-container {
  margin-bottom: 0.75em;
}
.ybs #branch-finder .branch-finder.branch-finder-has-map .branch-finder-box {
  opacity: 0.95;
}
.ybs #branch-finder .branch-status {
  font-size: 0.85em !important;
}
.ybs #branch-finder .box h1 {
  color: var(--box-h1);
  font-size: 3em;
  margin-bottom: 0;
}
.ybs #branch-finder .box .subtitle {
  color: var(--color-heading);
  margin-bottom: 0;
}
.ybs #branch-finder .postcode-search-container label {
  display: none;
}
.ybs #branch-finder .branch-type-marker svg path {
  fill: url(#ybsgradient);
}

#charitable-foundation-map {
  /* Shuffle grid styles START */
  /* filters */
  /* grid */
  /*OWCS/shuffle footer gap fix */
  /* Shuffle grid styles FIN */
  /* Charitable Foundation Header START */
  /* Charitable Foundation Header FIN */
  /* Weird OWCS footer issue fix */
  /* Chrome mobile svg animation fix */
  /* Don't display carousel SVG in IE as multiply blend mode isn't supported. */
  /* Remove input field from the latest stories container */
}
#charitable-foundation-map .form-submission-msg {
  display: none;
}
#charitable-foundation-map .tweet {
  margin-bottom: 0.5rem;
  word-wrap: break-word;
}
#charitable-foundation-map .timePosted {
  opacity: 0.8;
  font-size: 80%;
}
#charitable-foundation-map .timePosted a {
  color: #aaa;
}
#charitable-foundation-map .top-bar-right {
  margin-top: 0%;
}
@media only screen and (min-width: 55em) {
  #charitable-foundation-map .top-bar-right {
    margin-top: 4%;
  }
}
#charitable-foundation-map .vid-Wrapper {
  border-radius: 6px;
}
#charitable-foundation-map .video {
  padding: 1rem;
}
#charitable-foundation-map .headlineimage {
  position: absolute;
  bottom: 0;
  right: -7%;
}
@media screen and (max-width: 40em) {
  #charitable-foundation-map .headlineimage {
    position: relative;
    bottom: 0;
    right: 4%;
    width: 90%;
  }
}
#charitable-foundation-map .panel {
  background-color: #f0f0f0;
  border-radius: 4px;
  padding: 2em;
  padding-top: 1.4em;
  padding-bottom: 0;
  transition: all 0.2s ease-out;
}
#charitable-foundation-map .panel:hover {
  background-color: #ebebeb;
}
#charitable-foundation-map .small-panel {
  padding-bottom: 1em;
}
#charitable-foundation-map .panel h3 {
  letter-spacing: -0.09rem;
  font-size: 2.65rem;
  line-height: 1.02em;
}
#charitable-foundation-map .long-text-break-mid-screen {
  display: none;
}
#charitable-foundation-map .impactlist .br-block,
#charitable-foundation-map .impactlist .br {
  display: none;
}
@media only screen and (min-width: 33em) {
  #charitable-foundation-map .impactlist .br-block,
  #charitable-foundation-map .impactlist .br {
    display: block;
  }
}
#charitable-foundation-map .impactlist .br-inline {
  display: none;
}
@media only screen and (min-width: 33em) {
  #charitable-foundation-map .impactlist .br-inline {
    display: inline-block;
  }
}
@media only screen and (min-width: 50em) and (max-width: 65em) {
  #charitable-foundation-map .panel h3 {
    letter-spacing: -0.1rem;
    font-size: 2.5rem;
  }
}
#charitable-foundation-map .articlelist .panel {
  margin-left: 0.5em;
}
#charitable-foundation-map .shuffle-item .categorytitle {
  margin-left: 2em;
}
#charitable-foundation-map .categorytitle:before {
  content: "";
  position: absolute;
  background-size: 100% 100%;
  height: 2.1em;
  width: 2.1em;
  margin-top: -0.3em;
  left: 1.75em;
}
#charitable-foundation-map .impact .categorytitle:before {
  background-image: url(../img/impact-icon.gif);
}
#charitable-foundation-map .community .categorytitle:before {
  background-image: url(../img/community-icon.gif);
}
#charitable-foundation-map .customer .categorytitle:before {
  background-image: url(../img/customer-icon.gif);
}
#charitable-foundation-map .people .categorytitle:before {
  background-image: url(../img/people-icon.gif);
}
#charitable-foundation-map .environment .categorytitle:before {
  background-image: url(../img/environment-icon.gif);
}
#charitable-foundation-map .general .categorytitle {
  margin-left: 0;
}
#charitable-foundation-map #impactlist .article {
  display: none;
}
#charitable-foundation-map #impactlist p,
#charitable-foundation-map #impactlist p:hover {
  color: #676767;
}
#charitable-foundation-map #impactlist #filter a {
  text-decoration: none;
  font-family: ybs-headline;
  font-size: 110%;
  padding: 0.5em;
  font-weight: normal;
  margin: 0.2em;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 30em) {
  #charitable-foundation-map #impactlist #filter a {
    text-decoration: none;
    font-family: ybs-headline;
    font-size: 122%;
    padding: 0.4em;
    font-weight: normal;
    margin-bottom: 0.8em;
  }
}
#charitable-foundation-map .impact h3 {
  color: #f05a44;
}
#charitable-foundation-map .customer h3 {
  color: #47c4da;
}
#charitable-foundation-map .people h3 {
  color: #faa634;
}
#charitable-foundation-map .community h3 {
  color: #f067a6;
}
#charitable-foundation-map .business h3 {
  color: #db61a3;
}
#charitable-foundation-map .environment h3 {
  color: #66bc46;
}
#charitable-foundation-map .panel .panelimg {
  width: 100%;
  margin-left: 0%;
}
#charitable-foundation-map #canvas {
  height: 100% !important;
  width: auto !important;
}
#charitable-foundation-map #animation-container {
  max-height: 29em;
}
#charitable-foundation-map #dom_overlay_container {
  max-height: 29em;
}
#charitable-foundation-map .editorial-3-col {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
@media screen and (min-width: 40em) {
  #charitable-foundation-map .editorial-3-col {
    -moz-column-count: 3;
    -moz-column-gap: 1.875em;
    -webkit-column-count: 3;
    -webkit-column-gap: 1.875em;
    column-count: 3;
    column-gap: 1.875em;
  }
}
#charitable-foundation-map .feature {
  background-clip: content-box;
  position: relative;
  height: 24em;
}
#charitable-foundation-map .greybg {
  background-color: #f0f0f0;
}
#charitable-foundation-map .feature h1 {
  font-size: 3rem;
}
#charitable-foundation-map .feature h4 {
  font-size: 1.1rem;
}
#charitable-foundation-map .feature p {
  display: none;
}
#charitable-foundation-map .feature right {
  width: 47%;
}
#charitable-foundation-map .colleagues {
  margin: 0 auto;
  height: 112%;
  position: absolute;
  background-image: url(../img/man.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  z-index: 500;
  top: 4%;
  pointer-events: none;
  width: 20%;
  left: 47%;
}
@media screen and (min-width: 65em) {
  #charitable-foundation-map .feature {
    height: auto;
  }
  #charitable-foundation-map .feature h1 {
    font-size: 4.4rem;
  }
  #charitable-foundation-map .feature h4 {
    font-size: 1.3rem;
  }
  #charitable-foundation-map .feature p {
    display: block;
  }
  #charitable-foundation-map .colleagues {
    width: 18%;
    left: 41%;
  }
}
#charitable-foundation-map .feature .left {
  width: 52%;
  display: inline-block;
  float: left;
  background-color: #f0f0f0;
  padding: 0;
  margin: 0;
  height: auto;
  transition: all 0.2s ease-out;
}
#charitable-foundation-map .feature .right {
  width: 48%;
  display: inline-block;
  position: absolute;
  height: 100%;
  border-radius: 0.2em;
  padding-right: 2rem;
  padding-bottom: 2rem;
  transition: all 0.2s ease-out;
}
#charitable-foundation-map .animation_container {
  background-color: rgba(255, 255, 255, 0);
  width: 504px;
  height: 463px;
}
#charitable-foundation-map #canvas {
  height: 100%;
  position: absolute;
  display: block;
  background-color: rgba(255, 255, 255, 0);
}
#charitable-foundation-map .dom_overlay_container {
  pointer-events: none;
  overflow: hidden;
  width: 504px;
  height: 463px;
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
}
#charitable-foundation-map .pillarcontent {
  padding-top: 2rem;
  padding-left: 5rem;
}
#charitable-foundation-map .pillarfeature .customer {
  display: none;
}
#charitable-foundation-map .pillarfeature .people {
  display: none;
}
#charitable-foundation-map .pillarfeature .environment {
  display: none;
}
#charitable-foundation-map .pillarfeature .timeline-info {
  display: none;
}
#charitable-foundation-map .pillartext {
  padding-left: 2rem;
}
#charitable-foundation-map .image_container {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
}
#charitable-foundation-map .image_container img {
  border-radius: 100%;
  height: 110%;
  margin-top: -5%;
}
#charitable-foundation-map .white_filler {
  height: 100%;
  position: absolute;
  background-color: white;
  z-index: 4;
  width: 25%;
}
#charitable-foundation-map .flip .white_filler {
  right: 0;
}
#charitable-foundation-map .modulecontent {
  padding-top: 2rem;
  padding-left: 3rem;
}
#charitable-foundation-map .customerpillarp {
  background-image: url("../img/person5.png");
}
#charitable-foundation-map .communitypillarp {
  background-image: url("../img/person.png");
}
#charitable-foundation-map .environmentpillarp {
  background-image: url("../img/person3.png");
}
#charitable-foundation-map .peoplepillarp {
  background-image: url("../img/person4.png");
}
#charitable-foundation-map .backupstrategymenu {
  width: 100%;
  height: 100%;
  position: absolute;
  margin-left: 1%;
}
#charitable-foundation-map .backupstrategymenu .menu.vertical > li {
  height: 20%;
  padding-top: 2%;
  padding-bottom: 2%;
  font-size: 159%;
}
#charitable-foundation-map .nohtml5 .left {
  width: 65%;
}
#charitable-foundation-map .nohtml5 .colleaguescontainer {
  display: none;
}
#charitable-foundation-map .nohtml5 .right {
  display: none;
}
#charitable-foundation-map .nohtml5 #canvas {
  display: none;
}
@media screen and (max-width: 50em) {
  #charitable-foundation-map .pillarfeature .left {
    width: 65%;
  }
  #charitable-foundation-map .pillarfeature .colleaguescontainer {
    display: none;
  }
  #charitable-foundation-map .pillarfeature .right {
    display: none;
  }
  #charitable-foundation-map .pillarfeature #canvas {
    display: none;
  }
}
#charitable-foundation-map .colleaguescontainer {
  display: none;
}
#charitable-foundation-map .pillarcontent {
  display: none;
}
@media screen and (min-width: 45em) {
  #charitable-foundation-map .colleaguescontainer {
    display: inline;
  }
  #charitable-foundation-map .pillarcontent {
    display: inline;
  }
}
#charitable-foundation-map .pillarfeature .right {
  display: none;
}
#charitable-foundation-map .pillarfeature {
  background-color: transparent;
}
@media screen and (min-width: 45em) {
  #charitable-foundation-map .feature .right {
    display: inline;
  }
  #charitable-foundation-map .pillarfeature {
    background-color: #f0f0f0;
  }
}
#charitable-foundation-map .pillarcontent {
  height: 24em !important;
}
#charitable-foundation-map .pillarfeature {
  height: 24em !important;
}
#charitable-foundation-map .pillarfeature .feature {
  height: 24em !important;
}
@media screen and (min-width: 60em) {
  #charitable-foundation-map .pillarfeature .feature {
    height: 29em !important;
  }
  #charitable-foundation-map .pillarfeature {
    height: 29em !important;
  }
  #charitable-foundation-map .pillarcontent {
    height: 29em !important;
  }
}
#charitable-foundation-map .float-left {
  float: left;
  position: relative;
  top: 6px;
  margin-right: 20px;
}
#charitable-foundation-map .float-right {
  float: right;
  position: relative;
  top: -10px;
  margin-right: 15px;
}
#charitable-foundation-map #container {
  width: 960px;
  margin: 0 auto;
}
#charitable-foundation-map #filter {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#charitable-foundation-map #filter li,
#charitable-foundation-map #filter a {
  display: block;
  float: left;
}
#charitable-foundation-map #filter a {
  text-decoration: none;
}
#charitable-foundation-map #grid {
  clear: both;
  position: relative;
}
#charitable-foundation-map .item {
  width: 98%;
  margin: 1%;
  height: auto;
  box-sizing: border-box;
}
@media screen and (min-width: 33em) {
  #charitable-foundation-map .item {
    width: 48%;
  }
}
@media screen and (min-width: 50em) {
  #charitable-foundation-map .item {
    width: 31%;
  }
}
@media screen and (min-width: 50em) {
  #charitable-foundation-map .small-panel {
    min-height: 280px !important;
  }
}
@media screen and (min-width: 65em) {
  #charitable-foundation-map .panel {
    min-height: 370px;
    max-height: 385px;
    overflow: hidden;
  }
  #charitable-foundation-map .small-panel {
    min-height: 260px !important;
  }
}
#charitable-foundation-map .filtre {
  opacity: 0.8;
}
#charitable-foundation-map .active {
  opacity: 1;
}
#charitable-foundation-map .panelicon {
  height: 2.4em;
  width: auto;
  margin-right: 0.2em;
}
#charitable-foundation-map .categorytitle {
  font-family: aller-bold;
  color: #aaa;
  color: #888;
}
#charitable-foundation-map .articlelist .item {
  width: 100% !important;
  display: block !important;
}
#charitable-foundation-map .articlelist .shuffle {
  width: 150%;
  margin-left: -5%;
}
#charitable-foundation-map .articlelist img {
  display: none !important;
}
#charitable-foundation-map .articlelist h3 {
  letter-spacing: -0.01em !important;
  font-family: aller !important;
  font-size: 1.1rem !important;
  font-weight: bold !important;
}
#charitable-foundation-map .articlelist .categorytitle {
  display: none !important;
}
#charitable-foundation-map .articlelist .panel {
  min-height: auto !important;
  background: none !important;
  padding: 1em;
  width: 170%;
}
#charitable-foundation-map .articlelist .filtertitle {
  display: none !important;
}
#charitable-foundation-map .articlelist .br {
  display: none;
}
#charitable-foundation-map .articlelist .item {
  max-height: 2rem !important;
  background: none !important;
}
#charitable-foundation-map .articlelist .panel p {
  display: none !important;
}
#charitable-foundation-map .articlelist #filter a {
  text-decoration: none !important;
  font-size: 69% !important;
  margin: 0.5em !important;
  padding: 0.5em !important;
  font-family: aller !important;
  font-weight: bold !important;
}
#charitable-foundation-map .articlelist .item h3:before {
  content: "" !important;
  position: absolute !important;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30.1 30.1' style='enable-background:new 0 0 30.1 30.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0g%7Bfill:%23777777;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0g' d='M0,15.1c0-2.2,0.1-4.3,0.4-6.4C0.7,6.6,1,4.5,1.3,2.4c0-0.3,0.2-0.5,0.4-0.7c0.2-0.2,0.4-0.3,0.7-0.4 c2-0.5,4.1-0.8,6.2-1C10.7,0.1,12.8,0,15,0c4.3,0,8.6,0.4,12.7,1.3c0.6,0.1,1,0.5,1.1,1.1c0.4,1.8,0.7,3.8,0.9,6 c0.2,2.2,0.3,4.4,0.3,6.6c0,2.2-0.1,4.5-0.3,6.8c-0.2,2.3-0.5,4.3-0.9,6c-0.1,0.3-0.2,0.5-0.5,0.7c-0.2,0.2-0.6,0.3-1.1,0.4 c-1.6,0.4-3.5,0.7-5.6,0.9c-2.2,0.2-4.4,0.3-6.6,0.3c-1.1,0-2.2,0-3.4-0.1c-1.2-0.1-2.3-0.2-3.4-0.3C7.1,29.6,6,29.4,5,29.3 c-1-0.2-1.9-0.3-2.6-0.5c-0.3-0.1-0.5-0.2-0.7-0.3c-0.2-0.2-0.3-0.4-0.4-0.6C0.4,23.5,0,19.3,0,15.1z M26.2,3.9 c-1.8-0.4-3.7-0.6-5.5-0.8c-1.8-0.2-3.7-0.2-5.7-0.2c-1.9,0-3.8,0.1-5.6,0.2C7.5,3.2,5.7,3.5,3.9,3.9C3.5,5.7,3.3,7.5,3.1,9.4 c-0.2,1.8-0.3,3.7-0.3,5.7c0,1.9,0.1,3.8,0.3,5.7c0.2,1.9,0.5,3.7,0.8,5.5c1.8,0.3,3.7,0.6,5.5,0.7c1.8,0.2,3.7,0.2,5.6,0.2 c1.9,0,3.8-0.1,5.7-0.2c1.8-0.2,3.7-0.4,5.5-0.7c0.7-3.5,1.1-7.2,1.1-11.2C27.3,11.2,26.9,7.5,26.2,3.9z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") !important;
  background-size: 100% 100% !important;
  width: 17px !important;
  height: 17px !important;
  margin-top: 0.07em !important;
  margin-left: -1.5em !important;
}
#charitable-foundation-map .articlelist h1 {
  display: none;
}
#charitable-foundation-map .articlelist br {
  display: none;
}
#charitable-foundation-map .shuffle {
  min-height: 5em;
  overflow: hidden;
}
#charitable-foundation-map #impactlist .shuffle {
  overflow: hidden !important;
}
#charitable-foundation-map .image_container {
  position: relative;
}
#charitable-foundation-map .image_container img {
  border-radius: 100%;
  height: auto;
}
#charitable-foundation-map .feature {
  height: 30em;
  overflow: visible;
}
#charitable-foundation-map #map-canvas2 {
  width: 100%;
  height: 17em;
  overflow: hidden;
  position: relative;
}
#charitable-foundation-map .mappage {
  right: 0%;
  width: 100%;
  position: relative;
  bottom: 0;
}
#charitable-foundation-map .mappage img {
  border-radius: 0;
}
@media screen and (min-width: 40em) {
  #charitable-foundation-map .cftitle {
    margin-top: 0.2em;
  }
}
@media screen and (min-width: 40em) {
  #charitable-foundation-map .mappage {
    position: absolute;
  }
  #charitable-foundation-map #map-canvas2 {
    height: 29em !important;
    overflow: hidden;
    position: relative;
  }
}
#charitable-foundation-map .gm-style .gm-style-iw {
  top: 12px !important;
  overflow: hidden;
}
#charitable-foundation-map .gm-style {
  background: #ffffff;
  -webkit-box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
  border-top: 6px solid #62c422;
}
#charitable-foundation-map .gm-style-iw strong {
  font-family: ybs-headline;
  font-weight: normal;
  font-size: 2em;
  color: #009c41;
}
#charitable-foundation-map .map-frame {
  width: 100%;
  height: 100%;
  width: 300%;
  background-image: url("/o/ybs-theme/images/map-frame.png");
  background-size: auto 100%;
  background-repeat: no-repeat;
  z-index: 1;
  position: absolute;
  pointer-events: none;
}
#charitable-foundation-map .gm-style-iw {
  overflow: auto;
  font-size: 1em;
  line-height: 1.5em;
  margin: 0 0 1em 0;
  font-family: "Aller", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#charitable-foundation-map .hauto {
  height: auto;
}
#charitable-foundation-map .greybeast {
  background-color: #f0f0f0;
  width: 100%;
  height: auto;
  position: relative;
  border-radius: 4px;
  padding: 1.9rem;
  margin-bottom: 2rem;
}
#charitable-foundation-map h1.subtitle {
  font-size: 2.7rem;
  line-height: 0.74em;
}
#charitable-foundation-map .smalltitle {
  font-size: 2rem;
}
@media screen and (min-width: 30em) {
  #charitable-foundation-map h1.subtitle {
    font-size: 4rem;
    line-height: 0.74em;
  }
  #charitable-foundation-map .smalltitle {
    font-size: 2.3rem;
  }
}
@media only screen and (min-width: 40em) and (max-width: 50em) {
  #charitable-foundation-map .smalltitle {
    font-size: 1.8rem;
  }
}
#charitable-foundation-map .image-to-left img {
  float: left;
  width: 15em;
  padding-right: 1rem;
}
#charitable-foundation-map .image-to-right img {
  float: right;
  width: 15em;
  padding-right: 1rem;
}
#charitable-foundation-map .text-get-involved-panel {
  margin-left: 0em;
}
@media screen and (min-width: 50em) {
  #charitable-foundation-map .text-get-involved-panel {
    margin-left: 10em;
  }
}
#charitable-foundation-map .modfeat p {
  display: block;
}
#charitable-foundation-map .expanded .right {
  width: 100%;
}
@media screen and (min-width: 40em) {
  #charitable-foundation-map .expanded .right {
    width: 55%;
  }
  #charitable-foundation-map .flip.expanded .right {
    width: 42%;
  }
  #charitable-foundation-map .flip.expanded .left {
    width: 58%;
  }
  #charitable-foundation-map .flip .right {
    width: 52%;
    display: inline-block;
    float: left;
    background-color: #f0f0f0;
    padding: 0;
    margin: 0;
    height: auto;
    transition: all 0.2s ease-out;
  }
}
#charitable-foundation-map .modfeat {
  height: auto;
}
@media screen and (max-width: 40em) {
  #charitable-foundation-map .modfeat .white_filler {
    display: none;
  }
  #charitable-foundation-map .modfeat .left {
    display: none;
  }
  #charitable-foundation-map .modfeat .right {
    position: relative;
    width: 100%;
    float: none;
    padding-bottom: 1rem;
  }
  #charitable-foundation-map .modfeat .modulecontent {
    padding-top: 1.5rem;
    padding-bottom: 0rem;
    padding-left: 3rem;
  }
  #charitable-foundation-map .modfeat .modulecontent {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 65em) {
  #charitable-foundation-map .modfeat h1 {
    font-size: 4rem;
  }
}
#charitable-foundation-map .modfeat .right {
  transition: all 0.2s ease-out;
  position: relative;
  height: auto;
  display: inline-block;
}
#charitable-foundation-map .accordion {
  background: none;
  border: none;
  border-radius: 0;
  width: 100%;
  margin: 0;
}
#charitable-foundation-map .accordion-content {
  border: none;
  padding: 0;
}
#charitable-foundation-map .expanded .left {
  width: 42%;
}
#charitable-foundation-map .flip .left {
  width: 100%;
  display: inline-block;
  float: left;
  margin: 0;
  height: auto;
  transition: all 0.2s ease-out;
  position: relative;
  height: auto;
  display: inline-block;
  padding-right: 2rem;
}
#charitable-foundation-map .flip .left {
  padding-bottom: 2rem;
}
@media screen and (min-width: 40em) {
  #charitable-foundation-map .flip .left {
    width: 48%;
  }
}
@media screen and (max-width: 40em) {
  #charitable-foundation-map .modfeat.flip .right {
    display: none;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
#charitable-foundation-map .fadeIn {
  -webkit-animation: fadeIn;
  animation: fadeIn;
  opacity: 1;
}
#charitable-foundation-map .fadeOut {
  -webkit-animation: fadeOut;
  animation: fadeOut;
  opacity: 0;
}
#charitable-foundation-map .fast {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
#charitable-foundation-map .imageframe {
  border-radius: 0.2em;
  border: solid 2px #eee;
  margin-bottom: 1.9rem;
}
#charitable-foundation-map .footer {
  margin-bottom: -1.6em;
}
#charitable-foundation-map .homeicon {
  padding-left: 0.5em;
  width: 30px;
}
#charitable-foundation-map .homeicon img {
  width: 30px;
  float: right;
}
@media screen and (max-width: 366px) {
  #charitable-foundation-map .homeicon {
    display: none;
  }
}
#charitable-foundation-map .headlinesub {
  display: block;
}
#charitable-foundation-map .headline_anim_right {
  width: 95%;
  height: auto;
  overflow: visible;
  position: absolute;
  top: -10%;
  right: 3%;
  display: none;
}
#charitable-foundation-map .headline_anim_right img {
  width: 27%;
  position: absolute;
  z-index: 5;
  margin-top: 2.8%;
  margin-left: 70.5%;
}
#charitable-foundation-map .headline_anim_left img {
  width: 24%;
  position: absolute;
  z-index: 5;
  margin-top: 5.6%;
  margin-left: 2.9%;
}
#charitable-foundation-map .headline_anim_left {
  width: 88%;
  height: auto;
  overflow: visible;
  position: absolute;
  top: 0%;
  left: 3%;
  display: none;
}
#charitable-foundation-map #slider {
  margin-top: 1.2rem;
  width: 100%;
  padding-bottom: 45%;
  position: relative;
}
#charitable-foundation-map .slide {
  position: absolute;
  width: 100%;
  height: 100%;
}
#charitable-foundation-map #prev,
#charitable-foundation-map #next {
  cursor: pointer;
  z-index: 100;
  background: none;
  height: 50px;
  width: 36px;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  top: 38%;
}
#charitable-foundation-map #next {
  float: right;
  right: 5px;
}
#charitable-foundation-map #prev {
  float: left;
  left: 5px;
}
#charitable-foundation-map .arrow-right {
  width: 2em;
  height: 2.3em;
  position: relative;
  background-image: url(../img/arrow-right.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#charitable-foundation-map .arrow-left {
  width: 2em;
  height: 2.3em;
  position: relative;
  background-image: url(../img/arrow-left.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#charitable-foundation-map #slide-container {
  position: relative;
  margin-bottom: 1.7rem;
  height: 16.5em;
  width: 108%;
  margin: 0px -4%;
  margin-top: -1%;
}
#charitable-foundation-map .featured {
  background-blend-mode: multiply;
  mix-blend-mode: multiply;
  width: 75%;
  margin: 0 auto;
}
@media only screen and (min-width: 666px) {
  #charitable-foundation-map .featured {
    height: 20em;
    width: 70%;
    margin: 0 auto;
  }
  #charitable-foundation-map .headline_anim_right {
    display: none !important;
  }
  #charitable-foundation-map .headline_anim_left {
    display: none !important;
  }
  #charitable-foundation-map #slide-container {
    height: 20em;
  }
  #charitable-foundation-map #next {
    float: right;
    right: 30px;
  }
  #charitable-foundation-map #prev {
    float: left;
    left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1020px) {
  #charitable-foundation-map .headline_anim_right {
    display: none !important;
  }
  #charitable-foundation-map .headline_anim_left {
    display: none !important;
  }
  #charitable-foundation-map .sidebar {
    width: 45%;
    float: right;
  }
  #charitable-foundation-map #slide-container {
    height: 15.5em;
  }
  #charitable-foundation-map #next {
    float: right;
    right: 30px;
  }
  #charitable-foundation-map #prev {
    float: left;
    left: 30px;
  }
}
@media only screen and (max-width: 1020px) {
  #charitable-foundation-map .eyh-logo-head {
    display: none;
    width: 23%;
    float: right;
    margin-right: 40%;
  }
}
@media only screen and (min-width: 1020px) {
  #charitable-foundation-map .eyh-logo-head {
    display: block;
    width: 23%;
    float: right;
    margin-right: 40%;
  }
  #charitable-foundation-map .headlinesub {
    display: block;
  }
  #charitable-foundation-map #prev,
  #charitable-foundation-map #next {
    top: 197px;
  }
  #charitable-foundation-map #slide-container {
    height: 32em;
  }
  #charitable-foundation-map .headline_anim_right {
    display: inline-block !important;
  }
  #charitable-foundation-map .headline_anim_left {
    display: inline-block !important;
  }
  #charitable-foundation-map .featured {
    color: white;
    width: 45%;
  }
  #charitable-foundation-map .featured h1,
  #charitable-foundation-map .featured h4 {
    color: white;
  }
  #charitable-foundation-map .featured h1 {
    font-size: 3.2rem;
  }
  #charitable-foundation-map .featured .button {
    color: rgb(72, 196, 218);
    background-color: white;
  }
  #charitable-foundation-map .feature-paragraph {
    width: 40%;
  }
  #charitable-foundation-map .featured {
    height: auto;
    padding-bottom: 0em;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("../img/blue-headline-squircle.png");
    background-size: 100% 100%;
    padding: 3rem;
  }
  #charitable-foundation-map .orange-hl {
    background-image: url("../img/orange-headline-squircle.png") !important;
  }
  #charitable-foundation-map .red-hl {
    background-image: url("../img/red-headline-squircle.png") !important;
  }
  #charitable-foundation-map .green-hl {
    background-image: url("../img/green-headline-squircle.png") !important;
  }
}
#charitable-foundation-map .headlinecontent {
  width: 39%;
  position: absolute;
  top: 12%;
  margin: 0 auto;
  left: 31%;
  height: 74%;
  z-index: 5;
  color: white !important;
}
#charitable-foundation-map .headlinecontent h1,
#charitable-foundation-map .headlinecontent h2,
#charitable-foundation-map .headlinecontent h3,
#charitable-foundation-map .headlinecontent h4,
#charitable-foundation-map .headlinecontent h5,
#charitable-foundation-map .headlinecontent h6,
#charitable-foundation-map .headlinecontent h7,
#charitable-foundation-map .headlinecontent p {
  color: white;
}
#charitable-foundation-map .blah {
  transform: scale(1);
}
#charitable-foundation-map .headline_anim_container {
  position: relative;
  width: 95%;
  margin: 0 auto;
}
#charitable-foundation-map .image_left {
  display: none;
}
#charitable-foundation-map .image_right {
  display: none;
}
#charitable-foundation-map .headlinecontent .button {
  background-color: white;
  color: rgb(72, 196, 218);
  font-family: aller-bold;
}
#charitable-foundation-map .headline_anim_container .sq-purple {
  -moz-transform-origin: 92% 95%;
}
#charitable-foundation-map .headline_anim_container .sq-orange {
  -moz-transform-origin: 12% 6%;
}
#charitable-foundation-map .headline_anim_container .sq-pink {
  -moz-transform-origin: 0% 90%;
}
#charitable-foundation-map .headline_anim_container .sq-green {
  -moz-transform-origin: 91% 5%;
}
@media only screen and (min-width: 1040px) {
  #charitable-foundation-map .featured h1 {
    font-size: 4.5rem;
  }
  #charitable-foundation-map #slide-container {
    width: 100%;
    margin: 0px auto;
  }
}
@media only screen and (min-width: 1100px) {
  #charitable-foundation-map .featured h1 {
    font-size: 5.5rem;
  }
  #charitable-foundation-map #slide-container {
    width: 108%;
    margin: 0px -4%;
  }
}
#charitable-foundation-map .h1img {
  display: none;
}
@media only screen and (min-width: 1020px) {
  #charitable-foundation-map .h1img {
    display: block;
  }
}
#charitable-foundation-map .h1noimg {
  display: block;
}
@media only screen and (min-width: 1020px) {
  #charitable-foundation-map .h1noimg {
    display: none;
  }
}
@media screen and (max-width: 30em) {
  #charitable-foundation-map html,
  #charitable-foundation-map body,
  #charitable-foundation-map svg {
    -webkit-backface-visibility: hidden;
  }
  #charitable-foundation-map .squircle {
    outline: 1px solid transparent;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
    background-color: transparent;
  }
}
@media screen\0  {
  #charitable-foundation-map #slide-container .squircle {
    display: none;
  }
}
#charitable-foundation-map #impactlist .stories input {
  display: none;
}

.ybs .commercial-mortgage-finder {
  margin-bottom: 1em;
}
.ybs .commercial-mortgage-finder .btn.btn-primary {
  border-color: transparent;
  background-color: var(--button-cta-bg);
  color: var(--button-cta-text);
}
.ybs .commercial-mortgage-finder .btn.btn-primary:hover {
  background-color: var(--button-cta-hover-bg);
  color: var(--button-cta-hover-text);
}
.ybs .commercial-mortgage-finder .btn.btn-secondary {
  color: var(--color-primary);
  background-color: transparent;
  border-color: var(--button-border);
}
.ybs .commercial-mortgage-finder .btn.btn-secondary:hover {
  border-color: var(--button-primary-hover-text);
  color: var(--button-primary-hover-text);
}
.ybs .commercial-mortgage-finder .btn.btn-navy {
  background-color: var(--color-grey-900);
  color: var(--color-grey-50);
  border: transparent;
}
.ybs .commercial-mortgage-finder .btn.btn-navy-outline {
  background-color: transparent;
  color: var(--color-grey-900);
  border: solid 2px var(--color-grey-900);
}
.ybs .commercial-mortgage-finder .box {
  box-shadow: none;
}
.ybs .commercial-mortgage-finder .box.box-6 {
  background-color: var(--color-grey-50);
  border: 3px solid var(--color-secondary);
}
.ybs .commercial-mortgage-finder .stackable-container {
  display: flex;
}
.ybs .commercial-mortgage-finder .action-bar {
  background-color: var(--color-grey-50);
  padding: 0.3em;
}
.ybs .commercial-mortgage-finder .action-bar .content {
  max-width: 1248px;
  margin: auto;
}
.ybs .commercial-mortgage-finder .action-bar .content > div {
  margin: 0.5em;
}
.ybs .commercial-mortgage-finder .action-bar .stackable-container {
  align-items: center;
  justify-content: space-between;
}
.ybs .commercial-mortgage-finder .action-bar .big-icon {
  font-size: 2em;
}
.ybs .commercial-mortgage-finder .action-bar .dark-link {
  color: unset;
  text-decoration: underline;
}
.ybs .commercial-mortgage-finder .action-bar .action-option {
  color: var(--color-primary);
}
.ybs .commercial-mortgage-finder .action-bar .action-option button,
.ybs .commercial-mortgage-finder .action-bar .action-option a {
  font-size: 1.2em;
  font-weight: bold;
  padding: 0;
  margin: 0;
  min-width: unset;
  text-decoration: none;
}
.ybs .commercial-mortgage-finder .action-bar .action-option button:hover,
.ybs .commercial-mortgage-finder .action-bar .action-option a:hover {
  text-decoration: none;
  color: var(--color-primary-hover);
}
.ybs .commercial-mortgage-finder .action-bar .action-option svg {
  margin-right: 0.3em;
}
.ybs .commercial-mortgage-finder .search-bar {
  background-color: var(--color-grey-900);
  padding: 2em;
}
.ybs .commercial-mortgage-finder .search-bar select {
  margin: 0.1em;
  border: 0.5em solid transparent;
  border-radius: 0.2em;
}
.ybs .commercial-mortgage-finder .search-bar .content {
  max-width: 1248px;
  margin: auto;
}
.ybs .commercial-mortgage-finder .search-bar .content label {
  color: var(--color-grey-50);
}
.ybs .commercial-mortgage-finder .search-bar .content div {
  display: flex;
  flex-direction: column;
  margin: 0.5em;
}
.ybs .commercial-mortgage-finder .search-bar .content div.select-parent-0, .ybs .commercial-mortgage-finder .search-bar .content div.select-parent-1 {
  min-width: 15em;
}
.ybs .commercial-mortgage-finder .search-bar .content button {
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  margin: 0.5em;
}
.ybs .commercial-mortgage-finder .search-bar .content div:first-child,
.ybs .commercial-mortgage-finder .search-bar .content button:first-child {
  margin-left: 0;
}
.ybs .commercial-mortgage-finder .search-bar .content div:last-child,
.ybs .commercial-mortgage-finder .search-bar .content button:last-child {
  margin-right: 0;
}
.ybs .commercial-mortgage-finder .search-bar .stackable-container {
  align-items: end;
}
.ybs .commercial-mortgage-finder .filters-sidebar {
  width: 14em;
  flex-shrink: 0;
  margin-right: 1em;
}
.ybs .commercial-mortgage-finder .filters-sidebar .close-btn {
  color: var(--color-red-700);
  font-size: 1.3em;
  margin-right: 0.5em;
  border: none;
}
.ybs .commercial-mortgage-finder .filters-sidebar h2 {
  font-size: 1.5em;
}
.ybs .commercial-mortgage-finder .filters-sidebar h3 {
  font-size: 1.2em;
}
.ybs .commercial-mortgage-finder .main-container {
  max-width: 1248px;
  margin: auto;
  margin-top: 3em;
}
.ybs .commercial-mortgage-finder .results-container {
  flex-grow: 1;
}
.ybs .commercial-mortgage-finder .details-row {
  width: 33.3%;
  padding: 1em;
}
.ybs .commercial-mortgage-finder .details-row:not(:last-child) {
  border-right: solid 1px var(--color-grey-500);
}
.ybs .commercial-mortgage-finder .printable-tables,
.ybs .commercial-mortgage-finder .print-view {
  max-width: 1248px;
  margin: auto;
}
@media (max-width: 769px) {
  .ybs .commercial-mortgage-finder .stackable-container {
    flex-direction: column;
  }
  .ybs .commercial-mortgage-finder .search-bar {
    padding: 0.5em;
  }
  .ybs .commercial-mortgage-finder .search-bar .content div:first-child,
  .ybs .commercial-mortgage-finder .search-bar .content button:first-child {
    margin-left: 0.5em;
  }
  .ybs .commercial-mortgage-finder .search-bar .content div:last-child,
  .ybs .commercial-mortgage-finder .search-bar .content button:last-child {
    margin-right: 0.5em;
  }
  .ybs .commercial-mortgage-finder .search-bar .content.stackable-container {
    align-items: stretch;
    margin: 0.5em;
  }
  .ybs .commercial-mortgage-finder .action-bar .stackable-container {
    align-items: start;
  }
  .ybs .commercial-mortgage-finder .filters-sidebar {
    width: unset;
  }
  .ybs .commercial-mortgage-finder .main-container {
    margin-top: 1em;
  }
  .ybs .commercial-mortgage-finder .results-container {
    margin: 0.5em;
  }
  .ybs .commercial-mortgage-finder .details-row {
    width: 100%;
  }
  .ybs .commercial-mortgage-finder .details-row:not(:last-child) {
    border-right: none;
    border-bottom: solid 1px var(--color-grey-500);
  }
}
.ybs .commercial-mortgage-finder .mortgage-count {
  color: var(--black);
}
.ybs .commercial-mortgage-finder table {
  border: unset;
}
.ybs .commercial-mortgage-finder table thead th {
  background-color: var(--color-grey-900);
  color: var(--color-grey-50);
  padding: 0.5em;
}
.ybs .commercial-mortgage-finder table thead th.column-6 {
  min-width: 9em;
}
.ybs .commercial-mortgage-finder table thead th button {
  color: var(--color-grey-50);
}
.ybs .commercial-mortgage-finder table thead th button .fa-arrows-up-down {
  color: var(--color-grey-600);
}
.ybs .commercial-mortgage-finder table thead th:not(:last-child) {
  border-right: solid 1px var(--color-grey-50);
}
.ybs .commercial-mortgage-finder table tbody {
  background-color: transparent;
}
.ybs .commercial-mortgage-finder table tbody tr:nth-child(even) {
  background-color: var(--color-grey-300);
}
.ybs .commercial-mortgage-finder table tbody tr:nth-child(odd) {
  background-color: var(--color-grey-50);
}
.ybs .commercial-mortgage-finder table tbody tr:last-child {
  border-bottom: 1px solid var(--color-grey-500);
}
.ybs .commercial-mortgage-finder table tbody tr td {
  border-top: none;
  border-bottom: none;
}
.ybs .commercial-mortgage-finder table tbody tr td.row-incentives ul li {
  font-size: unset;
  padding-left: 1em;
}
.ybs .commercial-mortgage-finder table tbody tr td.row-incentives ul li:before {
  width: 0.5em;
  height: 0.5em;
}
@media screen and (max-width: 63.6375em) {
  .ybs .commercial-mortgage-finder table tbody tr {
    margin-bottom: 1em;
  }
  .ybs .commercial-mortgage-finder table tbody tr td {
    position: relative;
    background-color: var(--color-grey-50);
  }
  .ybs .commercial-mortgage-finder table tbody tr td:not(:first-child) {
    border-top: solid 2px var(--color-grey-500);
  }
  .ybs .commercial-mortgage-finder table tbody tr td[data-title] {
    padding-left: 35%;
  }
  .ybs .commercial-mortgage-finder table tbody tr td[data-title]:before {
    content: attr(data-title);
    background-color: var(--color-grey-900);
    color: var(--color-grey-50);
    font-family: var(--font-family-bold);
    width: 30%;
    position: absolute;
    display: flex;
    align-items: center;
    padding: 0.5em 1em;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    line-height: 1.3rem;
    font-size: 1rem;
  }
}
.ybs .commercial-mortgage-finder .product-card.box .box__content {
  box-shadow: none;
}
.ybs .commercial-mortgage-finder .product-card.box .box__content .data-label {
  min-width: 50%;
}
.ybs .commercial-mortgage-finder .product-card.box.print-view .box__content .data-label {
  min-width: 30%;
}
.ybs .commercial-mortgage-finder .printable-products table thead th.column-0, .ybs .commercial-mortgage-finder .printable-products table thead th.column-1, .ybs .commercial-mortgage-finder .printable-products table thead th.column-6 {
  width: 20%;
}
.ybs .commercial-mortgage-finder .printable-products table thead th.column-2, .ybs .commercial-mortgage-finder .printable-products table thead th.column-3, .ybs .commercial-mortgage-finder .printable-products table thead th.column-4, .ybs .commercial-mortgage-finder .printable-products table thead th.column-5 {
  width: 10%;
}
.ybs .commercial-mortgage-finder .hide-on-desktop {
  display: none;
}
@media screen and (max-width: 768px) {
  .ybs .commercial-mortgage-finder .hide-on-mobile {
    display: none;
  }
  .ybs .commercial-mortgage-finder .hide-on-desktop {
    display: block;
  }
}
@media print {
  .ybs .commercial-mortgage-finder button,
  .ybs .commercial-mortgage-finder a {
    display: none;
  }
  .ybs .commercial-mortgage-finder ul li {
    padding-left: 0 !important;
  }
  .ybs .commercial-mortgage-finder ul li:before {
    display: none !important;
  }
}

.ybs #deposit-calculator {
  /* Offset direction
  */
  /* Give origins 0 height/width so they don't interfere with clicking the
  * connect elements.
  */
  /* Slider size and handle placement;
  */
  /* Styling;
  * Giving the connect element a border radius causes issues with using transform: scale
  */
  /* Handles and cursors;
  */
  /* Handle stripes;
  */
  /* Disabled state;
  */
  /* Base;
  *
  */
  /* Values;
  *
  */
  /* Markings;
  *
  */
  /* Horizontal layout;
  *
  */
  /* Vertical layout;
  *
  */
}
.ybs #deposit-calculator .fa-li svg {
  width: 4rem;
  font-size: 1.5rem;
  color: var(--color-secondary);
}
.ybs #deposit-calculator .box {
  padding: 1.7em;
}
.ybs #deposit-calculator .box.medium-box-image-top {
  overflow: hidden;
  padding: 0;
}
.ybs #deposit-calculator .accordion-faq {
  float: left;
  font-size: 1em;
  border-radius: 0.3em;
  display: block;
  width: 100%;
}
.ybs #deposit-calculator .accordion-faq.box {
  padding: 1.7em;
}
.ybs #deposit-calculator .faq {
  float: left;
  display: block;
  width: 100%;
  height: auto;
  list-style: none;
  margin: 0;
  margin-bottom: 0.75em;
  padding: 0;
  background-color: var(--color-grey-50);
  font-size: 1em;
  border-radius: 0.3em;
  overflow: hidden;
  box-shadow: var(--box-shadow);
}
.ybs #deposit-calculator .question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.25em;
  line-height: 1.3em;
  font-family: var(--font-family-bold);
  letter-spacing: -0.02em;
  padding: 0.7em;
  margin-bottom: 0em;
  cursor: pointer;
  position: relative;
  z-index: 2;
  background: var(--color-grey-50);
  color: var(--color-primary);
  padding-right: 1rem;
  border: none;
  width: 100%;
}
.ybs #deposit-calculator .close .answer {
  height: 0px;
  transition: height 1s ease-out;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  float: left;
  display: block;
}
.ybs #deposit-calculator .close .question svg {
  transform: rotate(-90deg);
}
.ybs #deposit-calculator .open .answer {
  padding: 1em;
  display: block;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: top;
  transform-origin: top;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  box-sizing: border-box;
}
.ybs #deposit-calculator .open .question {
  margin: 0;
}
.ybs #deposit-calculator .noUi-target,
.ybs #deposit-calculator .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ybs #deposit-calculator .noUi-target {
  position: relative;
}
.ybs #deposit-calculator .noUi-base,
.ybs #deposit-calculator .noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.ybs #deposit-calculator .noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.ybs #deposit-calculator .noUi-connect,
.ybs #deposit-calculator .noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
.ybs #deposit-calculator .noUi-connect {
  height: 100%;
  width: 100%;
}
.ybs #deposit-calculator .noUi-origin {
  height: 10%;
  width: 10%;
}
.ybs #deposit-calculator .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
.ybs #deposit-calculator .noUi-vertical .noUi-origin {
  width: 0;
}
.ybs #deposit-calculator .noUi-horizontal .noUi-origin {
  height: 0;
}
.ybs #deposit-calculator .noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.ybs #deposit-calculator .noUi-touch-area {
  height: 100%;
  width: 100%;
}
.ybs #deposit-calculator .noUi-state-tap .noUi-connect,
.ybs #deposit-calculator .noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.ybs #deposit-calculator .noUi-state-drag * {
  cursor: inherit !important;
}
.ybs #deposit-calculator .noUi-horizontal {
  height: 18px;
}
.ybs #deposit-calculator .noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}
.ybs #deposit-calculator .noUi-vertical {
  width: 18px;
}
.ybs #deposit-calculator .noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  top: -17px;
}
.ybs #deposit-calculator .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
.ybs #deposit-calculator .noUi-target {
  background: var(--box2-bg);
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px var(--fieldset-border);
}
.ybs #deposit-calculator .noUi-connects {
  border-radius: 3px;
}
.ybs #deposit-calculator .noUi-connect {
  background: #3fb8af;
}
.ybs #deposit-calculator .noUi-draggable {
  cursor: ew-resize;
}
.ybs #deposit-calculator .noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.ybs #deposit-calculator .noUi-handle {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: var(--color-grey-50);
  cursor: default;
  box-shadow: inset 0 0 1px var(--color-grey-50), inset 0 1px 7px #ebebeb, 0 3px 6px -3px var(--fieldset-border);
}
.ybs #deposit-calculator .noUi-active {
  box-shadow: inset 0 0 1px var(--color-grey-50), inset 0 1px 7px #ddd, 0 3px 6px -3px var(--fieldset-border);
}
.ybs #deposit-calculator .noUi-handle:before,
.ybs #deposit-calculator .noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #e8e7e6;
  left: 14px;
  top: 6px;
}
.ybs #deposit-calculator .noUi-handle:after {
  left: 17px;
}
.ybs #deposit-calculator .noUi-vertical .noUi-handle:before,
.ybs #deposit-calculator .noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.ybs #deposit-calculator .noUi-vertical .noUi-handle:after {
  top: 17px;
}
.ybs #deposit-calculator [disabled] .noUi-connect {
  background: #b8b8b8;
}
.ybs #deposit-calculator [disabled].noUi-target,
.ybs #deposit-calculator [disabled].noUi-handle,
.ybs #deposit-calculator [disabled] .noUi-handle {
  cursor: not-allowed;
}
.ybs #deposit-calculator .noUi-pips,
.ybs #deposit-calculator .noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ybs #deposit-calculator .noUi-pips {
  position: absolute;
  color: var(--color-grey-600);
}
.ybs #deposit-calculator .noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.ybs #deposit-calculator .noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
.ybs #deposit-calculator .noUi-marker {
  position: absolute;
  background: #ccc;
}
.ybs #deposit-calculator .noUi-marker-sub {
  background: #aaa;
}
.ybs #deposit-calculator .noUi-marker-large {
  background: #aaa;
}
.ybs #deposit-calculator .noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.ybs #deposit-calculator .noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.ybs #deposit-calculator .noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.ybs #deposit-calculator .noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.ybs #deposit-calculator .noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.ybs #deposit-calculator .noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
.ybs #deposit-calculator .noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.ybs #deposit-calculator .noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}
.ybs #deposit-calculator .noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.ybs #deposit-calculator .noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.ybs #deposit-calculator .noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.ybs #deposit-calculator .noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.ybs #deposit-calculator .noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: var(--color-grey-50);
  color: var(--color-grey-1000);
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.ybs #deposit-calculator .noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.ybs #deposit-calculator .noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.ybs #deposit-calculator .noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}
.ybs #deposit-calculator .noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}
@media screen and (min-width: 90em) {
  .ybs #deposit-calculator label {
    font-size: 104.333%;
    line-height: 1.7em;
  }
}
@media screen and (min-width: 64em) {
  .ybs #deposit-calculator label {
    font-size: 100%;
    line-height: 1.75em;
  }
}
.ybs #deposit-calculator .custom-icon {
  background-color: #f2f2f2;
  line-height: 0;
  color: #615d6e;
  font-size: 24px;
  padding: 0;
  min-width: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 44px;
  font-family: var(--font-family-headline);
  max-width: 44px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.ybs #deposit-calculator .box h2 {
  font-family: var(--font-family-headline);
  font-size: 42px;
  color: var(--color-primary);
  letter-spacing: 0.05px;
  text-align: center;
  line-height: 34px;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator .box h2 {
    font-size: 30px;
    color: var(--color-primary);
    text-align: center;
    line-height: 30px;
    margin-bottom: 0;
    max-width: 71%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 375px) {
  .ybs #deposit-calculator .box h2 {
    max-width: 100%;
  }
}
.ybs #deposit-calculator .background img {
  -o-object-fit: cover;
  z-index: 0;
  height: 110%;
  max-width: none;
  width: auto;
  min-width: 100%;
  object-fit: cover;
  max-width: 109%;
}
.ybs #deposit-calculator #current-houseprice {
  display: none;
}
.ybs #deposit-calculator #current-houseprice p {
  margin-bottom: 20px;
}
.ybs #deposit-calculator #current-houseprice p:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator #current-houseprice p {
    max-width: 235px;
    font-size: 13px;
    color: var(--text-grey);
    line-height: 22px;
  }
}
.ybs #deposit-calculator #current-houseprice strong {
  max-width: 420px;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator #current-houseprice strong {
    font-size: 13px;
    color: var(--text-grey);
    letter-spacing: 0.02px;
    line-height: 22px;
  }
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator #current-houseprice {
    font-size: 20px;
    margin-bottom: 13px;
  }
}
.ybs #deposit-calculator .bumper-row {
  margin-top: 40px;
}
.ybs #deposit-calculator .hidden-slider {
  display: none !important;
}
@media screen and (max-width: 1023px) {
  .ybs #deposit-calculator .deposit-container-aligned, .ybs #deposit-calculator .gift-container-aligned {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 17px;
  }
}
.ybs #deposit-calculator .deposit-container-aligned .custom-range, .ybs #deposit-calculator .gift-container-aligned .custom-range {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 75% !important;
  flex: 0 0 75% !important;
  margin-right: 1rem;
}
@media screen and (max-width: 1023px) {
  .ybs #deposit-calculator .deposit-container-aligned .custom-range, .ybs #deposit-calculator .gift-container-aligned .custom-range {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    margin-bottom: 30px;
  }
}
.ybs #deposit-calculator #formone .fa-ul {
  margin-top: 2rem;
  margin-left: 0.5rem;
}
.ybs #deposit-calculator #current-location-houseprice {
  font-weight: bold;
  font-size: 1.875em;
  color: var(--color-primary);
  line-height: 33.75px;
  margin-bottom: 24px;
  display: block;
}
.ybs #deposit-calculator .autocomplete {
  position: relative;
  display: inline-block;
}
.ybs #deposit-calculator .autocomplete-items {
  position: absolute;
  z-index: 99;
  top: 45px;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 2px 0 0 #d9d9d9;
  box-shadow: 0 2px 0 0 #d9d9d9;
  border-radius: 0 0 4px 4px;
  border: 2px solid #d9d9d9;
  border-top: 0;
  background-color: var(--color-grey-50);
  max-height: 238px;
  overflow: scroll;
}
.ybs #deposit-calculator .autocomplete-items li, .ybs #deposit-calculator .autocomplete-items div {
  padding: 10px;
  background-color: var(--color-grey-50);
  font-size: 16px;
  color: var(--color-grey-900);
  letter-spacing: 0.02px;
  line-height: 32px;
}
.ybs #deposit-calculator .autocomplete-items li {
  cursor: pointer;
}
.ybs #deposit-calculator .autocomplete-items li:hover {
  background-color: var(--fieldset-disabled-bg);
}
.ybs #deposit-calculator .autocomplete-items li.autocomplete-active {
  background-color: var(--fieldset-disabled-bg);
}
.ybs #deposit-calculator .autocomplete-active {
  color: var(--color-grey-50);
  background: var(--color-grey-50);
}
.ybs #deposit-calculator .gauge-container {
  display: block;
  position: relative;
}
.ybs #deposit-calculator .gauge-container > .gauge .dial {
  stroke: #345;
  stroke-width: 5;
  fill: transparent;
  stroke: #d9d9d9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator .gauge-container > .gauge .dial {
    stroke-width: 8;
  }
}
.ybs #deposit-calculator .gauge-container > .gauge .value {
  stroke: var(--color-secondary);
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator .gauge-container > .gauge .value {
    stroke-width: 8;
  }
}
.ybs #deposit-calculator .gauge-container > .gauge .value-text {
  fill: var(--color-primary);
  font-weight: bold;
  font-family: inherit;
  letter-spacing: -1px;
  font-size: 100%;
  text-align: center;
  line-height: 29.75px;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator .gauge-container > .gauge .value-text {
    font-size: 156%;
  }
}
.ybs #deposit-calculator .form-control sup {
  cursor: pointer;
}
.ybs #deposit-calculator .form-control sup path {
  fill: var(--color-primary);
}
.ybs #deposit-calculator .noUi-base {
  background: #d9d9d9;
}
.ybs #deposit-calculator .noUi-connect {
  background: var(--color-primary);
}
.ybs #deposit-calculator .noUi-horizontal {
  height: 8px;
}
.ybs #deposit-calculator .noUi-horizontal .noUi-handle {
  background: var(--color-grey-50);
  border: 2px solid #95939e;
  -webkit-box-shadow: 0 2px 0 0 #95939e;
  box-shadow: 0 2px 0 0 #95939e;
  border-radius: 6px;
  width: 22px;
  height: 22px;
  top: -9px;
}
.ybs #deposit-calculator .noUi-horizontal .noUi-handle:after, .ybs #deposit-calculator .noUi-horizontal .noUi-handle:before {
  content: unset;
}
.ybs #deposit-calculator .range-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ybs #deposit-calculator .range-container--extra-b {
  margin-bottom: 42px;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator .range-container--extra-b {
    margin-bottom: 20px;
  }
}
.ybs #deposit-calculator .range-container .custom-range {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90%;
  flex: 0 0 90%;
}
.ybs #deposit-calculator input::-webkit-inner-spin-button, .ybs #deposit-calculator input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ybs #deposit-calculator input[type=number] {
  -moz-appearance: textfield;
}
.ybs #deposit-calculator #house {
  position: absolute;
  z-index: 9999;
  bottom: 90px;
  left: 90px;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator #house img {
    width: 38px;
    height: 38px;
  }
}
.ybs #deposit-calculator #gauge {
  position: absolute;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  top: 125px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator #gauge {
    top: 60px;
    max-width: 339px;
    min-width: unset;
  }
}
.ybs #deposit-calculator #ghostGauge {
  position: absolute;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  top: 125px;
  left: 0;
  right: 0;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator #ghostGauge {
    top: 60px;
    max-width: 339px;
    min-width: unset;
  }
}
@media (-ms-high-contrast: none) {
  .ybs #deposit-calculator #gauge {
    position: relative;
    top: 0;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
  }
  .ybs #deposit-calculator #gauge svg {
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
  }
  .ybs #deposit-calculator #ghostGauge {
    padding-bottom: 100%;
    height: 0;
    width: 100%;
  }
  .ybs #deposit-calculator #ghostGauge svg {
    width: 98%;
    position: absolute;
    height: 100%;
    left: 0;
    top: -20px;
    margin: 0 auto;
  }
}
.ybs #deposit-calculator .gauge-holder {
  max-height: 440px;
  height: 100vw;
  margin-bottom: 1vw;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator .gauge-holder {
    height: 310px;
  }
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator .gauge-meta {
    margin-left: 12px;
    margin-right: 12px;
    position: relative;
    padding-top: 14.5px;
    border-top: 1px solid #d9d9d9;
  }
  .ybs #deposit-calculator .gauge-meta:after {
    position: absolute;
    content: "";
    border-right: 1px solid #d9d9d9;
    left: 0;
    right: 0;
    top: 0;
    width: 50%;
    height: calc(100% + 14.5px);
  }
}
.ybs #deposit-calculator #readytogo {
  font-weight: bold;
  font-size: 1.875em;
  color: var(--color-primary);
  letter-spacing: -0.75px;
  text-align: center;
  line-height: 46px;
  margin-bottom: 11.5px;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator #readytogo {
    font-size: 20px;
    color: var(--color-primary);
    text-align: center;
    line-height: 33.75px;
    margin-bottom: 0;
  }
}
.ybs #deposit-calculator #readytogo .one-line {
  display: block;
}
.ybs #deposit-calculator #readytogo .amper {
  font-size: 20px;
  letter-spacing: -0.425px;
  color: var(--text-grey);
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator #readytogo .amper {
    font-size: 13px;
  }
}
.ybs #deposit-calculator #futuredate, .ybs #deposit-calculator #monthlysavingresult {
  display: block;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator #futuredate {
    display: none;
  }
}
.ybs #deposit-calculator .gauge-meta h3 {
  color: var(--text-grey);
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator .gauge-meta h3 {
    font-size: 13px;
    color: var(--text-grey);
    letter-spacing: 0.02px;
    text-align: center;
    line-height: 24px;
    margin-bottom: 9px;
  }
}
.ybs #deposit-calculator #monthlysavingresult {
  font-weight: bold;
  font-size: 1.875em;
  color: var(--color-primary);
  text-align: center;
  line-height: 33.75px;
  margin-bottom: 11.5px;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator #monthlysavingresult {
    font-size: 20px;
    color: var(--color-primary);
    text-align: center;
    line-height: 33.75px;
    margin-bottom: 0;
  }
}
.ybs #deposit-calculator .icon-input-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator .icon-input-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.ybs #deposit-calculator .range-text-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ybs #deposit-calculator .range-text-wrapper .text-container {
  margin-bottom: 25px;
  display: block;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator .range-text-wrapper .text-container {
    font-size: 13px;
    margin-bottom: 20px;
  }
}
.ybs #deposit-calculator .icon-round {
  display: block;
  position: relative;
  z-index: 5;
  max-width: 4.4em;
  max-height: 4.4em;
  color: var(--color-primary);
  text-align: center;
  line-height: 4.4em;
  background-image: url("/o/ybs-theme/images/icons/icon-holder.png");
  background-size: 100% auto;
  margin-right: 34px;
  max-width: 75px;
  max-height: 75px;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator .icon-round {
    margin-right: 15px;
  }
}
.ybs #deposit-calculator .icon-round svg {
  height: 75px;
  width: 50%;
  margin: 0 auto;
  vertical-align: middle;
  min-height: 100%;
}
.ybs #deposit-calculator .icon-round svg path {
  fill: var(--color-secondary);
}
.ybs #deposit-calculator .amount-js {
  font-weight: bold;
  font-size: 1.875em;
  color: var(--color-primary);
  letter-spacing: -0.75px;
  line-height: 29.75px;
  text-transform: none;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator .amount-js {
    font-size: 20px;
    display: block;
    margin-top: 7px;
    line-height: 100%;
    margin-left: 0;
  }
}
.ybs #deposit-calculator #depositof-text-alt {
  margin-left: 10px;
  font-weight: bold;
  font-size: 1.25em;
  color: var(--text-grey);
  letter-spacing: 0.03px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator #depositof-text-alt {
    font-size: 13px;
    color: var(--text-grey);
    letter-spacing: 0.02px;
    line-height: 18px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-top: 7px;
    display: block;
  }
}
.ybs #deposit-calculator #time-text-clean {
  margin-top: 20px;
  display: block;
  font-weight: bold;
  font-size: 1.25em;
  color: var(--text-grey);
  letter-spacing: 0.03px;
  line-height: 28px;
}
.ybs #deposit-calculator #results, .ybs #deposit-calculator #results-gauge {
  display: none;
}
.ybs #deposit-calculator #results {
  display: block;
}
.ybs #deposit-calculator #results h2 {
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .ybs #deposit-calculator #results h2 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .ybs #deposit-calculator #results-gauge .box {
    margin-top: -145px;
  }
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator #results-gauge .box {
    margin-top: -85px;
  }
}
.ybs #deposit-calculator #results-gauge .box {
  height: 806px;
  position: relative;
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator #results-gauge .box {
    height: auto;
    padding: 30px 14.5px;
    margin-bottom: 40px;
  }
}
.ybs #deposit-calculator .main-content .box {
  border: 1px solid #e9ecef;
  -webkit-box-shadow: 0 2px 0 0 #dee2e6;
  box-shadow: 0 2px 0 0 #dee2e6;
  border-radius: 10px;
  position: relative;
}
.ybs #deposit-calculator #results-gauge {
  position: relative;
}
.ybs #deposit-calculator .value-text {
  position: absolute;
  bottom: 34%;
  font-size: 1.25em;
  color: var(--text-grey);
  letter-spacing: 0.03px;
  text-align: center;
  line-height: 26px;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .ybs #deposit-calculator .value-text {
    bottom: 32%;
  }
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator .value-text {
    font-size: 13px;
    color: var(--text-grey);
    letter-spacing: 0.02px;
    text-align: center;
    line-height: 26px;
    bottom: 36%;
  }
  .ybs #deposit-calculator .value-text .money-text {
    display: inline-block;
    margin-left: 4px;
  }
}
.ybs #deposit-calculator g.text-container text {
  -webkit-transform: translate3d(0, -5%, 0);
  transform: translate3d(0, -5%, 0);
}
.ybs #deposit-calculator .money-text {
  display: block;
  font-weight: bold;
}
.ybs #deposit-calculator .left-to-save-container {
  position: absolute;
  width: 100%;
  bottom: 18%;
  text-align: center;
  font-size: 1.25em;
  color: var(--text-grey);
  letter-spacing: 0.03px;
  line-height: 26px;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator .left-to-save-container {
    font-size: 13px;
    color: var(--text-grey);
    letter-spacing: 0.02px;
    text-align: center;
    line-height: 26px;
    bottom: 16%;
  }
}
.ybs #deposit-calculator .left-to-save-container #left-to-save-text {
  font-weight: bold;
}
.ybs #deposit-calculator .input-validated {
  background-color: #e8f3f6 !important;
}
.ybs #deposit-calculator .btn-inactive {
  pointer-events: none;
  background-color: #d1d1d1;
  border-color: #d1d1d1;
  color: var(--color-grey-50);
  max-width: 327px;
  width: 100%;
  cursor: not-allowed;
}
.ybs #deposit-calculator #calculate {
  margin: 0 auto;
  display: block;
}
.ybs #deposit-calculator .extra-b-mobile {
  margin-bottom: 100px;
}
.ybs #deposit-calculator .mobile-gauge {
  display: none;
  background: #e6e6ee;
  border-bottom: 3px solid #dcdcdc;
  left: 0;
  height: 112px;
  -webkit-transition: height 1.2s ease-in-out;
  transition: height 1.2s ease-in-out;
}
.ybs #deposit-calculator .mobile-gauge.extra-height {
  height: 200px;
}
.ybs #deposit-calculator .mobile-gauge .w-borders {
  border-right: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
}
.ybs #deposit-calculator .mobile-gauge .mobile-sub {
  font-size: 12px;
  color: var(--text-grey);
  letter-spacing: 0.01px;
  text-align: center;
  line-height: 1;
  display: block;
}
.ybs #deposit-calculator .mobile-gauge #mobile-sub-show {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.ybs #deposit-calculator .mobile-gauge #mobile-sub-show.rotated-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ybs #deposit-calculator .mobile-gauge #mobile-sub-show svg {
  fill: #676767;
}
.ybs #deposit-calculator .mobile-gauge #mobile-cansave, .ybs #deposit-calculator .mobile-gauge #mobile-cansave .one-line, .ybs #deposit-calculator .mobile-gauge #mobile-lefttosave, .ybs #deposit-calculator .mobile-gauge #mobile-lefttosave .one-line, .ybs #deposit-calculator .mobile-gauge #mobile-movingin, .ybs #deposit-calculator .mobile-gauge #mobile-movingin .one-line {
  font-weight: bold;
  font-size: 1.25em;
  color: var(--color-primary);
  line-height: 25.75px;
  display: block;
  text-align: center;
}
.ybs #deposit-calculator .mobile-gauge .mobile-gauge-expanded {
  margin-top: 10px;
  position: relative;
  display: none;
}
.ybs #deposit-calculator .mobile-gauge .mobile-label {
  display: block;
  font-weight: bold;
  font-size: 12px;
  color: var(--text-grey);
  letter-spacing: 0.01px;
  text-align: center;
  line-height: 24px;
}
.ybs #deposit-calculator .mobile-gauge #mobilepercent {
  font-weight: bold;
  font-size: 1.25em;
  color: var(--color-primary);
  text-align: center;
  line-height: 33.75px;
}
.ybs #deposit-calculator .mobile-gauge #mobile-goal {
  font-weight: bold;
}
.ybs #deposit-calculator .mobile-gauge svg {
  text-align: center;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 768px) {
  .ybs #deposit-calculator .mobile-gauge--sticky {
    display: block;
    position: fixed;
    padding: 25px 26px 20px;
    top: 0;
    z-index: 9999;
    width: 100%;
  }
  .ybs #deposit-calculator .mobile-gauge--sticky span {
    font-size: 12px;
    color: #585858;
    letter-spacing: 0.01px;
    line-height: 20px;
  }
  .ybs #deposit-calculator .mobile-gauge--sticky .progress-bar-container {
    width: 100%;
    height: 5px;
    position: relative;
    margin-top: 5px;
    margin-bottom: 20px;
  }
  .ybs #deposit-calculator .mobile-gauge--sticky #progress-bar-line {
    width: 0;
    height: 5px;
    background-color: var(--color-secondary);
    border-radius: 30px;
    position: absolute;
    left: 0;
  }
  .ybs #deposit-calculator .mobile-gauge--sticky .progress-bar-underneath {
    width: 100%;
    background-color: #d9d9d9;
    border-radius: 30px;
    height: 5px;
  }
}
@media screen and (min-width: 768px) {
  .ybs #deposit-calculator .mobile-gauge {
    display: none !important;
  }
}
.ybs #deposit-calculator .inline-toggler {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ybs #deposit-calculator #input-toggler, .ybs #deposit-calculator .inline-toggler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ybs #deposit-calculator #input-toggler {
  cursor: pointer;
  margin-bottom: 9px;
}
.ybs #deposit-calculator .active-toggler {
  font-weight: bold;
}
.ybs #deposit-calculator .pound-toggle {
  margin-right: 10px;
}
.ybs #deposit-calculator .percent-toggle {
  margin-left: 10px;
}
.ybs #deposit-calculator .value-toggle {
  background: #f1f3f5;
  border-radius: 45px;
  width: 52px;
  height: 32px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  padding: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ybs #deposit-calculator .toggle-indicator {
  background: var(--color-primary);
  border-radius: 45px;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 5px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.ybs #deposit-calculator .toggle-indicator--left {
  right: calc(100% - 5px);
  -webkit-transform: translate(100%);
  transform: translate(100%);
}
@media (-ms-high-contrast: none) {
  .ybs #deposit-calculator .toggle-indicator--left {
    left: 5px;
    right: unset;
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
.ybs #deposit-calculator .toggle-indicator--right {
  right: 5px;
  -webkit-transform: translate(0);
  transform: translate(0);
}
@media (-ms-high-contrast: none) {
  .ybs #deposit-calculator .toggle-indicator--right {
    right: 5px;
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
.ybs #deposit-calculator #time-result {
  display: none;
}
.ybs #deposit-calculator .rotated {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ybs #deposit-calculator .green-i path {
  fill: var(--color-primary);
}
.ybs #deposit-calculator .green-i path:hover {
  fill: var(--color-primary-hover);
}
.ybs #deposit-calculator .green-title {
  color: var(--color-primary);
}
.ybs #deposit-calculator #calculate.btn-disabled {
  pointer-events: none;
  border-color: transparent;
  background-color: #adadad;
  color: #838080;
}
.ybs #deposit-calculator #calculate.btn-full {
  width: 100%;
}
.ybs #deposit-calculator .next-steps-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  grid-gap: 1rem;
}
.ybs #deposit-calculator .not-last {
  border-right: 2px solid hsla(0, 0%, 65.5%, 0.8) !important;
}
.ybs #deposit-calculator .loading-overlay {
  background-color: var(--color-grey-50);
  background-image: url("/o/ybs-theme/images/loading-spinner.gif");
  background-size: 100px 100px;
  background-position: 50%;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 90vh;
  top: 0;
  z-index: 999;
  border-radius: 10px;
}
.ybs #deposit-calculator .loading-overlay:after {
  text-align: center;
  font-weight: bold;
  color: var(--color-grey-50);
  content: "Loading";
  display: block;
  height: 100px;
  width: 100px;
  padding-top: 2em;
  position: absolute;
  top: 50%;
  left: 40%;
  z-index: 2;
}
.ybs #deposit-calculator .btn + .btn {
  margin-left: 0px;
}
.ybs #deposit-calculator-new input {
  width: 100%;
  padding-left: 0.5rem;
}
.ybs #deposit-calculator-new input::placeholder {
  color: var(--color-grey-400);
}
@media screen and (min-width: 64rem) {
  .ybs #deposit-calculator-new label {
    font-size: 1rem;
    line-height: 1.75rem;
  }
}
.ybs #deposit-calculator-new h2 {
  font-family: var(--font-family-bold);
  font-size: 2.625rem;
  color: var(--primary);
  letter-spacing: 0.05px;
  text-align: center;
  line-height: 2.125rem;
}
@media (min-width: 768px) {
  .ybs #deposit-calculator-new .min-container-height {
    min-height: 44.625rem;
  }
}
.ybs #deposit-calculator-new .gauge-container {
  text-align: center;
}
.ybs #deposit-calculator-new .gauge-content-container {
  display: flex;
  justify-content: space-around;
}
.ybs #deposit-calculator-new .gauge-content-container .result {
  display: block;
  font-weight: bold;
  font-size: 1.875rem;
  color: var(--primary);
  line-height: 2.1094rem;
}
.ybs #deposit-calculator-new .gauge-content-container .content-center {
  display: flex;
  flex-direction: column;
}
@media (min-width: 576px) {
  .ybs #deposit-calculator-new .gauge-content-container .content-center {
    align-items: center;
  }
}
.ybs #deposit-calculator-new .gauge-content-container .content-center > p {
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .ybs #deposit-calculator-new .gauge-content-container .split {
    display: flex;
    align-items: baseline;
  }
}
.ybs #deposit-calculator-new .gauge-content-container .split > span:first-child {
  font-size: 1.25rem;
  letter-spacing: -0.0266rem;
  color: var(--text-grey);
  margin-right: 0.375rem;
}

.ybs #cab-branches .branch-items {
  display: flex;
  margin-left: -1rem;
  margin-right: -1rem;
}
@media screen and (max-width: 900px) {
  .ybs #cab-branches .branch-items {
    flex-direction: column;
  }
}
.ybs #cab-branches .phone-number {
  font-size: 1.2rem;
  margin-top: 0.8rem;
}

.ybs .estimated-cost-calculator,
#newMortgagePart-modal {
  /* Input field customisations */
  /**
  * #helpers
  * Classes designed for use to quickly build new structures 
  */
  /**
  * #form-styles
  * Form Stylrs + Validation stuff
  */
  /**
  * #buttons
  * Buttons!
  */
  /**
  * #boxes
  * Boxes - lots of different types!
  */
  /**
  * #accordion
  * Accordion! 
  */
  /*
   * #infoboxes
   * Boxes that sometimes become accordions
  */
  /**
  * Remove X in MS Edge inpout boxes
  */
}
.ybs .estimated-cost-calculator .flt-right,
#newMortgagePart-modal .flt-right {
  float: right;
}
.ybs .estimated-cost-calculator .input,
#newMortgagePart-modal .input {
  border: 1px solid #f1f1f1;
  border-bottom: none;
  border-radius: 0.2em;
  background-color: #fff;
  box-shadow: 0px 2px 0px 0px rgb(233, 235, 236);
  color: #666;
  padding: 0.5em 1em;
  width: 98%;
  margin-left: 1%;
  margin-bottom: 0.3em;
  box-sizing: border-box;
}
.ybs .estimated-cost-calculator .filters .box,
#newMortgagePart-modal .filters .box {
  border: 2px solid #f1f1f1;
  box-shadow: 0px 3px 0px 0px rgb(233, 235, 236);
}
@media screen and (max-width: 550px) {
  .ybs .estimated-cost-calculator select,
  #newMortgagePart-modal select {
    width: 100%;
  }
}
.ybs .estimated-cost-calculator .inner > select,
#newMortgagePart-modal .inner > select {
  width: 100% !important;
  display: block;
}
.ybs .estimated-cost-calculator .name,
#newMortgagePart-modal .name {
  font-size: 0.97rem;
}
.ybs .estimated-cost-calculator .name strong,
#newMortgagePart-modal .name strong {
  font-family: var(--font-family-bold);
}
.ybs .estimated-cost-calculator .group:after,
#newMortgagePart-modal .group:after {
  clear: both;
}
.ybs .estimated-cost-calculator .group,
#newMortgagePart-modal .group {
  zoom: 1;
}
.ybs .estimated-cost-calculator .n-mb,
#newMortgagePart-modal .n-mb {
  margin-bottom: 0 !important;
}
.ybs .estimated-cost-calculator .n-pb,
#newMortgagePart-modal .n-pb {
  padding-bottom: 0 !important;
}
.ybs .estimated-cost-calculator .inline > *,
#newMortgagePart-modal .inline > * {
  display: inline-block;
}
.ybs .estimated-cost-calculator [aria-hidden=true] not svg,
.ybs .estimated-cost-calculator .hidden,
#newMortgagePart-modal [aria-hidden=true] not svg,
#newMortgagePart-modal .hidden {
  visibility: hidden;
}
.ybs .estimated-cost-calculator .hide,
#newMortgagePart-modal .hide {
  display: none !important;
}
.ybs .estimated-cost-calculator .input-group,
#newMortgagePart-modal .input-group {
  margin-bottom: 0.75em;
  position: relative;
  flex-wrap: wrap;
}
.ybs .estimated-cost-calculator .js-property-loan-error,
#newMortgagePart-modal .js-property-loan-error {
  color: red;
  border: 0;
  font-size: 0.85rem;
  line-height: 0.85rem;
  position: absolute;
}
.ybs .estimated-cost-calculator .slider,
#newMortgagePart-modal .slider {
  width: 100%;
  display: block;
  position: relative;
  padding: 0;
  margin: 0.5em 0;
  border-radius: 0.18em;
}
.ybs .estimated-cost-calculator .slider .small-4,
#newMortgagePart-modal .slider .small-4 {
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
.ybs .estimated-cost-calculator .slider .progress,
#newMortgagePart-modal .slider .progress {
  display: block;
  position: relative;
  height: 0.45rem;
  margin-bottom: 0.5em;
  border-radius: 0.18em;
  background-color: var(--primary);
}
.ybs .estimated-cost-calculator .slider .progress-empty,
#newMortgagePart-modal .slider .progress-empty {
  display: block;
  height: 0.45rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  background-color: #d9d9d9;
  border-radius: 0.18em;
}
.ybs .estimated-cost-calculator .slider .handle,
#newMortgagePart-modal .slider .handle {
  position: absolute;
  top: -0.5em;
  width: 1.5em;
  height: 1.5em;
  border-radius: 8px;
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-bottom: 3px solid rgb(167, 175, 177);
}
.ybs .estimated-cost-calculator .slider .flex-container,
#newMortgagePart-modal .slider .flex-container {
  margin-top: 0.25em;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.ybs .estimated-cost-calculator .slider .range-curr-value,
#newMortgagePart-modal .slider .range-curr-value {
  text-align: center;
  font-family: var(--font-family-bold);
  padding: 0.5em 0.1em;
  width: 75%;
  margin: 0 auto;
  display: block;
}
.ybs .estimated-cost-calculator .slider .range-min,
.ybs .estimated-cost-calculator .slider .range-max,
#newMortgagePart-modal .slider .range-min,
#newMortgagePart-modal .slider .range-max {
  color: rgb(102, 102, 102);
  box-sizing: border-box;
  -ms-align-self: center;
  align-self: center;
}
.ybs .estimated-cost-calculator .slider .range-min,
#newMortgagePart-modal .slider .range-min {
  text-align: left;
  padding-left: 0.5em;
}
.ybs .estimated-cost-calculator .slider .range-max,
#newMortgagePart-modal .slider .range-max {
  text-align: right;
  padding-right: 0.5em;
}
.ybs .estimated-cost-calculator input[type=text].range,
#newMortgagePart-modal input[type=text].range {
  width: 85px;
  display: inline-block;
  background-color: transparent;
  border: none;
  float: right;
  text-align: right;
  font-size: 1em;
  font-family: Aller;
  color: inherit;
  border: solid 2px #e9e9e9;
  padding: 0.3em;
  border-radius: 0.3em;
}
.ybs .estimated-cost-calculator .range-disabled + .slider .range-curr-value,
.ybs .estimated-cost-calculator .input-disabled,
#newMortgagePart-modal .range-disabled + .slider .range-curr-value,
#newMortgagePart-modal .input-disabled {
  background-color: #cecece;
  -webkit-user-select: none;
  -webkit-user-input: disabled;
  -moz-user-select: none;
  -moz-user-input: disabled;
  user-select: none;
  user-input: disabled;
  cursor: default;
}
.ybs .estimated-cost-calculator form .input,
#newMortgagePart-modal form .input {
  font-size: 1em;
  height: 2.5em;
}
.ybs .estimated-cost-calculator textarea,
.ybs .estimated-cost-calculator form textarea,
.ybs .estimated-cost-calculator form textarea.input,
#newMortgagePart-modal textarea,
#newMortgagePart-modal form textarea,
#newMortgagePart-modal form textarea.input {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: 0.3em;
  max-height: 300px;
  height: 7em;
}
.ybs .estimated-cost-calculator form + .form-success,
#newMortgagePart-modal form + .form-success {
  display: none;
}
.ybs .estimated-cost-calculator form.hide + .form-success,
#newMortgagePart-modal form.hide + .form-success {
  display: block;
}
.ybs .estimated-cost-calculator ul > li,
#newMortgagePart-modal ul > li {
  font-size: 0.97rem;
}
.ybs .estimated-cost-calculator .btn,
#newMortgagePart-modal .btn {
  display: inline-block;
  width: auto;
  padding: 0.5em 0.8em;
  margin: 0 0 1em 5px;
  border: none;
  border-radius: 0.2em;
  background-color: var(--primary);
  color: #fff;
  vertical-align: middle;
  font-family: var(--font-family-bold);
  min-width: 7em;
  text-align: center;
  cursor: pointer;
  transition: all 100ms ease;
}
.ybs .estimated-cost-calculator .btn:hover,
#newMortgagePart-modal .btn:hover {
  background-color: #6c757d;
}
.ybs .estimated-cost-calculator a.btn,
.ybs .estimated-cost-calculator .btn a,
#newMortgagePart-modal a.btn,
#newMortgagePart-modal .btn a {
  color: #fff;
  text-decoration: none;
}
.ybs .estimated-cost-calculator button.btn,
#newMortgagePart-modal button.btn {
  padding: 0.95em 1.3em;
}
.ybs .estimated-cost-calculator .box,
#newMortgagePart-modal .box {
  box-sizing: border-box;
  border-radius: 0.2em;
  margin-bottom: 1em;
  margin-top: 1.2em;
}
.ybs .estimated-cost-calculator .box label:not(.custom-input-container),
.ybs .estimated-cost-calculator .box h5,
#newMortgagePart-modal .box label:not(.custom-input-container),
#newMortgagePart-modal .box h5 {
  color: #292929;
  line-height: 1.3rem;
  font-family: var(--font-family-bold);
  font-size: 1rem;
}
.ybs .estimated-cost-calculator .box-border,
#newMortgagePart-modal .box-border {
  box-sizing: border-box;
  border: solid 1px #c9c9c9;
  border-radius: 0.2em;
  margin-bottom: 1em;
  margin-top: 1.2em;
  padding: 0.5em 1em;
}
.ybs .estimated-cost-calculator .box > .inner,
#newMortgagePart-modal .box > .inner {
  padding: 2em;
  position: relative;
}
.ybs .estimated-cost-calculator .intro-container,
#newMortgagePart-modal .intro-container {
  padding: 0.5em 1em;
}
.ybs .estimated-cost-calculator .box-title,
#newMortgagePart-modal .box-title {
  padding: 0.5em 1em;
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
  font-weight: var(--font-family-bold);
  font-size: 1.1em;
}
.ybs .estimated-cost-calculator .box-1,
#newMortgagePart-modal .box-1 {
  border-radius: 0.2em;
  border-top: 6px solid #333;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 0px 0px rgb(221, 227, 224);
  z-index: 1;
}
.ybs .estimated-cost-calculator .box-8,
#newMortgagePart-modal .box-8 {
  background-color: rgb(240, 244, 247);
  box-shadow: 0px 3px 0px 0px rgb(221, 227, 224);
}
.ybs .estimated-cost-calculator .g.one-third.sidebar .group.news-listings .box,
#newMortgagePart-modal .g.one-third.sidebar .group.news-listings .box {
  border: none;
  background: none;
  margin: 0;
}
.ybs .estimated-cost-calculator .infobox,
#newMortgagePart-modal .infobox {
  display: inline-block;
}
.ybs .estimated-cost-calculator .accordion-activated.infobox .accordion-closed + .infobox-body,
.ybs .estimated-cost-calculator .accordion .accordion-closed .accordion-content,
#newMortgagePart-modal .accordion-activated.infobox .accordion-closed + .infobox-body,
#newMortgagePart-modal .accordion .accordion-closed .accordion-content {
  display: none;
  position: relative;
  padding-left: 0.8rem;
  padding-bottom: 0.97rem;
  -webkit-animation: 250ms slideOut;
  -moz-animation: 250ms slideOut;
  -ms-animation: 250ms slideOut;
  animation: 250ms slideOut;
}
.ybs .estimated-cost-calculator .accordion-activated.infobox .accordion-open + .infobox-body,
.ybs .estimated-cost-calculator .accordion .accordion-open .accordion-content,
#newMortgagePart-modal .accordion-activated.infobox .accordion-open + .infobox-body,
#newMortgagePart-modal .accordion .accordion-open .accordion-content {
  display: block;
  position: relative;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  padding-bottom: 0.97rem;
  -webkit-animation: 250ms slideIn;
  -moz-animation: 250ms slideIn;
  -ms-animation: 250ms slideIn;
  animation: 250ms slideIn;
  padding-top: 0.2em;
}
.ybs .estimated-cost-calculator .infobox-body a,
#newMortgagePart-modal .infobox-body a {
  letter-spacing: -0.02rem;
  font-size: 0.85rem;
  text-decoration: underline;
  text-decoration-color: var(--primary);
}
.ybs .estimated-cost-calculator .infobox,
#newMortgagePart-modal .infobox {
  display: block;
  padding: 2em;
  background-color: rgb(240, 244, 247);
  font-size: 1.2em;
  margin-bottom: 0.48rem;
}
.ybs .estimated-cost-calculator .infobox.accordion-activated,
#newMortgagePart-modal .infobox.accordion-activated {
  display: block;
  padding: 0;
  background-color: rgb(240, 244, 247);
  border-radius: 0.3em;
  overflow: hidden;
}
.ybs .estimated-cost-calculator .infobox.accordion-activated .infobox-title > *:first-child,
#newMortgagePart-modal .infobox.accordion-activated .infobox-title > *:first-child {
  color: var(--primary);
  font-family: var(--font-family-bold);
  letter-spacing: -0.02em;
  width: 89%;
  line-height: 1.4em;
}
.ybs .estimated-cost-calculator .infobox.accordion-activated .infobox-title,
#newMortgagePart-modal .infobox.accordion-activated .infobox-title {
  padding: 1rem;
  padding-right: 0;
  cursor: pointer;
  position: relative;
  z-index: 2;
  background: -moz-linear-gradient(top, rgb(240, 244, 247) 0%, rgb(240, 244, 247) 1%, rgb(240, 244, 247) 58%, rgba(240, 244, 247, 0) 100%); /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(240, 244, 247)), color-stop(1%, rgb(240, 244, 247)), color-stop(58%, rgb(240, 244, 247)), color-stop(100%, rgba(240, 244, 247, 0))); /* Chrome4-9,Safari4-5 */
  background: -webkit-linear-gradient(top, rgb(240, 244, 247) 0%, rgb(240, 244, 247) 1%, rgb(240, 244, 247) 58%, rgba(240, 244, 247, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(top, rgb(240, 244, 247) 0%, rgb(240, 244, 247) 1%, rgb(240, 244, 247) 58%, rgba(240, 244, 247, 0) 100%); /* Opera 11.10-11.50 */
  background: -ms-linear-gradient(top, rgb(240, 244, 247) 0%, rgb(240, 244, 247) 1%, rgb(240, 244, 247) 58%, rgba(240, 244, 247, 0) 100%); /* IE10 preview */
  background: linear-gradient(to bottom, rgb(240, 244, 247) 0%, rgb(240, 244, 247) 1%, rgb(240, 244, 247) 58%, rgba(240, 244, 247, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f0f4f7", endColorstr="#00f0f4f7",GradientType=0 ); /* IE6-8 */
}
.ybs .estimated-cost-calculator .beta,
.ybs .estimated-cost-calculator .accordion-open,
.ybs .estimated-cost-calculator .accordion-closed,
#newMortgagePart-modal .beta,
#newMortgagePart-modal .accordion-open,
#newMortgagePart-modal .accordion-closed {
  font-family: var(--font-family-bold);
  font-size: 1.16rem;
  color: var(--primary);
}
.ybs .estimated-cost-calculator .beta svg,
.ybs .estimated-cost-calculator .accordion-open svg,
.ybs .estimated-cost-calculator .accordion-closed svg,
#newMortgagePart-modal .beta svg,
#newMortgagePart-modal .accordion-open svg,
#newMortgagePart-modal .accordion-closed svg {
  font-size: 1.45rem;
  font-weight: 300;
}
.ybs .estimated-cost-calculator .infobox.accordion-activated .accordion-open svg,
#newMortgagePart-modal .infobox.accordion-activated .accordion-open svg {
  transform: rotate(-90deg);
}
.ybs .estimated-cost-calculator .infobox.accordion-activated .accordion-closed svg,
#newMortgagePart-modal .infobox.accordion-activated .accordion-closed svg {
  transform: rotate(0deg);
}
.ybs .estimated-cost-calculator .infobox ul.tools-list li a,
.ybs .estimated-cost-calculator .infobox ul.tools-list li a.btn,
#newMortgagePart-modal .infobox ul.tools-list li a,
#newMortgagePart-modal .infobox ul.tools-list li a.btn {
  text-align: left;
  background-color: transparent;
  font-family: Aller;
  padding: 0;
  color: var(--primary);
  margin-bottom: 0;
}
.ybs .estimated-cost-calculator .infobox ul.tools-list li a:hover,
#newMortgagePart-modal .infobox ul.tools-list li a:hover {
  text-decoration: underline;
}
.ybs .estimated-cost-calculator .infobox,
#newMortgagePart-modal .infobox {
  border-bottom: solid lightgrey;
}
.ybs .estimated-cost-calculator .content-title,
#newMortgagePart-modal .content-title {
  font-family: var(--font-family-bold);
  color: var(--primary);
  font-size: 1.65rem;
}
.ybs .estimated-cost-calculator .sidebar-label,
#newMortgagePart-modal .sidebar-label {
  font-size: 0.97rem;
  color: #495057;
}
.ybs .estimated-cost-calculator .form-radio,
#newMortgagePart-modal .form-radio {
  font-size: 0.97rem;
  border: 0;
}
.ybs .estimated-cost-calculator .input-radio,
#newMortgagePart-modal .input-radio {
  margin-left: 12px;
}
.ybs .estimated-cost-calculator .layout-table,
#newMortgagePart-modal .layout-table {
  border-style: none;
  border-width: 0px;
}
.ybs .estimated-cost-calculator .layout-tr td:first-child,
#newMortgagePart-modal .layout-tr td:first-child {
  border-right: 1px solid #ebebeb;
}
.ybs .estimated-cost-calculator .layout-tr td:nth-child(2),
#newMortgagePart-modal .layout-tr td:nth-child(2) {
  border-left: 1px solid #fff;
}
.ybs .estimated-cost-calculator .layout-tr td:nth-child(2) div,
#newMortgagePart-modal .layout-tr td:nth-child(2) div {
  padding-left: 0.125rem;
}
.ybs .estimated-cost-calculator .layout-tr td,
#newMortgagePart-modal .layout-tr td {
  border-style: none;
  border-width: 0px;
}
.ybs .estimated-cost-calculator .table-style tr:nth-child(even) td,
#newMortgagePart-modal .table-style tr:nth-child(even) td {
  background-color: #f6f6f6;
}
.ybs .estimated-cost-calculator .td-lbl,
#newMortgagePart-modal .td-lbl {
  font-size: 0.97rem;
  color: #495057;
}
.ybs .estimated-cost-calculator .td-lbl small,
#newMortgagePart-modal .td-lbl small {
  font-size: 0.81rem;
}
.ybs .estimated-cost-calculator input[type=text]::-ms-clear,
#newMortgagePart-modal input[type=text]::-ms-clear {
  display: none;
}

.ybs .estimated-cost-calculator ::selection {
  background: var(--color-primary);
  color: var(--color-grey-50);
}
.ybs .estimated-cost-calculator .infobox.is-collapsible {
  background-color: var(--color-grey-50);
  box-shadow: 0px 4px 0px 0px rgba(0, 40, 92, 0.07), 0 0 0.2em rgba(0, 0, 0, 0.05);
  border: none;
  margin-bottom: 0.75rem;
}
.ybs .estimated-cost-calculator .infobox.is-collapsible .infobox-title {
  background: none;
}
.ybs .estimated-cost-calculator .infobox.is-collapsible .infobox-title h3 {
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
}
.ybs .estimated-cost-calculator .infobox.is-collapsible .infobox-title.accordion-closed svg {
  transform: rotate(-90deg);
}
.ybs .estimated-cost-calculator .infobox.is-collapsible .infobox-title.accordion-open svg {
  transform: rotate(0deg);
}
.ybs .estimated-cost-calculator .infobox.is-collapsible .accordion-open + .infobox-body {
  padding: 0 1rem 1rem;
}
.ybs .estimated-cost-calculator .infobox.is-collapsible .infobox-body {
  text-align: center;
}
.ybs .estimated-cost-calculator .infobox.is-collapsible .infobox-body a {
  text-decoration: none;
}
.ybs .estimated-cost-calculator .infobox.is-collapsible .infobox-body h3 {
  text-align: start;
  font-size: 1.4rem;
}
.ybs .estimated-cost-calculator .infobox.is-collapsible .infobox-body .box.options-box.options-box-collapsed {
  color: var(--color-grey-50);
  background-color: var(--color-primary);
  border: 1px solid var(--color-secondary);
  border-bottom: 3px solid var(--color-secondary);
  box-shadow: none;
}
.ybs .estimated-cost-calculator .infobox.is-collapsible .infobox-body .box.options-box.options-box-collapsed .box-title {
  text-align: start;
}
.ybs .estimated-cost-calculator .infobox.is-collapsible .infobox-body .box.options-box.options-box-collapsed .box-title a.js-options-box-delete svg path,
.ybs .estimated-cost-calculator .infobox.is-collapsible .infobox-body .box.options-box.options-box-collapsed .box-title a.js-options-box-edit svg path {
  fill: var(--color-grey-50);
}
.ybs .estimated-cost-calculator .infobox.is-collapsible .infobox-body div.row .stat-container {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .ybs .estimated-cost-calculator .infobox.is-collapsible .infobox-body div.row .stat-container {
    max-width: 50%;
  }
}
.ybs .estimated-cost-calculator .infobox.is-collapsible .infobox-body div.row .stat-container span {
  font-size: 1rem;
}
.ybs .estimated-cost-calculator .infobox.is-collapsible .infobox-body div.row .stat-container span.name {
  margin-bottom: 0.4rem;
  margin-top: 0.4rem;
}
.ybs .estimated-cost-calculator .infobox.is-collapsible .infobox-body div.row .stat-container span.value {
  color: var(--color-primary);
}
.ybs .estimated-cost-calculator .infobox.is-collapsible .infobox-body div.row .stat-container span.value-footnote {
  font-size: 0.85rem;
}
.ybs .estimated-cost-calculator .infobox.is-collapsible .infobox-body div.row:nth-child(3) .stat-container span.name {
  font-family: var(--font-family-light);
}
.ybs .estimated-cost-calculator .infobox.is-collapsible .infobox-body div.row:nth-child(3) .stat-container span.value {
  font-size: 1.55rem;
  line-height: 1.75rem;
  font-family: var(--font-family-bold);
}
.ybs .estimated-cost-calculator .slider .range-curr-value {
  border: 2px solid var(--input-group-border);
  border-bottom: 3px solid var(--input-group-border);
  box-shadow: none;
}
.ybs .estimated-cost-calculator .box.box-1 {
  border: 0;
  border-radius: 0.2em;
  box-shadow: 0px 4px 0px 0px rgba(0, 40, 92, 0.07), 0 0 0.2em rgba(0, 0, 0, 0.05);
  padding: 2.1rem;
}
.ybs .estimated-cost-calculator .box.box-1.overall-result-container h2.content-title, .ybs .estimated-cost-calculator .box.box-1.part-breakdown-container h2.content-title, .ybs .estimated-cost-calculator .box.box-1.calculation-explanation h2.content-title, .ybs .estimated-cost-calculator .box.box-1.results-placeholder div.intro-container h2.content-title {
  color: var(--color-heading);
  font-size: 1.8rem;
  font-family: var(--font-family-base);
}
.ybs .estimated-cost-calculator .box.box-1.calculation-explanation div.container abbr, .ybs .estimated-cost-calculator .box.box-1.calculation-explanation div.main-header__group abbr, .ybs .estimated-cost-calculator .box.box-1.calculation-explanation .saving-tips div.saving-tips__breadcrumb abbr, .ybs .saving-tips .estimated-cost-calculator .box.box-1.calculation-explanation div.saving-tips__breadcrumb abbr {
  cursor: inherit;
}
.ybs .estimated-cost-calculator .box.box-1.calculation-explanation div.col-1 {
  max-width: 100%;
}
.ybs .estimated-cost-calculator .box.box-1.calculation-explanation div.col-1 div.col-3 {
  max-width: 42%;
}
@media screen and (max-width: 768px) {
  .ybs .estimated-cost-calculator .box.box-1.calculation-explanation div.col-1 div.col-3 {
    max-width: 100%;
  }
}
.ybs .estimated-cost-calculator .box.box-1.calculation-explanation div.col-1 div.col-3 div.box.box-8 {
  margin-top: 0.5rem;
  margin-bottom: 2.5rem;
  background-color: var(--color-grey-50);
  border: 2px solid var(--color-secondary);
}
.ybs .estimated-cost-calculator .box.box-1.calculation-explanation div.col-1 div.col-3 div.box.box-8 div.inner li {
  margin: 0;
  color: #332a40;
}
.ybs .estimated-cost-calculator .box.box-1.overall-result-container .true-cost,
.ybs .estimated-cost-calculator .box.box-1.overall-result-container .averge-repayment {
  display: flex;
  flex-direction: column;
  max-width: 50%;
}
.ybs .estimated-cost-calculator .box.box-1.overall-result-container .true-cost > span,
.ybs .estimated-cost-calculator .box.box-1.overall-result-container .averge-repayment > span {
  text-align: center;
}
.ybs .estimated-cost-calculator .box.box-1.overall-result-container .true-cost span.value,
.ybs .estimated-cost-calculator .box.box-1.overall-result-container .averge-repayment span.value {
  font-family: var(--font-family-bold);
  font-size: 1.55rem;
  color: var(--color-primary);
}
.ybs .estimated-cost-calculator .box.box-1 div.intro-container {
  padding: 0;
}
.ybs .estimated-cost-calculator .box.box-1 div.intro-container p {
  font-size: 1.2rem;
}
.ybs .estimated-cost-calculator .box.box-1 div.input-group {
  display: inline-block;
}
.ybs .estimated-cost-calculator .box.box-1 div.input-group span.form-radio,
.ybs .estimated-cost-calculator .box.box-1 div.input-group span.form-radio.input-radio {
  margin: 0;
  margin-bottom: 0.6rem;
}
.ybs .estimated-cost-calculator .box.box-1 div.input-group span.form-radio > input,
.ybs .estimated-cost-calculator .box.box-1 div.input-group span.form-radio.input-radio > input {
  margin-right: 0.8rem;
  -moz-appearance: initial !important;
}
.ybs .estimated-cost-calculator .box.box-1 div.input-group span.form-radio > input::before,
.ybs .estimated-cost-calculator .box.box-1 div.input-group span.form-radio.input-radio > input::before {
  content: "";
  overflow: hidden;
  color: var(--color-primary);
  text-align: center;
  border: 2px solid var(--input-group-border);
  border-bottom: 3px solid var(--input-group-border);
  border-radius: 0.3rem;
  background-color: var(--color-grey-50);
  width: 1.45rem;
  height: 1.45rem;
  position: absolute;
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.55, 1);
}
.ybs .estimated-cost-calculator .box.box-1 div.input-group span.form-radio > input::after,
.ybs .estimated-cost-calculator .box.box-1 div.input-group span.form-radio.input-radio > input::after {
  content: "";
  position: absolute;
  background-color: var(--color-grey-50);
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.55, 1);
}
.ybs .estimated-cost-calculator .box.box-1 div.input-group span.form-radio > input:checked::before,
.ybs .estimated-cost-calculator .box.box-1 div.input-group span.form-radio.input-radio > input:checked::before {
  border-color: var(--color-primary);
}
.ybs .estimated-cost-calculator .box.box-1 div.input-group span.form-radio > input:checked::after,
.ybs .estimated-cost-calculator .box.box-1 div.input-group span.form-radio.input-radio > input:checked::after {
  content: "";
  background-color: var(--color-primary);
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.15rem;
  margin: 0.31rem;
  position: absolute;
}
.ybs .estimated-cost-calculator .box.box-1 div.input-group > input {
  margin: 0;
  width: 100%;
  border: 2px solid var(--input-group-border);
  border-bottom: 3px solid var(--input-group-border);
  border-radius: 0.3rem;
  box-shadow: none;
  margin-bottom: 1rem;
}
.ybs .estimated-cost-calculator .box.box-1 div.input-group > input::placeholder {
  color: var(--color-grey-50);
}
.ybs .estimated-cost-calculator .box.box-1 label strong,
.ybs .estimated-cost-calculator .box.box-1 h5 {
  font-size: 1.2rem;
}
.ybs .estimated-cost-calculator .true-cost-standalone .results-placeholder,
.ybs .estimated-cost-calculator .true-cost-standalone.calculated .results-container {
  display: block;
}
.ybs .estimated-cost-calculator .true-cost-standalone .results-container,
.ybs .estimated-cost-calculator .true-cost-standalone.calculated .results-placeholder {
  display: none;
}

.ybs .guides__head h2 {
  margin-bottom: 0.2em;
}
.ybs .guides__head p.subtitle {
  color: #665f70;
  font-size: 1.21em;
  margin-bottom: 0;
  padding-bottom: 0.7em;
}
.ybs .guides__filters {
  height: 56px;
}
.ybs .guides .pagination {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.35em;
  box-shadow: var(--box-shadow);
  overflow: hidden;
}
.ybs .guides .pagination__item {
  cursor: pointer;
  font-family: var(--font-family-base);
  font-weight: bold;
  margin: 0;
  border-right: solid 1px #d2d2d2;
}
.ybs .guides .pagination__item:first-child {
  border-right-width: 2px;
}
.ybs .guides .pagination__item:last-child {
  border-left: solid 1px #d2d2d2;
  border-right: none;
}
.ybs .guides .pagination__item.active .pagination__link {
  background-color: var(--color-primary);
  color: var(--color-grey-50);
  cursor: pointer;
}
.ybs .guides .pagination__link {
  border-radius: 0;
  color: var(--color-primary);
  min-width: 3.25em;
  font-size: 1.1em;
}
.ybs .guides.loading-spinner {
  position: relative;
  min-height: 10em;
}
.ybs .guides.loading-spinner:before, .ybs .guides.loading-spinner:after {
  display: block;
  padding-top: 2em;
  position: absolute;
  top: 2em;
  left: 0;
  width: 100%;
  z-index: 10;
  height: 100%;
}
.ybs .guides.loading-spinner:after {
  text-align: center;
  color: #fff;
  font-family: "Aller-Bold";
  content: "Loading";
}
.ybs .guides.loading-spinner:before {
  content: "";
  background-image: url(../images/loading-spinner.gif);
  background-size: 100px 100px;
  background-repeat: no-repeat;
  background-position: top;
}
.ybs .guides.loading-spinner[data-loading-spinner-text]:after {
  content: attr(data-loading-spinner-text);
}
.ybs .guides .form-control .media-center__select {
  background-color: #ddd;
}
.ybs .guides .row-articles {
  display: grid;
  gap: 1.3rem 1.7rem;
  grid-template-columns: 1fr;
  margin-bottom: 1.5rem;
  margin-top: 1rem;
  width: 100%;
}
@media (min-width: 640px) {
  .ybs .guides .row-articles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .ybs .guides .row-articles {
    grid-template-columns: repeat(3, 1fr);
  }
}
.ybs .guides .row-articles__item .media-centre__link {
  display: grid;
  grid-template-columns: 0.78fr 1fr;
  max-height: 12.5rem;
  min-height: 10rem;
}
@media (min-width: 640px) {
  .ybs .guides .row-articles__item .media-centre__link {
    grid-template-columns: 1fr;
    max-height: inherit;
    min-height: inherit;
  }
}
@media (max-width: 640px) {
  .ybs .guides .row-articles__item .media-centre__link {
    display: flex;
  }
}

.ybs .primaryFooter, .mfp-wrap .primaryFooter {
  display: none;
}
.ybs .fa, .mfp-wrap .fa {
  font-family: "FontAwesome";
}
.ybs .fa.fa-help-icon:before, .mfp-wrap .fa.fa-help-icon:before {
  content: "\f05a";
  margin-right: 0.25em;
  color: #009C41;
}
.ybs .contact-us-finder *,
.ybs .contact-us-finder-modal *, .mfp-wrap .contact-us-finder *,
.mfp-wrap .contact-us-finder-modal * {
  box-sizing: inherit;
}
.ybs .contact-us-faqs ol li .faq-result-detail a,
.ybs .contact-us-faqs ul li .faq-result-detail a, .mfp-wrap .contact-us-faqs ol li .faq-result-detail a,
.mfp-wrap .contact-us-faqs ul li .faq-result-detail a {
  text-decoration: underline;
}
.ybs .contact-us-faqs .faq-default-title,
.ybs .contact-us-faqs .most-popular-title,
.ybs .contact-us-faqs .search-results-title,
.ybs .contact-us-faqs[data-type=no-results] .faq-popular,
.ybs .contact-us-faqs[data-type=most-popular] .faq-popular,
.ybs .contact-us-faqs[data-type=headless] .faq-popular, .mfp-wrap .contact-us-faqs .faq-default-title,
.mfp-wrap .contact-us-faqs .most-popular-title,
.mfp-wrap .contact-us-faqs .search-results-title,
.mfp-wrap .contact-us-faqs[data-type=no-results] .faq-popular,
.mfp-wrap .contact-us-faqs[data-type=most-popular] .faq-popular,
.mfp-wrap .contact-us-faqs[data-type=headless] .faq-popular {
  display: none;
}
.ybs .contact-us-faqs .faq-enable-search, .mfp-wrap .contact-us-faqs .faq-enable-search {
  display: none;
}
.ybs .contact-us-faqs[data-type=most-popular--view-faq] .search-results-title,
.ybs .contact-us-faqs[data-type=search--view-faq] .search-results-title,
.ybs .contact-us-faqs[data-type=search] .search-results-title,
.ybs .contact-us-faqs[data-type=most-popular] .most-popular-title,
.ybs .contact-us-faqs[data-type=headless] .faq-enable-search,
.ybs .contact-us-faqs[data-type=headless--view-faq] .faq-enable-search,
.ybs .contact-us-faqs[data-type=headless] .faq-default-title,
.ybs .contact-us-faqs[data-type=headless--view-faq] .faq-default-title, .mfp-wrap .contact-us-faqs[data-type=most-popular--view-faq] .search-results-title,
.mfp-wrap .contact-us-faqs[data-type=search--view-faq] .search-results-title,
.mfp-wrap .contact-us-faqs[data-type=search] .search-results-title,
.mfp-wrap .contact-us-faqs[data-type=most-popular] .most-popular-title,
.mfp-wrap .contact-us-faqs[data-type=headless] .faq-enable-search,
.mfp-wrap .contact-us-faqs[data-type=headless--view-faq] .faq-enable-search,
.mfp-wrap .contact-us-faqs[data-type=headless] .faq-default-title,
.mfp-wrap .contact-us-faqs[data-type=headless--view-faq] .faq-default-title {
  display: block;
}
.ybs .contact-us-faqs, .mfp-wrap .contact-us-faqs {
  width: 100%;
  color: #292929;
}
.ybs .contact-us-faqs ul, .mfp-wrap .contact-us-faqs ul {
  margin: 0;
  list-style: none;
}
.ybs .contact-us-faqs p, .mfp-wrap .contact-us-faqs p {
  padding: 0;
  color: #292929;
}
.ybs .contact-us-faqs .search-container, .mfp-wrap .contact-us-faqs .search-container {
  display: none;
}
.ybs .contact-us-faqs .search-container.is-active, .mfp-wrap .contact-us-faqs .search-container.is-active {
  display: block;
}
.ybs .contact-us-faqs .search-title, .mfp-wrap .contact-us-faqs .search-title {
  font-size: 1.75em;
}
.ybs .contact-us-faqs .search-description, .mfp-wrap .contact-us-faqs .search-description {
  font-size: 1.1em;
}
.ybs .contact-us-faqs .most-popular,
.ybs .contact-us-faqs .search-results-title,
.ybs .contact-us-faqs .faq-default-title, .mfp-wrap .contact-us-faqs .most-popular,
.mfp-wrap .contact-us-faqs .search-results-title,
.mfp-wrap .contact-us-faqs .faq-default-title {
  margin-bottom: 1em;
}
.ybs .contact-us-faqs .faq-query-container, .mfp-wrap .contact-us-faqs .faq-query-container {
  margin-bottom: 2em;
}
.ybs .contact-us-faqs .faq-result > svg, .mfp-wrap .contact-us-faqs .faq-result > svg {
  color: #009c4e;
}
.ybs .contact-us-faqs .faq-result.is-active a[data-label], .mfp-wrap .contact-us-faqs .faq-result.is-active a[data-label] {
  font-family: Aller-bold;
}
.ybs .contact-us-faqs .faq-result .faq-result-detail, .mfp-wrap .contact-us-faqs .faq-result .faq-result-detail {
  display: none;
}
.ybs .contact-us-faqs .faq-result.is-active .faq-result-detail, .mfp-wrap .contact-us-faqs .faq-result.is-active .faq-result-detail {
  display: block;
  padding-left: 1.25em;
}
.ybs .contact-us-faqs[data-type^=headless] .faq-result.is-active .faq-result-detail, .mfp-wrap .contact-us-faqs[data-type^=headless] .faq-result.is-active .faq-result-detail {
  padding-left: 0;
}
.ybs .contact-us-faqs ul .faq-result .faq-result-detail .faq-result-answer, .mfp-wrap .contact-us-faqs ul .faq-result .faq-result-detail .faq-result-answer {
  padding-left: 0;
  padding-top: 0.5em;
  padding-bottom: 1em;
}
.ybs .contact-us-faqs .faq-result-answer ul, .mfp-wrap .contact-us-faqs .faq-result-answer ul {
  list-style: disc;
  margin-left: 1em;
}
.ybs .contact-us-faqs .faq-result-feedback, .mfp-wrap .contact-us-faqs .faq-result-feedback {
  margin-top: 1em;
  /*display: none;*/
}
.ybs .contact-us-faqs .faq-result-feedback-all, .mfp-wrap .contact-us-faqs .faq-result-feedback-all {
  margin-bottom: 1em;
}
.ybs .contact-us-faqs .faq-result-feedback-no, .mfp-wrap .contact-us-faqs .faq-result-feedback-no {
  display: none;
}
.ybs .contact-us-faqs .is-feedback-no-active .faq-result-feedback-all, .mfp-wrap .contact-us-faqs .is-feedback-no-active .faq-result-feedback-all {
  display: none;
}
.ybs .contact-us-faqs .is-feedback-no-active .faq-result-feedback-no, .mfp-wrap .contact-us-faqs .is-feedback-no-active .faq-result-feedback-no {
  display: block;
}
.ybs .contact-us-faqs ol, .mfp-wrap .contact-us-faqs ol {
  counter-reset: item;
}
.ybs .contact-us-faqs ol i.fa,
.ybs .contact-us-faqs ol i.fa:before,
.ybs .contact-us-faqs ol li > .svg-inline--fa, .mfp-wrap .contact-us-faqs ol i.fa,
.mfp-wrap .contact-us-faqs ol i.fa:before,
.mfp-wrap .contact-us-faqs ol li > .svg-inline--fa {
  display: none;
}
.ybs .contact-us-faqs ol > li, .mfp-wrap .contact-us-faqs ol > li {
  margin-left: 1rem;
  margin-bottom: 1.5em;
  list-style: none;
}
.ybs .contact-us-finder, .mfp-wrap .contact-us-finder {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.ybs .contact-us-finder .related-links-container, .mfp-wrap .contact-us-finder .related-links-container {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
  font-size: 16.6933px;
  font-weight: 300;
  line-height: 28.3833px;
}
.ybs .contact-us-finder .related-links-container .fa-li, .mfp-wrap .contact-us-finder .related-links-container .fa-li {
  position: initial;
}
.ybs .contact-us-finder .options, .mfp-wrap .contact-us-finder .options {
  text-align: center;
}
.ybs .contact-us-finder .options > .column, .mfp-wrap .contact-us-finder .options > .column {
  margin-bottom: 2em;
}
.ybs .contact-us-finder .options-container, .mfp-wrap .contact-us-finder .options-container {
  margin-bottom: 0;
  /*animation: slideInFromTop 350ms;*/
}
@-webkit-keyframes slideInFromTop {
  0% {
    opacity: 0.5;
    transform: translateY(-25%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-ms-keyframes slideInFromTop {
0% {
    opacity: 0.5;
    transform: translateY(-25%);
  }
100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInFromTop {
  0% {
    opacity: 0.5;
    transform: translateY(-25%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.ybs .contact-us-finder .option-block, .mfp-wrap .contact-us-finder .option-block {
  box-sizing: border-box;
  padding: 1.5em 0em;
  border: solid 2px #fff;
  background-color: rgb(255, 255, 255);
  text-align: center;
  width: 100%;
  height: 100%;
  border-radius: 0.2em;
  box-shadow: 0px 4px 0px 0px rgba(0, 40, 92, 0.066), 0 0 0.2em rgba(0, 0, 0, 0.05);
  font-family: aller;
  color: #777;
  transition: all 0.2s;
}
.ybs .contact-us-finder .option-block .option-block-icon, .mfp-wrap .contact-us-finder .option-block .option-block-icon {
  font-size: 3.5em;
  margin-bottom: -0.05em;
  margin-top: -0.25em;
}
.ybs .option-block:hover, .mfp-wrap .option-block:hover {
  transform: scale3d(1.1, 1.1, 1.1);
}
.ybs .option-block-icon svg, .mfp-wrap .option-block-icon svg {
  color: #7cc533;
}
.ybs .contact-us-finder .option-block.is-active, .mfp-wrap .contact-us-finder .option-block.is-active {
  border-color: #009C41;
  background-color: #009C41;
  color: #fff;
}
.ybs .is-active .option-block-icon, .mfp-wrap .is-active .option-block-icon {
  color: white;
}
.ybs .is-active .option-block-title, .mfp-wrap .is-active .option-block-title {
  font-family: aller-bold;
}
.ybs .contact-us-finder .results-title,
.ybs .contact-us-finder .options-question, .mfp-wrap .contact-us-finder .results-title,
.mfp-wrap .contact-us-finder .options-question {
  text-align: center;
  font-size: 2em;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0.5em;
  padding-top: 1em;
  width: 90%;
  margin: 0 auto;
  font-size: 1.8em;
  padding-bottom: 1em;
}
.ybs .contact-us-finder .options-question, .mfp-wrap .contact-us-finder .options-question {
  padding-top: 1em;
}
.ybs .contact-us-finder .results-title > span,
.ybs .contact-us-finder .options-question > span, .mfp-wrap .contact-us-finder .results-title > span,
.mfp-wrap .contact-us-finder .options-question > span {
  color: #009c4e;
  font-family: Aller-bold;
}
.ybs .contact-us-finder-modal, .mfp-wrap .contact-us-finder-modal {
  position: relative;
  max-width: 72em;
  background-color: #fff;
  padding: 2em 1em;
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 5px;
}
.ybs .contact-us-finder-modal > .row > .column, .mfp-wrap .contact-us-finder-modal > .row > .column {
  margin-bottom: 1.5em;
}
.ybs .contact-us-finder-modal > .row > .column > .dialog, .mfp-wrap .contact-us-finder-modal > .row > .column > .dialog {
  margin-bottom: 2em;
}
.ybs .contact-us-finder-modal.modal-compressed, .mfp-wrap .contact-us-finder-modal.modal-compressed {
  max-width: 50em;
}
.ybs .contact-us-finder-modal .mfp-close, .mfp-wrap .contact-us-finder-modal .mfp-close {
  right: 0.25em;
  top: 0.05em;
  color: #666;
}
.ybs .contact-us-finder-modal h3, .mfp-wrap .contact-us-finder-modal h3 {
  font-size: 2.5em;
  font-family: YBS-HEadline;
  color: #009c4e;
  line-height: 1em;
  margin-bottom: 0.5em;
}
.ybs .contact-us-finder-modal .phone-number-group, .mfp-wrap .contact-us-finder-modal .phone-number-group {
  display: block;
  margin-bottom: 2em;
}
.ybs .contact-us-finder-modal .telephone-title,
.ybs .contact-us-finder-modal .email-title, .mfp-wrap .contact-us-finder-modal .telephone-title,
.mfp-wrap .contact-us-finder-modal .email-title {
  font-size: 1.2em;
  font-family: Aller-bold;
  display: block;
  margin-bottom: 0.75em;
  max-width: 80%;
}
.ybs .contact-us-finder-modal .telephone-number,
.ybs .contact-us-finder-modal .email-address, .mfp-wrap .contact-us-finder-modal .telephone-number,
.mfp-wrap .contact-us-finder-modal .email-address {
  font-size: 1.5em;
  font-family: Aller-bold;
  color: #009c4e;
  display: block;
  margin-bottom: 0.35em;
}
.ybs .contact-us-finder-modal .telephone-number a, .mfp-wrap .contact-us-finder-modal .telephone-number a {
  text-decoration: none;
}
.ybs .contact-us-finder-modal .email-title, .mfp-wrap .contact-us-finder-modal .email-title {
  margin-bottom: 0.5em;
}
.ybs .contact-us-finder-modal .email-address, .mfp-wrap .contact-us-finder-modal .email-address {
  margin-bottom: 1em;
}
.ybs .contact-us-finder-modal .opening-times, .mfp-wrap .contact-us-finder-modal .opening-times {
  display: block;
  margin: 0.5em 0;
  color: #292929;
  clear: both;
}
.ybs .contact-us-finder-modal .has-overseas .overseas-number, .mfp-wrap .contact-us-finder-modal .has-overseas .overseas-number {
  display: none;
  margin-top: 1.5em;
  border-top: 1px solid #aaa;
  padding-top: 1.5em;
}
.ybs .contact-us-finder-modal .has-overseas:only-of-type .overseas-number,
.ybs .contact-us-finder-modal .has-overseas:last-of-type .overseas-number, .mfp-wrap .contact-us-finder-modal .has-overseas:only-of-type .overseas-number,
.mfp-wrap .contact-us-finder-modal .has-overseas:last-of-type .overseas-number {
  display: block;
}
.ybs .contact-us-finder-modal #form-branchfinder-contact, .mfp-wrap .contact-us-finder-modal #form-branchfinder-contact {
  margin-bottom: 1.5em;
}
.ybs .contact-us-finder-modal .email-us-btn, .mfp-wrap .contact-us-finder-modal .email-us-btn {
  font-size: 0.7em;
}
.ybs .contact-us-finder .box, .mfp-wrap .contact-us-finder .box {
  padding: 1.5em;
  margin-bottom: 1em;
}
.ybs .contact-us-finder .immediate-box, .mfp-wrap .contact-us-finder .immediate-box {
  text-align: center;
  font-size: 1.15em;
}
.ybs .banner-side-panel, .mfp-wrap .banner-side-panel {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  float: left;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  padding: 0 30%;
  background-color: rgba(255, 255, 255, 0.2);
}
@media (min-width: 25em) {
  .ybs .banner-side-panel, .mfp-wrap .banner-side-panel {
    padding: 0 35%;
  }
}
@media (min-width: 40em) {
  .ybs .banner-side-panel, .mfp-wrap .banner-side-panel {
    max-width: 150px;
    margin: 0 auto;
    padding: 2em;
    float: right;
    box-sizing: content-box;
    margin-top: 1.5em;
  }
}
@media (min-width: 72em) {
  .ybs .banner-side-panel, .mfp-wrap .banner-side-panel {
    max-width: 150px;
    margin-right: 0;
  }
}
.ybs .contact-us-finder .results-container, .mfp-wrap .contact-us-finder .results-container {
  padding: 2.5em 0;
  margin-top: 2em;
  margin-bottom: 4em;
}
.ybs .option-block-title, .mfp-wrap .option-block-title {
  font-family: aller-bold;
  font-size: 1.05em;
  color: #009C41;
}
.ybs .is-active .option-block-title, .mfp-wrap .is-active .option-block-title {
  color: white;
}
.ybs .contact-us-finder .option-block .option-block-icon, .mfp-wrap .contact-us-finder .option-block .option-block-icon {
  font-size: 3.5em;
}
.ybs .is-active .option-block-icon svg path, .mfp-wrap .is-active .option-block-icon svg path {
  fill: #fff !important;
  height: 3.1rem;
  width: 3.1rem;
}
.ybs .contact-us-finder .results-title > span, .ybs .contact-us-finder .options-question > span, .mfp-wrap .contact-us-finder .results-title > span, .mfp-wrap .contact-us-finder .options-question > span {
  color: #666;
}
.ybs .option-block-title, .mfp-wrap .option-block-title {
  width: 95%;
  margin: 0 auto;
}
.ybs .contact-us-finder .option-block .option-block-icon, .mfp-wrap .contact-us-finder .option-block .option-block-icon {
  margin-top: -0.4em;
}
@media (max-width: 60em) {
  .ybs .option-block-title, .mfp-wrap .option-block-title {
    font-family: aller-bold;
    font-size: 1.05em;
    color: #009C41;
    margin-top: -0.95em;
  }
}
@media (min-width: 60em) {
  .ybs .contact-us-finder .option-block .option-block-icon, .mfp-wrap .contact-us-finder .option-block .option-block-icon {
    font-size: 3.5em;
  }
}
.ybs .option-block-icon .svg-inline--fa, .mfp-wrap .option-block-icon .svg-inline--fa {
  font-size: 0.85em;
  margin-top: 0.14em;
}
.ybs #help-and-support svg path, .mfp-wrap #help-and-support svg path {
  fill: url(#ybsgradient);
  height: 3.1rem;
  width: 3.1rem;
}
.ybs #help-and-support .faq-extra-links a, .mfp-wrap #help-and-support .faq-extra-links a {
  text-decoration: underline;
}
.ybs #help-and-support .faq-extra-links a:hover, .mfp-wrap #help-and-support .faq-extra-links a:hover {
  text-decoration: none;
}
.ybs #help-and-support ol > li::before, .mfp-wrap #help-and-support ol > li::before {
  -webkit-text-fill-color: #62C422;
  font-family: var(--font-family-headline);
  color: #62C422;
  line-height: 0.7rem;
  margin-left: -3rem;
  margin-top: 0.1em;
  font-size: 2.5rem;
  width: 4rem;
  counter-increment: item;
  content: counter(item);
}
.ybs .faq-result-detail .btn-hollow, .mfp-wrap .faq-result-detail .btn-hollow {
  border-color: var(--button-hollow-hover-bg);
  background-color: transparent;
  color: var(--button-hollow-hover-bg);
}
.ybs .faq-result-detail .btn-hollow:hover, .mfp-wrap .faq-result-detail .btn-hollow:hover {
  background-color: var(--button-hollow-hover-bg);
  color: #fff;
}
.ybs .modal-content .contact-us-finder-modal h3, .mfp-wrap .modal-content .contact-us-finder-modal h3 {
  font-family: var(--font-family-headline);
  padding-bottom: 0.78rem;
  margin-bottom: 1.3rem;
  line-height: 2.6rem;
  font-size: 2.6rem;
  font-weight: 400;
}
.ybs .modal-content .contact-us-finder-modal .telephone-title, .mfp-wrap .modal-content .contact-us-finder-modal .telephone-title {
  font-family: var(--font-family-bold);
  line-height: 1.77rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.ybs .modal-content .contact-us-finder-modal .star-wording span, .mfp-wrap .modal-content .contact-us-finder-modal .star-wording span {
  font-family: var(--font-family-base);
  line-height: 1.41rem;
  font-size: 0.8rem;
  font-weight: 300;
  padding: 0;
}
.ybs .modal-content .contact-us-finder-modal .star-wording .times::before, .mfp-wrap .modal-content .contact-us-finder-modal .star-wording .times::before {
  display: none;
}
.ybs .modal-content .contact-us-finder-modal .star-wording svg, .mfp-wrap .modal-content .contact-us-finder-modal .star-wording svg {
  font-family: var(--font-family-base);
  margin-right: 0.5rem;
  height: 14px;
  width: 14px;
  padding: 0;
  color: #999;
}

.ybs .media-center__head h2 {
  margin-bottom: 0.2em;
}
.ybs .media-center__head p.subtitle {
  color: #665f70;
  font-size: 1.21em;
  margin-bottom: 0;
  padding-bottom: 0.7em;
}
.ybs .media-center__filters {
  height: 56px;
}
.ybs .media-center .pagination {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.35em;
  box-shadow: var(--box-shadow);
  overflow: hidden;
}
.ybs .media-center .pagination__item {
  cursor: pointer;
  font-family: var(--font-family-base);
  font-weight: bold;
  margin: 0;
  border-right: solid 1px #d2d2d2;
}
.ybs .media-center .pagination__item:first-child {
  border-right-width: 2px;
}
.ybs .media-center .pagination__item:last-child {
  border-left: solid 1px #d2d2d2;
  border-right: none;
}
.ybs .media-center .pagination__item.active .pagination__link {
  background-color: var(--color-primary);
  color: var(--color-grey-50);
  cursor: pointer;
}
.ybs .media-center .pagination__link {
  border-radius: 0;
  color: var(--color-primary);
  min-width: 3.25em;
  font-size: 1.1em;
}
.ybs .media-center.loading-spinner {
  position: relative;
  min-height: 10em;
}
.ybs .media-center.loading-spinner:before, .ybs .media-center.loading-spinner:after {
  display: block;
  padding-top: 2em;
  position: absolute;
  top: 2em;
  left: 0;
  width: 100%;
  z-index: 10;
  height: 100%;
}
.ybs .media-center.loading-spinner:after {
  text-align: center;
  color: #fff;
  font-family: "Aller-Bold";
  content: "Loading";
}
.ybs .media-center.loading-spinner:before {
  content: "";
  background-image: url(../images/loading-spinner.gif);
  background-size: 100px 100px;
  background-repeat: no-repeat;
  background-position: top;
}
.ybs .media-center.loading-spinner[data-loading-spinner-text]:after {
  content: attr(data-loading-spinner-text);
}
.ybs .media-center .form-control .media-center__select {
  background-color: #ddd;
}
.ybs .media-center .row-articles {
  display: grid;
  gap: 1.3rem 1.7rem;
  grid-template-columns: 1fr;
  margin-bottom: 1.5rem;
  margin-top: 1rem;
  width: 100%;
}
@media (min-width: 640px) {
  .ybs .media-center .row-articles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .ybs .media-center .row-articles {
    grid-template-columns: repeat(4, 1fr);
  }
}

.ybs #search-wrap-outer,
.mfp-wrap #search-wrap-outer {
  padding: 1.8rem 2.2rem;
  margin-bottom: 2.425rem;
}
.ybs #search-wrap-outer .search-wrap .row,
.mfp-wrap #search-wrap-outer .search-wrap .row {
  max-width: 100%;
}
.ybs #search-wrap-outer .search-wrap label,
.mfp-wrap #search-wrap-outer .search-wrap label {
  font-size: 1rem;
}
.ybs #search-wrap-outer .search-wrap select.form-input-select,
.mfp-wrap #search-wrap-outer .search-wrap select.form-input-select {
  border: 2px solid var(--input-group-border);
  border-bottom: 3px solid var(--input-group-border);
  color: var(--input-text);
  line-height: 1;
  min-height: 44px;
  padding: 0.5em 0.6em;
  -moz-appearance: auto;
  -webkit-appearance: auto;
  appearance: auto;
}
.ybs #search-wrap-outer .search-wrap select.form-input-select:focus,
.mfp-wrap #search-wrap-outer .search-wrap select.form-input-select:focus {
  background: none;
}
.ybs #search-wrap-outer .search-wrap form,
.mfp-wrap #search-wrap-outer .search-wrap form {
  align-items: flex-end;
  margin-left: -12px;
  margin-right: -12px;
}
@media screen and (min-width: 64em) {
  .ybs #search-wrap-outer .search-wrap form .buyer-value-wrap,
  .mfp-wrap #search-wrap-outer .search-wrap form .buyer-value-wrap {
    -webkit-flex: 1 0 content;
    flex: 1 0 content;
  }
}
.ybs #search-wrap-outer .search-wrap .input-group input,
.mfp-wrap #search-wrap-outer .search-wrap .input-group input {
  min-height: 44px;
}
.ybs #search-wrap-outer .search-wrap .input-group .text,
.mfp-wrap #search-wrap-outer .search-wrap .input-group .text {
  padding: 0rem 0.6rem;
  line-height: 1.6em;
}
.ybs #search-wrap-outer .search-wrap .input-group .counter-controls .counter-btn,
.mfp-wrap #search-wrap-outer .search-wrap .input-group .counter-controls .counter-btn {
  min-width: 2rem;
  border: none;
  border-right: 1px solid #dedede;
  border-color: inherit;
  border-radius: 0;
  color: var(--input-text);
  width: 100%;
  padding: 0.2rem 0.5rem;
  height: 100%;
  cursor: pointer;
  font-family: var(--font-family-headline);
  font-weight: bold;
  flex: 0 0 50%;
  max-width: 50%;
}
.ybs #search-wrap-outer .search-wrap .input-group .counter-controls .counter-btn:last-child,
.mfp-wrap #search-wrap-outer .search-wrap .input-group .counter-controls .counter-btn:last-child {
  border-right: none;
}
.ybs #search-wrap-outer .search-wrap .submit-wrap,
.mfp-wrap #search-wrap-outer .search-wrap .submit-wrap {
  -webkit-flex: 1 1 content;
  min-width: fit-content;
  flex: 1 1 content;
  padding-left: 12px;
  padding-right: 12px;
}
.ybs #search-wrap-outer .search-wrap .submit-wrap button.btn.btn-cta,
.mfp-wrap #search-wrap-outer .search-wrap .submit-wrap button.btn.btn-cta {
  width: 100%;
  margin-bottom: 0;
}
.ybs #results-wrap,
.mfp-wrap #results-wrap {
  width: 100%;
}
@media (max-width: 75rem) {
  .ybs #results-wrap .row,
  .mfp-wrap #results-wrap .row {
    max-width: 100%;
  }
}
@media (max-width: 90rem) {
  .ybs #results-wrap .row,
  .mfp-wrap #results-wrap .row {
    max-width: 100%;
  }
}
.ybs #results-wrap .box,
.mfp-wrap #results-wrap .box {
  padding: 1.35rem;
  box-shadow: none;
}
@media screen and (min-width: 50em) {
  .ybs #results-wrap .box,
  .mfp-wrap #results-wrap .box {
    padding: 1.7rem;
  }
}
@media screen and (min-width: 31.25em) {
  .ybs #results-wrap .box,
  .mfp-wrap #results-wrap .box {
    padding: 1.5rem;
  }
}
@media screen and (min-width: 40em) {
  .ybs #results-wrap .box,
  .mfp-wrap #results-wrap .box {
    padding: 1.6rem;
  }
}
@media screen and (max-width: 40em) {
  .ybs #results-wrap .box,
  .mfp-wrap #results-wrap .box {
    padding: 0;
  }
}
@media screen and (max-width: 1018px) {
  .ybs #results-wrap .box,
  .mfp-wrap #results-wrap .box {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.ybs #results-wrap .box.no-results-box,
.mfp-wrap #results-wrap .box.no-results-box {
  border: solid 2px var(--color-secondary);
  border-bottom: solid 3px var(--color-secondary);
  width: 100%;
  padding: 1.7rem;
}
.ybs #results-wrap .box.no-results-box p,
.mfp-wrap #results-wrap .box.no-results-box p {
  margin-bottom: 0;
}
@media screen and (max-width: 63.6375em) {
  .ybs #results-wrap .show-for-large,
  .mfp-wrap #results-wrap .show-for-large {
    display: none !important;
  }
}
@media print, screen and (min-width: 64em) {
  .ybs #results-wrap .hide-for-large,
  .mfp-wrap #results-wrap .hide-for-large {
    display: none !important;
  }
}
.ybs #results-wrap .sidebar h4,
.mfp-wrap #results-wrap .sidebar h4 {
  font-family: var(--font-family-bold);
  letter-spacing: -0.01rem;
  color: var(--text-grey);
  line-height: 1.35rem;
  font-size: 1.3rem;
  margin-bottom: 0.775rem;
}
.ybs #results-wrap .sidebar ul.no-bullets li,
.mfp-wrap #results-wrap .sidebar ul.no-bullets li {
  margin-bottom: 0.75rem;
}
.ybs #results-wrap .product-card-container .mobile-filter-and-sort,
.mfp-wrap #results-wrap .product-card-container .mobile-filter-and-sort {
  margin-bottom: 1em;
  align-items: center;
}
.ybs #results-wrap .product-card-container .mobile-filter-and-sort .refine-button,
.mfp-wrap #results-wrap .product-card-container .mobile-filter-and-sort .refine-button {
  padding-right: 0;
}
.ybs #results-wrap .product-card-container .mobile-filter-and-sort .refine-button .btn,
.mfp-wrap #results-wrap .product-card-container .mobile-filter-and-sort .refine-button .btn {
  width: auto;
  padding: 0.5rem 1.2rem;
  margin: 0;
  border-radius: 0.2em;
  font-family: var(--font-family-bold);
  font-weight: normal;
  line-height: 1.4em;
  text-align: center;
  cursor: pointer;
  border: solid transparent 2px;
  background-color: transparent;
  color: var(--color-primary);
  border-color: var(--color-primary);
  margin-left: auto;
  display: block;
}
@media screen and (max-width: 639px) {
  .ybs #results-wrap .product-card-container .mobile-filter-and-sort .refine-button .btn.btn-cta,
  .mfp-wrap #results-wrap .product-card-container .mobile-filter-and-sort .refine-button .btn.btn-cta {
    width: 100%;
  }
}
.ybs #results-wrap .product-card-container .mobile-filter-and-sort .order-by,
.mfp-wrap #results-wrap .product-card-container .mobile-filter-and-sort .order-by {
  flex-grow: 1;
  flex-shrink: 1;
  align-items: center;
}
.ybs #results-wrap .product-card-container .mobile-filter-and-sort .order-by .order-by__label,
.mfp-wrap #results-wrap .product-card-container .mobile-filter-and-sort .order-by .order-by__label {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
  padding-right: 0.9101112rem;
  padding-left: 0.9101112rem;
  font-size: 1rem;
}
@media screen and (max-width: 639px) {
  .ybs #results-wrap .product-card-container .mobile-filter-and-sort .order-by .order-by__label,
  .mfp-wrap #results-wrap .product-card-container .mobile-filter-and-sort .order-by .order-by__label {
    padding-left: 0;
    font-size: 0.9rem;
  }
}
.ybs #results-wrap .product-card-container .mobile-filter-and-sort .input,
.mfp-wrap #results-wrap .product-card-container .mobile-filter-and-sort .input {
  min-width: 10em;
}
@media print, screen and (min-width: 801px) {
  .ybs #results-wrap .product-card-container .mobile-filter-and-sort .input,
  .mfp-wrap #results-wrap .product-card-container .mobile-filter-and-sort .input {
    min-width: auto;
  }
}
.ybs #results-wrap .product-card-container .mobile-filter-and-sort .mortgage-count,
.mfp-wrap #results-wrap .product-card-container .mobile-filter-and-sort .mortgage-count {
  color: var(--button-hollow-text);
  font-style: italic;
}
@media screen and (max-width: 639px) {
  .ybs #results-wrap .product-card-container .mobile-filter-and-sort .mortgage-count,
  .mfp-wrap #results-wrap .product-card-container .mobile-filter-and-sort .mortgage-count {
    width: 100%;
    padding: 1em 0;
    margin-bottom: 1em;
    border-bottom: 1px solid #dfe6ec;
    border-top: 1px solid #dfe6ec;
  }
}
@media print, screen and (min-width: 640px) {
  .ybs #results-wrap .product-card-container .mobile-filter-and-sort .mortgage-count,
  .ybs #results-wrap .product-card-container .mobile-filter-and-sort .order-refine-wrap,
  .mfp-wrap #results-wrap .product-card-container .mobile-filter-and-sort .mortgage-count,
  .mfp-wrap #results-wrap .product-card-container .mobile-filter-and-sort .order-refine-wrap {
    display: flex;
    align-items: center;
  }
  .ybs #results-wrap .product-card-container .mobile-filter-and-sort .order-refine-wrap,
  .mfp-wrap #results-wrap .product-card-container .mobile-filter-and-sort .order-refine-wrap {
    justify-content: flex-end;
  }
}
.ybs #results-wrap .product-card-container .box,
.mfp-wrap #results-wrap .product-card-container .box {
  box-shadow: var(--box-shadow);
}
.ybs #results-wrap .product-card-container .product-listing,
.mfp-wrap #results-wrap .product-card-container .product-listing {
  background-color: var(--color-grey-50);
  padding: 1.4em;
  margin-bottom: 1.4em;
}
@media print, screen and (min-width: 640px) {
  .ybs #results-wrap .product-card-container .product-listing,
  .mfp-wrap #results-wrap .product-card-container .product-listing {
    padding-bottom: 1.5em;
  }
}
.ybs #results-wrap .product-card-container .product-listing .tcs-text,
.mfp-wrap #results-wrap .product-card-container .product-listing .tcs-text {
  color: var(--button-hollow-text);
  font-family: var(--font-family-base);
  min-height: 4.25em;
  font-size: 0.85rem;
  line-height: 1.6;
  width: 102%;
  margin-top: 0.55em;
}
@media print, screen and (min-width: 640px) {
  .ybs #results-wrap .product-card-container .product-listing .tcs-text,
  .mfp-wrap #results-wrap .product-card-container .product-listing .tcs-text {
    line-height: normal;
    min-height: unset;
    margin: 0;
    align-self: center;
  }
}
.ybs #results-wrap .product-card-container .product-listing .details,
.mfp-wrap #results-wrap .product-card-container .product-listing .details {
  font-size: 0.88em;
  color: #555;
  display: inline;
  line-height: 1.35em;
}
.ybs #results-wrap .product-card-container .product-listing .additional-features,
.mfp-wrap #results-wrap .product-card-container .product-listing .additional-features {
  display: flex;
  margin: 0.5em 0;
  flex-wrap: wrap;
}
.ybs #results-wrap .product-card-container .product-listing .additional-features .product-feature,
.mfp-wrap #results-wrap .product-card-container .product-listing .additional-features .product-feature {
  padding: 0;
  position: relative;
  margin: 1em 1em 0 0;
}
@media print, screen and (min-width: 640px) {
  .ybs #results-wrap .product-card-container .product-listing .additional-features .product-feature,
  .mfp-wrap #results-wrap .product-card-container .product-listing .additional-features .product-feature {
    margin: 0.3em 1em 0.3em 0.3em;
  }
}
.ybs #results-wrap .product-card-container .product-listing .additional-features .product-feature.loyalty svg,
.mfp-wrap #results-wrap .product-card-container .product-listing .additional-features .product-feature.loyalty svg {
  border: none;
  margin-right: -5px;
}
.ybs #results-wrap .product-card-container .product-listing .additional-features .details-with-icon,
.mfp-wrap #results-wrap .product-card-container .product-listing .additional-features .details-with-icon {
  color: var(--color-secondary);
  border-color: var(--color-secondary);
  font-family: var(--font-family-bold);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50em;
}
.ybs #results-wrap .product-card-container .product-listing .additional-features .details-with-icon svg,
.mfp-wrap #results-wrap .product-card-container .product-listing .additional-features .details-with-icon svg {
  margin-bottom: -0.075em;
  padding: 0.1em;
  border-radius: 50%;
  border: 2px solid;
  opacity: 0.7;
  font-size: 1.4rem;
  margin-top: -0.15em;
  margin-right: 0.2em;
}
.ybs #results-wrap .product-card-container .product-listing .additional-features .details-with-icon.highlight-1,
.mfp-wrap #results-wrap .product-card-container .product-listing .additional-features .details-with-icon.highlight-1 {
  color: var(--details-highlight-1);
  border-color: var(--details-highlight-1);
}
.ybs #results-wrap .product-card-container .product-listing .additional-features .details-with-icon.highlight-2,
.mfp-wrap #results-wrap .product-card-container .product-listing .additional-features .details-with-icon.highlight-2 {
  color: var(--details-highlight-2);
  border-color: var(--details-highlight-2);
}
.ybs #results-wrap .product-card-container .product-listing .additional-features .details-with-icon.highlight-3,
.mfp-wrap #results-wrap .product-card-container .product-listing .additional-features .details-with-icon.highlight-3 {
  color: var(--details-highlight-3);
  border-color: var(--details-highlight-3);
}
.ybs #results-wrap .product-card-container .product-listing .cta-row,
.mfp-wrap #results-wrap .product-card-container .product-listing .cta-row {
  max-width: none;
  flex-wrap: inherit;
  flex-flow: row wrap;
  display: flex;
}
@media screen and (max-width: 639px) {
  .ybs #results-wrap .product-card-container .product-listing .cta-row,
  .mfp-wrap #results-wrap .product-card-container .product-listing .cta-row {
    width: 100%;
  }
}
.ybs #results-wrap .product-card-container .product-listing .cta-row .medium-expand,
.mfp-wrap #results-wrap .product-card-container .product-listing .cta-row .medium-expand {
  display: flex;
  flex: 1 1 0px;
  max-width: 100%;
  width: inherit;
}
.ybs #results-wrap .product-card-container .product-listing .cta-row .shrink,
.mfp-wrap #results-wrap .product-card-container .product-listing .cta-row .shrink {
  display: flex;
  max-width: inherit;
  flex: 0 0 auto;
  max-width: 100%;
  width: inherit;
}
@media screen and (max-width: 639px) {
  .ybs #results-wrap .product-card-container .product-listing .cta-row .product-row-wrap__buttons .product-compare,
  .mfp-wrap #results-wrap .product-card-container .product-listing .cta-row .product-row-wrap__buttons .product-compare {
    display: none;
  }
}
@media screen and (max-width: 639px) {
  .ybs #results-wrap .product-card-container .product-listing .cta-row .product-row-wrap__buttons .view-details,
  .ybs #results-wrap .product-card-container .product-listing .cta-row .product-row-wrap__buttons .btn-cta,
  .mfp-wrap #results-wrap .product-card-container .product-listing .cta-row .product-row-wrap__buttons .view-details,
  .mfp-wrap #results-wrap .product-card-container .product-listing .cta-row .product-row-wrap__buttons .btn-cta {
    width: 100%;
  }
}
.ybs #results-wrap .product-card-container .product-listing .product-title-wrap,
.mfp-wrap #results-wrap .product-card-container .product-listing .product-title-wrap {
  font-size: 1.05em;
  margin-bottom: 0.75em;
}
.ybs #results-wrap .product-card-container .product-listing .product-code,
.mfp-wrap #results-wrap .product-card-container .product-listing .product-code {
  color: var(--color-grey-600);
  font-size: 60%;
  font-family: var(--font-family-base);
}
.ybs #results-wrap .product-card-container .product-listing .product-row-wrap,
.mfp-wrap #results-wrap .product-card-container .product-listing .product-row-wrap {
  margin-bottom: 1.5em;
}
@media print, screen and (min-width: 640px) and (max-width: 810px) {
  .ybs #results-wrap .product-card-container .product-listing .product-row-wrap,
  .mfp-wrap #results-wrap .product-card-container .product-listing .product-row-wrap {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 40em) {
  .ybs #results-wrap .product-card-container .product-listing .product-row-wrap .col,
  .mfp-wrap #results-wrap .product-card-container .product-listing .product-row-wrap .col {
    padding-right: 0.9101112rem;
    padding-left: 0.9101112rem;
  }
}
.ybs #results-wrap .product-card-container .product-listing .product-row-wrap a,
.mfp-wrap #results-wrap .product-card-container .product-listing .product-row-wrap a {
  text-decoration: none;
}
.ybs #results-wrap .product-card-container .product-listing .product-row-wrap .name,
.mfp-wrap #results-wrap .product-card-container .product-listing .product-row-wrap .name {
  display: block;
  margin-bottom: 0.5rem;
  line-height: 1.35rem;
  color: var(--button-hollow-text);
  font-family: var(--font-family-base);
  min-height: 4.25rem;
  font-size: 0.95rem;
}
@media print, screen and (min-width: 640px) and (max-width: 810px) {
  .ybs #results-wrap .product-card-container .product-listing .product-row-wrap .name,
  .mfp-wrap #results-wrap .product-card-container .product-listing .product-row-wrap .name {
    line-height: 1em;
    min-height: 1em;
  }
}
@media print, screen and (max-width: 639px) {
  .ybs #results-wrap .product-card-container .product-listing .product-row-wrap .name,
  .mfp-wrap #results-wrap .product-card-container .product-listing .product-row-wrap .name {
    display: block;
    width: 100%;
    flex: auto;
    text-align: left;
    line-height: 1.25em;
    align-self: center;
    min-height: inherit;
    color: var(--color-heading);
  }
}
.ybs #results-wrap .product-card-container .product-listing .product-row-wrap .value,
.mfp-wrap #results-wrap .product-card-container .product-listing .product-row-wrap .value {
  display: block;
  color: var(--color-primary);
  font-family: var(--font-family-headline);
  margin-bottom: 0.075rem;
  font-size: 2rem;
  text-align: right;
}
@media screen and (min-width: 40em) {
  .ybs #results-wrap .product-card-container .product-listing .product-row-wrap .value,
  .mfp-wrap #results-wrap .product-card-container .product-listing .product-row-wrap .value {
    text-align: left;
    line-height: normal;
  }
}
@media screen and (max-width: 639px) {
  .ybs #results-wrap .product-card-container .product-listing .product-row-wrap .value,
  .mfp-wrap #results-wrap .product-card-container .product-listing .product-row-wrap .value {
    line-height: 1;
  }
}
.ybs #results-wrap .product-card-container .product-listing .product-row-wrap .value .aprc-text,
.mfp-wrap #results-wrap .product-card-container .product-listing .product-row-wrap .value .aprc-text {
  font-size: 0.65em;
  display: block;
  line-height: 0;
}
@media screen and (min-width: 40em) {
  .ybs #results-wrap .product-card-container .product-listing .product-row-wrap .value .aprc-text,
  .mfp-wrap #results-wrap .product-card-container .product-listing .product-row-wrap .value .aprc-text {
    line-height: normal;
  }
}
@media screen and (max-width: 639px) {
  .ybs #results-wrap .product-card-container .product-listing .product-row-wrap .value .aprc-text,
  .mfp-wrap #results-wrap .product-card-container .product-listing .product-row-wrap .value .aprc-text {
    line-height: normal;
  }
}
@media screen and (min-width: 40em) {
  .ybs #results-wrap .product-card-container .product-listing > .product-row-wrap > .col,
  .mfp-wrap #results-wrap .product-card-container .product-listing > .product-row-wrap > .col {
    border-right: solid 3px #e6e6e6;
    border-radius: 0.2em;
  }
  .ybs #results-wrap .product-card-container .product-listing > .product-row-wrap > .col:last-child,
  .mfp-wrap #results-wrap .product-card-container .product-listing > .product-row-wrap > .col:last-child {
    border-right: none;
  }
}
@media print, screen and (min-width: 640px) and (max-width: 810px) {
  .ybs #results-wrap .product-card-container .product-listing > .product-row-wrap > .col,
  .mfp-wrap #results-wrap .product-card-container .product-listing > .product-row-wrap > .col {
    flex: 1 1 40%;
    display: block;
    border-bottom: solid 3px #e6e6e6;
    max-width: none;
    border-right: solid 3px #e6e6e6;
    padding: 1em;
    border-width: 1px;
    border-radius: 0;
  }
  .ybs #results-wrap .product-card-container .product-listing > .product-row-wrap > .col:nth-child(even),
  .mfp-wrap #results-wrap .product-card-container .product-listing > .product-row-wrap > .col:nth-child(even) {
    border-right: none;
  }
}
@media screen and (max-width: 639px) {
  .ybs #results-wrap .product-card-container .product-listing > .product-row-wrap > .col,
  .mfp-wrap #results-wrap .product-card-container .product-listing > .product-row-wrap > .col {
    flex-direction: row;
    margin-bottom: 0.2em;
    display: flex;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    border-bottom: 1px dotted #dfe6ec;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1em;
  }
  .ybs #results-wrap .product-card-container .product-listing > .product-row-wrap > .col .product-spec-detail-wrap,
  .mfp-wrap #results-wrap .product-card-container .product-listing > .product-row-wrap > .col .product-spec-detail-wrap {
    width: 100%;
    text-align: right;
    margin: 20px 0;
  }
}
.ybs #results-wrap .product-card-container .modal-link,
.mfp-wrap #results-wrap .product-card-container .modal-link {
  text-decoration: none;
}
.ybs #results-wrap .comparison-wrap,
.mfp-wrap #results-wrap .comparison-wrap {
  border-top: none;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  margin: 0;
  padding: 1em 0 1em 0;
  z-index: 22;
  background: #dff0f7;
  background: radial-gradient(ellipse at center, #dff0f7 0%, #a4d3db 100%);
}
.ybs #results-wrap .comparison-wrap .comparison-inner-wrap,
.mfp-wrap #results-wrap .comparison-wrap .comparison-inner-wrap {
  max-width: 67em;
  margin: 0 auto;
}
.ybs #results-wrap .comparison-wrap .comparison-inner-wrap .mfp-close,
.mfp-wrap #results-wrap .comparison-wrap .comparison-inner-wrap .mfp-close {
  color: var(--color-grey-1000);
}
.ybs #results-wrap .comparison-wrap .clear-all,
.mfp-wrap #results-wrap .comparison-wrap .clear-all {
  position: absolute;
  top: 0.25em;
  right: 0.25em;
  color: #fff;
  font-size: 3em;
  cursor: pointer;
  padding: 0.5em;
}
.ybs #results-wrap .comparison-wrap .compare-group h3,
.mfp-wrap #results-wrap .comparison-wrap .compare-group h3 {
  color: #fff;
}
.ybs #results-wrap .comparison-wrap .compare-group .compare-items,
.mfp-wrap #results-wrap .comparison-wrap .compare-group .compare-items {
  margin-bottom: 0.25em;
}
.ybs #results-wrap .comparison-wrap .compare-group .compare-item,
.mfp-wrap #results-wrap .comparison-wrap .compare-group .compare-item {
  position: relative;
  display: inline-block;
  padding: 0.75em;
  vertical-align: top;
  width: 100%;
  height: 100%;
  border: solid 1px var(--color-grey-50);
  border-radius: 5px;
  background-color: var(--color-grey-50);
  font-family: Aller-bold;
  padding-right: 1.5em;
}
.ybs #results-wrap .comparison-wrap .compare-group .compare-item.empty-slot,
.mfp-wrap #results-wrap .comparison-wrap .compare-group .compare-item.empty-slot {
  color: var(--color-grey-50);
  background-color: transparent;
  border-style: dashed;
}
.ybs #results-wrap .comparison-wrap .compare-group .compare-item .icon-close,
.mfp-wrap #results-wrap .comparison-wrap .compare-group .compare-item .icon-close {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  cursor: pointer;
  padding: 15px;
}
.ybs #results-wrap .comparison-wrap .compare-group .compare-item .product-code,
.mfp-wrap #results-wrap .comparison-wrap .compare-group .compare-item .product-code {
  color: #666;
  display: inline-block;
  font-size: 0.86em;
}
.ybs #results-wrap .comparison-wrap .compare-group .btn,
.mfp-wrap #results-wrap .comparison-wrap .compare-group .btn {
  margin: 0;
}
.ybs #results-wrap .comparison-wrap .compare-group,
.mfp-wrap #results-wrap .comparison-wrap .compare-group {
  padding: 0.5em 1em;
}
.ybs #results-wrap .comparison-wrap .compare-group h3,
.mfp-wrap #results-wrap .comparison-wrap .compare-group h3 {
  color: #4c4c4c;
}
.ybs #results-wrap .compare-items .flex-container,
.mfp-wrap #results-wrap .compare-items .flex-container {
  padding-left: 0;
}
.ybs #results-wrap .compare__cta-section,
.mfp-wrap #results-wrap .compare__cta-section {
  justify-content: center;
  display: flex;
}
.ybs #results-wrap .compare__cta-section .btn-cta,
.mfp-wrap #results-wrap .compare__cta-section .btn-cta {
  align-self: center;
}
@media print, screen and (max-width: 900px) {
  .ybs #results-wrap .compare__cta-section,
  .mfp-wrap #results-wrap .compare__cta-section {
    width: 100%;
    margin-top: 1.5em;
  }
}
.ybs #results-wrap .comparison-inner-wrap .clear-all.icon-close,
.mfp-wrap #results-wrap .comparison-inner-wrap .clear-all.icon-close {
  top: 0;
  color: #4c4c4c;
  line-height: 0.5em;
}
.ybs #results-wrap .comparison-wrap .compare-group .compare-item .icon-close,
.mfp-wrap #results-wrap .comparison-wrap .compare-group .compare-item .icon-close {
  top: 0;
  padding: 0.7em;
  line-height: 1em;
  transform: none;
  font-size: 1rem;
  color: var(--color-grey-1000);
}
.ybs #results-wrap .comparison-wrap .compare-group .compare-item.empty-slot,
.mfp-wrap #results-wrap .comparison-wrap .compare-group .compare-item.empty-slot {
  color: #4c4c4c;
  background-color: #f2f2f2;
  border: none;
}
.ybs #results-wrap .comparison-wrap .compare-group .compare-item,
.mfp-wrap #results-wrap .comparison-wrap .compare-group .compare-item {
  box-shadow: 0px 4px 0px 0px rgba(0, 40, 92, 0.066), 0 0 0.2em rgba(0, 0, 0, 0.05);
  padding: 1.5em 2.5em 1.5em 3em;
  line-height: 1.4em;
}
.ybs #results-wrap .compare-item-1:before,
.ybs #results-wrap .compare-item-2:before,
.ybs #results-wrap .compare-item-3:before,
.mfp-wrap #results-wrap .compare-item-1:before,
.mfp-wrap #results-wrap .compare-item-2:before,
.mfp-wrap #results-wrap .compare-item-3:before {
  content: "";
  position: absolute;
  left: 0.1em;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  line-height: 0.7em;
  font-family: ybs-headline;
  font-size: 4rem;
  background: transparent;
  background: var(--color-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgba 0, 0, 0, 0));
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgba 0, 0, 0, 0));
}
.ybs #results-wrap .compare-item-1:before,
.mfp-wrap #results-wrap .compare-item-1:before {
  content: "1";
}
.ybs #results-wrap .compare-item-2:before,
.mfp-wrap #results-wrap .compare-item-2:before {
  content: "2";
}
.ybs #results-wrap .compare-item-3:before,
.mfp-wrap #results-wrap .compare-item-3:before {
  content: "3";
}
.ybs #results-wrap .empty-slot.compare-item-2:before,
.ybs #results-wrap .empty-slot.compare-item-3:before,
.mfp-wrap #results-wrap .empty-slot.compare-item-2:before,
.mfp-wrap #results-wrap .empty-slot.compare-item-3:before {
  color: var(--input-placeholder);
  background: -webkit-linear-gradient(var(--input-placeholder), #959595);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgba 0, 0, 0, 0));
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgba 0, 0, 0, 0));
}
.ybs #mobile-filters,
.mfp-wrap #mobile-filters {
  background: var(--color-grey-50);
  margin: 0 auto;
  padding: 1em;
  margin: 1em;
  position: relative;
  width: unset;
  min-height: unset;
  border-radius: 0;
}
.ybs #mobile-filters .filter-group,
.mfp-wrap #mobile-filters .filter-group {
  margin: 1em 0;
  border-bottom: 1px solid #dfe6ec;
}
.ybs #mobile-filters .filter-group h4.sort,
.mfp-wrap #mobile-filters .filter-group h4.sort {
  font-size: 1.4em;
  font-family: var(--font-family-bold);
  letter-spacing: -0.015em;
  color: var(--color-heading);
  margin-top: 0;
  padding-bottom: 0.3em;
}
.ybs #mobile-filters .btn.btn-cta,
.mfp-wrap #mobile-filters .btn.btn-cta {
  width: 100%;
  margin: 0;
  min-height: 3.5em;
}
@media screen and (max-width: 639px) {
  .ybs #mobile-filters .view-details,
  .mfp-wrap #mobile-filters .view-details {
    width: 100%;
  }
  .ybs #mobile-filters .view-details .product-compare,
  .mfp-wrap #mobile-filters .view-details .product-compare {
    width: 100%;
  }
}
.ybs #mobile-filters .no-bullets,
.mfp-wrap #mobile-filters .no-bullets {
  font-size: 1.2em;
  width: 100%;
  margin-top: 0.5em;
  margin: auto;
  display: flex;
}
.ybs #mobile-filters .no-bullets li,
.mfp-wrap #mobile-filters .no-bullets li {
  display: inline-block;
  width: 33%;
  padding: 0 0.5em;
  text-align: center;
}
.ybs table th,
.ybs table tbody th,
.mfp-wrap table th,
.mfp-wrap table tbody th {
  background-color: #eeeef2;
  color: var(--text-note);
  border: solid 1px var(--input-placeholder);
  font-family: var(--font-family-bold);
  font-weight: normal;
  padding: 0.7rem 1rem;
  vertical-align: top;
  text-align: left;
}
.ybs table tbody td,
.mfp-wrap table tbody td {
  background-color: transparent;
  border: solid 1px var(--text-hero-dark);
  padding: 0.7em 1em;
  transition: background-color 250ms;
  vertical-align: top;
}
.ybs table tbody tr:nth-child(even),
.mfp-wrap table tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f9f9fc;
}
.ybs #compare-products,
.mfp-wrap #compare-products {
  background: var(--color-grey-50);
  margin: 0 auto;
  max-width: 100%;
  padding: 1em;
  width: 450px;
  height: 100%;
}
@media screen and (min-width: 40em) {
  .ybs #compare-products,
  .mfp-wrap #compare-products {
    width: 70%;
  }
}
@media screen and (min-width: 64em) {
  .ybs #compare-products,
  .mfp-wrap #compare-products {
    width: 50%;
  }
}
.ybs #compare-products .mfp-close,
.mfp-wrap #compare-products .mfp-close {
  color: var(--color-grey-1000);
}
.ybs #compare-products h3,
.mfp-wrap #compare-products h3 {
  color: var(--color-heading);
  font-family: var(--font-family-base);
  font-size: 1.65rem;
  letter-spacing: -0.01rem;
  margin-bottom: 0.75rem;
}
.ybs #compare-products h4,
.mfp-wrap #compare-products h4 {
  font-size: 1.2rem;
  font-family: var(--font-family-bold);
  color: var(--color-heading);
  line-height: normal;
}
.ybs #compare-products.active .different th,
.mfp-wrap #compare-products.active .different th {
  color: var(--color-grey-50);
  position: relative;
  overflow: hidden;
  border: 1px solid var(--input-placeholder);
  background-color: var(--color-secondary);
  border-bottom: dashed 1px var(--color-secondary);
}
.ybs #compare-products.active .different th:after,
.mfp-wrap #compare-products.active .different th:after {
  content: "";
  width: 0.5em;
  height: 50em;
  position: absolute;
  right: 0;
  transform: translate3d(0, -50%, 0);
  top: 50%;
  background-color: var(--color-secondary);
}
.ybs #compare-products.active .different td, .ybs #compare-products.active .different td span,
.mfp-wrap #compare-products.active .different td,
.mfp-wrap #compare-products.active .different td span {
  color: var(--color-secondary);
}
.ybs #compare-products .table,
.mfp-wrap #compare-products .table {
  font-size: 1rem;
}
.ybs #compare-products .table ul,
.mfp-wrap #compare-products .table ul {
  margin: 0;
  margin-bottom: 1.5em;
  padding: 0;
  list-style: none;
  text-align: left;
}
.ybs #compare-products .table ul li,
.mfp-wrap #compare-products .table ul li {
  font-size: 1em;
  position: relative;
}
.ybs #compare-products .table ul li::before,
.mfp-wrap #compare-products .table ul li::before {
  content: "";
  position: absolute;
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
  margin-top: 0.28em;
  margin-left: -1.5em;
  background-color: var(--color-secondary);
}
.ybs #compare-products .table-container,
.mfp-wrap #compare-products .table-container {
  margin-bottom: 0;
  max-height: 600px;
  max-height: 70vh;
  overflow-y: scroll;
  display: block;
  position: relative;
}
.ybs #compare-products .table-container::-webkit-scrollbar-track,
.mfp-wrap #compare-products .table-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background-color: rgba(0, 40, 92, 0.066);
}
.ybs #compare-products .table-container::-webkit-scrollbar,
.mfp-wrap #compare-products .table-container::-webkit-scrollbar {
  width: 12px;
}
.ybs #compare-products .table-container::-webkit-scrollbar-thumb,
.mfp-wrap #compare-products .table-container::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: var(--link);
}
@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .ybs .show-for-small-only,
  .mfp-wrap .show-for-small-only {
    display: none;
  }
}
@media screen and (max-width: 39.9em) {
  .ybs .hide-for-small-only,
  .mfp-wrap .hide-for-small-only {
    display: none;
  }
}

.ybs .mortgage-product-details ::selection {
  background-color: var(--color-primary);
  color: #fff;
}
.ybs .mortgage-product-details .table tbody tr th {
  width: 13rem;
}
@media screen and (max-width: 1280px) {
  .ybs .mortgage-product-details .table tbody tr th {
    width: 9.5rem;
  }
}
.ybs .mortgage-product-details .hero {
  box-shadow: 0px 4px 0px 0px rgba(0, 40, 92, 0.066), 0 0 0.2em rgba(0, 0, 0, 0.05);
  margin-top: -1.5em;
  width: 100%;
  display: block;
  clear: both;
  position: relative;
  overflow: hidden;
  padding-bottom: 0;
  padding-top: 2em;
  background: var(--color-primary);
}
.ybs .mortgage-product-details .hero.hero-green.hero-dark {
  padding-top: 3.2rem;
}
.ybs .mortgage-product-details .hero .hero-content {
  padding-bottom: 1em;
}
.ybs .mortgage-product-details .hero .hero-content h1,
.ybs .mortgage-product-details .hero .hero-content h3,
.ybs .mortgage-product-details .hero .hero-content p,
.ybs .mortgage-product-details .hero .hero-content svg {
  color: var(--color-grey-50);
  letter-spacing: 0.01em;
}
.ybs .mortgage-product-details .hero .hero-content h1 {
  font-size: 4.5em;
  margin-top: 0.04em;
  margin-bottom: 0.2em;
  line-height: 0.75em;
}
.ybs .mortgage-product-details .hero .hero-content .rate-pretext {
  font-size: 1.25em;
  font-family: var(--font-family-bold);
  padding: 0;
  margin: 0.5rem 0 -0.15rem 0;
}
.ybs .mortgage-product-details .hero .hero-content .rate-title {
  font-size: 4em;
}
.ybs .mortgage-product-details .hero .hero-content .product-spec-extra-text {
  font-size: 0.9em;
  margin-top: -0.7rem;
}
.ybs .mortgage-product-details .hero .hero-content .aprc {
  font-size: 0.7em;
}
@media screen and (max-width: 80em) {
  .ybs .mortgage-product-details .hero .hero-content h1 {
    font-size: 4em;
  }
  .ybs .mortgage-product-details .hero .hero-content .rate-pretext {
    font-size: 1.125em;
  }
  .ybs .mortgage-product-details .hero .hero-content .rate-title {
    font-size: 3.575em;
  }
  .ybs .mortgage-product-details .hero .hero-content .product-spec-extra-text {
    font-size: 0.8em;
  }
  .ybs .mortgage-product-details .hero .warning-box {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 40em) {
  .ybs .mortgage-product-details .hero .hero-content h1 {
    font-size: 2.2em;
    margin-top: -0.05em;
    margin-bottom: 0;
  }
  .ybs .mortgage-product-details .hero .hero-content .product-name {
    margin-bottom: 0.4em;
  }
  .ybs .mortgage-product-details .hero .hero-content .rate-pretext {
    font-size: 1.15em;
    margin-top: -0.75rem;
    margin-bottom: 0.2rem;
  }
  .ybs .mortgage-product-details .hero .hero-content .rate-title {
    font-size: 2.2em;
    margin-bottom: 1rem;
  }
  .ybs .mortgage-product-details .hero .hero-content .product-spec-extra-text {
    font-size: 0.8em;
  }
  .ybs .mortgage-product-details .hero .warning-box {
    font-size: 0.8em;
    margin-top: -1rem;
  }
}
.ybs .mortgage-product-details .hero .background {
  min-height: 100%;
  min-width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 0;
}
.ybs .mortgage-product-details .hero.squircles .background:before {
  content: "";
  z-index: 2;
  opacity: 1;
  background-image: url("/o/ybs-theme/images/img/squircles-full.png");
  width: 100%;
  height: 101%;
  background-size: cover;
  background-position: bottom;
  position: absolute;
}
.ybs .mortgage-product-details .half-height {
  margin: 0.5rem 0;
  height: 0.75rem;
}
.ybs .mortgage-product-details #mor-details h4 {
  font-size: 1.20384em;
  color: var(--input-text);
}
.ybs .mortgage-product-details #mor-details .module a.btn-full-width {
  width: 100%;
  font-size: 0.9em;
}
.ybs .mortgage-product-details #mor-details .module li.important-info-item {
  font-size: 1em;
  letter-spacing: normal;
  line-height: 1.7em;
  padding-left: 1.55rem;
  display: block;
}
.ybs .mortgage-product-details #mor-details .module li.important-info-item::before {
  margin-left: -1.6em;
}
@media screen and (max-width: 80em) {
  .ybs .mortgage-product-details #mor-details .module li.important-info-item {
    font-size: 0.89423em;
    line-height: 1.6em;
    margin-bottom: 0;
  }
}
.ybs .mortgage-product-details #mor-details .mortgage-details h3 {
  font-size: 1.4em;
}
.ybs .mortgage-product-details #mor-details .mortgage-details .table th a {
  color: var(--input-text);
  text-decoration: none;
}
.ybs .mortgage-product-details #mor-details .mortgage-details .table th a svg {
  color: var(--color-primary);
}
.ybs .mortgage-product-details #mor-details .mortgage-details .table .fees {
  padding: 0 0.2em 0 0.2em;
}
.ybs .mortgage-product-details #mor-details .mortgage-details .table .add-features-spec-detail li,
.ybs .mortgage-product-details #mor-details .mortgage-details .table li.erc-item,
.ybs .mortgage-product-details #mor-details .mortgage-details .table .available-for li {
  font-size: 1em;
  letter-spacing: normal;
  line-height: normal;
  padding-left: 1.55rem;
}
.ybs .mortgage-product-details #mor-details .mortgage-details .table .add-features-spec-detail li::before,
.ybs .mortgage-product-details #mor-details .mortgage-details .table li.erc-item::before,
.ybs .mortgage-product-details #mor-details .mortgage-details .table .available-for li::before {
  margin-left: -1.6em;
  margin-top: 0.09em;
}
@media screen and (max-width: 80em) {
  .ybs .mortgage-product-details #mor-details h4 {
    font-size: 1.075em;
  }
  .ybs .mortgage-product-details #mor-details .mortgage-details h3 {
    font-size: 1.3rem;
  }
  .ybs .mortgage-product-details #mor-details .mortgage-details .table tbody th {
    font-size: 0.9em;
  }
  .ybs .mortgage-product-details #mor-details .mortgage-details .table .fees {
    margin-left: -0.5em;
    margin-right: -0.5em;
  }
  .ybs .mortgage-product-details #mor-details .mortgage-details .table .add-features-spec-detail li,
  .ybs .mortgage-product-details #mor-details .mortgage-details .table li.erc-item,
  .ybs .mortgage-product-details #mor-details .mortgage-details .table .available-for li {
    font-size: 0.89423em;
  }
}
.ybs .mortgage-product-details #freelegalservice li.important-info-item {
  font-size: 1em;
  letter-spacing: normal;
  line-height: normal;
  padding-left: 1.55rem;
}
.ybs .mortgage-product-details #freelegalservice li.important-info-item::before {
  margin-left: -1.6em;
  margin-top: 0.09em;
}
@media screen and (max-width: 80em) {
  .ybs .mortgage-product-details #freelegalservice li.important-info-item {
    font-size: 0.89423em;
  }
}
.ybs .mortgage-product-details .container-modal .modal {
  -webkit-animation: fadein ease 0.6s;
  -moz-animation: fadein ease 0.6s;
  -ms-animation: fadein ease 0.6s;
  -o-animation: fadein ease 0.6s;
  animation: fadein ease 0.6s;
}
.ybs .mortgage-product-details .container-modal .modal__wrapper__content {
  border: 0 !important;
  padding-bottom: 0 !important;
  margin-top: -2.5em !important;
}
.ybs .mortgage-product-details .container-modal .modal__content {
  padding: 0.25rem 1em 1.5em 1em;
}
.ybs .mortgage-product-details .container-modal .modal__close {
  position: absolute;
  right: 14px;
  top: 12px;
}
.ybs .mortgage-product-details .container-modal .modal.fadeout {
  -webkit-animation: fadeout ease 0.6s;
  -moz-animation: fadeout ease 0.6s;
  -ms-animation: fadeout ease 0.6s;
  -o-animation: fadeout ease 0.6s;
  animation: fadeout ease 0.6s;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-ms-keyframes fadein {
from {
    opacity: 0;
  }
to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-ms-keyframes fadeout {
from {
    opacity: 1;
  }
to {
    opacity: 0;
  }
}
@-o-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.ybs .mortgage-product-details #apply {
  margin-bottom: 2rem;
}
.ybs .mortgage-product-details #apply h2 + h3 {
  padding-top: 0.6rem;
}
.ybs .mortgage-product-details #apply hr {
  margin: 0.5rem 0;
}
.ybs .mortgage-product-details #apply ~ hr,
.ybs .mortgage-product-details #apply hr.third-height {
  display: none;
}
.ybs .mortgage-product-details #apply p,
.ybs .mortgage-product-details #apply p.subtitle {
  color: var(--color-heading);
}
.ybs .mortgage-product-details #apply ul.row.fa-ul {
  padding-left: 2rem;
  padding-right: 2rem;
}
.ybs .mortgage-product-details #apply ul.row.fa-ul li {
  padding-left: 3rem;
  padding-right: 1rem;
}
.ybs .mortgage-product-details #apply ul.row.fa-ul li span.fa-li {
  display: flex;
}
.ybs .mortgage-product-details #apply ul.row.fa-ul li span.fa-li svg {
  width: 2rem;
}
.ybs .mortgage-product-details #apply ul.row.fa-ul li span.fa-li svg path {
  fill: var(--color-secondary);
}
.ybs .mortgage-product-details .outer {
  padding: 2.5rem 0 1.2rem 0;
}
.ybs .mortgage-product-details .outer p,
.ybs .mortgage-product-details .outer p.subtitle {
  color: var(--color-heading);
}
.ybs .mortgage-product-details .outer.bg-2 {
  background-color: #e6e6ee;
  display: flex;
}
.ybs .mortgage-product-details .outer.bg-2 div.row {
  display: block;
}
.ybs .mortgage-product-details .outer.bg-1 .first-child-full-height {
  margin-bottom: 1.5rem;
}
.ybs .mortgage-product-details .outer.bg-1 .first-child-full-height > :nth-child(1) {
  height: 100%;
  margin-bottom: 0;
}
.ybs .mortgage-product-details .outer > div p,
.ybs .mortgage-product-details .outer > div p.subtitle {
  color: var(--color-heading);
}
.ybs .mortgage-product-details .box.box-1.box-has-icon-left {
  padding: 1.75rem;
  padding-left: 6rem;
}
.ybs .mortgage-product-details .box.box-1.box-has-icon-left div.input-group button {
  border-color: var(--button-cta-bg);
}
.ybs .mortgage-product-details .box.box-1.box-has-icon-left div.input-group button:hover {
  border-color: var(--button-cta-hover-bg);
}
.ybs .mortgage-product-details .box.box-1.box-has-icon-left .box-icon {
  float: left;
  margin-left: -5rem;
  padding-bottom: 1rem;
}
.ybs .mortgage-product-details .box.box-1.box-has-icon-left .box-icon svg {
  font-size: 3.5rem;
}
.ybs .mortgage-product-details .box.box-1.box-has-icon-left .box-icon svg path {
  fill: var(--color-secondary);
}
.ybs .mortgage-product-details span.telephone-number svg {
  margin-bottom: 0.1rem;
}
.ybs .mortgage-product-details span.times svg {
  margin-right: 0.2rem;
  color: var(--color-heading);
}

.ybs.cbs .mortgage-product-details #apply {
  margin-bottom: 2rem;
}
.ybs.cbs .mortgage-product-details #apply hr {
  margin: 0.5rem 0;
}
.ybs.cbs .mortgage-product-details #apply hr.third-height {
  display: none;
}
.ybs.cbs .mortgage-product-details #apply p,
.ybs.cbs .mortgage-product-details #apply p.subtitle {
  color: var(--color-heading);
}
.ybs.cbs .mortgage-product-details .outer {
  padding: 2.5rem 0 1.2rem 0;
}
.ybs.cbs .mortgage-product-details .outer.bg-2 {
  background-color: #f9f9fc;
}
.ybs.cbs .mortgage-product-details .outer.bg-2 div.row {
  display: block;
}
.ybs.cbs .mortgage-product-details .outer.bg-1 .first-child-full-height {
  margin-bottom: 1.5rem;
}
.ybs.cbs .mortgage-product-details .outer.bg-1 .first-child-full-height > :nth-child(1) {
  height: 100%;
  margin-bottom: 0;
}
.ybs.cbs .mortgage-product-details .outer > div p,
.ybs.cbs .mortgage-product-details .outer > div p.subtitle {
  color: var(--color-heading);
}
.ybs.cbs .mortgage-product-details .outer.bg-2 ~ hr {
  display: none;
}
.ybs.cbs .mortgage-product-details .box.box-1.box-has-icon-left {
  padding: 1.5rem;
  padding-left: 6rem;
}
.ybs.cbs .mortgage-product-details .box.box-1.box-has-icon-left div.input-group button {
  border-color: var(--button-cta-bg);
}
.ybs.cbs .mortgage-product-details .box.box-1.box-has-icon-left div.input-group button:hover {
  border-color: var(--button-cta-hover-bg);
}
.ybs.cbs .mortgage-product-details .box.box-1.box-has-icon-left .box-icon {
  float: left;
  margin-left: -5rem;
  padding-bottom: 1rem;
}
.ybs.cbs .mortgage-product-details .box.box-1.box-has-icon-left .box-icon svg {
  font-size: 3.5rem;
}
.ybs.cbs .mortgage-product-details .box.box-1.box-has-icon-left .box-icon svg path {
  fill: var(--color-secondary);
}

.ybs #mortgageRepaymentCalculatorWrap {
  box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
  border-top: 6px solid #333;
  background-color: var(--color-grey-50);
  padding: 2.2rem 1.6rem;
  margin-bottom: 2em;
}
.ybs #mortgageRepaymentCalculatorWrap h3 {
  letter-spacing: -0.015rem;
  color: var(--color-grey-900);
  margin-top: 0;
  font-size: 1.52rem;
  line-height: 1.4rem;
  margin: 0 0 0.5em 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid var(--mark-bg);
  font-family: var(--font-family-base);
}
.ybs #mortgageRepaymentCalculatorWrap p {
  font-size: 1rem;
  margin-bottom: 0.8rem;
}
.ybs #mortgageRepaymentCalculatorWrap label {
  font-size: 1rem;
  display: block;
}
.ybs #mortgageRepaymentCalculatorWrap a {
  color: var(--color-primary);
}
.ybs #mortgageRepaymentCalculatorWrap.row,
.ybs #mortgageRepaymentCalculatorWrap .row {
  max-width: 92rem;
  margin: 0 auto;
}
@media print, screen and (min-width: 105em) {
  .ybs #mortgageRepaymentCalculatorWrap.row,
  .ybs #mortgageRepaymentCalculatorWrap .row {
    max-width: 92rem;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 75em) {
  .ybs #mortgageRepaymentCalculatorWrap.row,
  .ybs #mortgageRepaymentCalculatorWrap .row {
    max-width: 100%;
    margin: 0 auto;
  }
}
.ybs #mortgageRepaymentCalculatorWrap .help-text {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.ybs #mortgageRepaymentCalculatorWrap .box {
  width: 100%;
  padding: 1rem;
  margin-bottom: 0;
}
.ybs #mortgageRepaymentCalculatorWrap .box.box-1 {
  border-radius: 0.2em;
  background-color: var(--color-grey-50);
  box-shadow: none;
}
.ybs #mortgageRepaymentCalculatorWrap .box.box-gray {
  background: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 0;
  box-shadow: none;
}
.ybs #mortgageRepaymentCalculatorWrap .box.errors {
  font-size: 0.9rem;
  text-align: center;
  padding: 1.5rem;
  margin: 0 0 0.5rem 0;
  display: none;
  width: 100%;
  text-shadow: 0px 1px 8px rgba(255, 255, 255, 0.5);
  color: red;
  font-family: var(--font-family-base);
  font-weight: normal;
  background: var(--color-grey-50);
}
.ybs #mortgageRepaymentCalculatorWrap .box.errors ul {
  list-style: none;
  margin: 0;
}
.ybs #mortgageRepaymentCalculatorWrap .btn {
  max-width: 16rem;
  width: 100%;
  font-family: var(--font-family-base);
}
.ybs #mortgageRepaymentCalculatorWrap .btn.btn-cta {
  color: var(--color-grey-50);
}
.ybs #mortgageRepaymentCalculatorWrap .btn.btn-black {
  background-color: var(--color-grey-900);
  color: var(--color-grey-50);
  border-color: var(--color-grey-900);
}
.ybs #mortgageRepaymentCalculatorWrap .btn.js-calculate {
  min-width: 5.8571428571em;
  max-width: 12.3846153846em;
  width: 100%;
  margin-top: 1rem;
}
.ybs #mortgageRepaymentCalculatorWrap .input-group {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: top;
  align-items: top;
  width: 50%;
  border-radius: 0.2em;
  border-color: #cccacf;
}
.ybs #mortgageRepaymentCalculatorWrap #mortgageRepaymentCalcForm .form-control {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 1em 0;
  border-bottom: 1px solid var(--mark-bg);
  min-height: 3.8em;
  height: auto;
  border-radius: 0;
  margin-bottom: 0;
}
.ybs #mortgageRepaymentCalculatorWrap #mortgageRepaymentCalcForm .form-control label {
  width: 50%;
}
.ybs #mortgageRepaymentCalculatorWrap #mortgageRepaymentCalcForm .form-control .input {
  width: 50%;
  border: 1px solid #999999;
}
.ybs #mortgageRepaymentCalculatorWrap #mortgageRepaymentCalcForm .form-control .input::placeholder {
  color: #666;
  opacity: 1;
}
.ybs #mortgageRepaymentCalculatorWrap #mortgageRepaymentCalcForm .form-control .input:-ms-input-placeholder {
  color: #666;
}
.ybs #mortgageRepaymentCalculatorWrap #mortgageRepaymentCalcForm .form-control .input::-ms-input-placeholder {
  color: #666;
}
.ybs #mortgageRepaymentCalculatorWrap #mortgageRepaymentCalcForm .form-control .input[type=text] {
  max-width: 8.6428571429em;
}
.ybs #mortgageRepaymentCalculatorWrap #mortgageRepaymentCalcForm .form-control .input.input-number {
  max-width: 4.3214285714em;
}
.ybs #mortgageRepaymentCalculatorWrap #mortgageRepaymentCalcForm .form-control select {
  max-width: 198px;
  background: #ddd;
  border: 1px solid #860d0d;
  color: var(--color-grey-900);
  padding: 0.84em 0.8em;
}
.ybs #mortgageRepaymentCalculatorWrap #rpayresults .js-repayment-amount {
  font-size: 3.2rem;
  line-height: 1;
  font-family: var(--font-family-bold);
  color: var(--color-primary);
}
.ybs #mortgageRepaymentCalculatorWrap #rpayresults .per-month {
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: bold;
  color: var(--color-grey-1000);
  display: block;
  clear: both;
}
.ybs #mortgageRepaymentCalculatorWrap #rpayresults .notes a {
  color: var(--color-primary);
  text-decoration: underline;
  padding: 0 4px;
}
.ybs #mortgageRepaymentCalculatorWrap #rpayresults .notes a:hover {
  text-decoration: underline;
  background-color: #e8e8e8;
}
.ybs #mortgageRepaymentCalculatorWrap #rpayresults .ltv-amount {
  margin-top: 0.5em;
  margin-bottom: 1em;
  padding-top: 0.5em;
  border-top: 5px solid #d8d8d8;
  font-size: 200%;
  font-family: var(--font-family-bold);
  font-size: 1rem;
  line-height: 1.4;
  color: var(--color-grey-1000);
}
.ybs #mortgageRepaymentCalculatorWrap #rpayresults .ltv-amount .js-ltv {
  color: var(--color-primary);
  font-size: 1.5rem;
  margin-right: 4px;
}
.ybs #mortgageRepaymentCalculatorWrap #rpayresults .ltv-amount a {
  color: var(--color-primary);
}

.ybs .offset-calculator {
  /* Range sliders */
  /**
  * #calculators
  * Generic Calculator CSS
  */
  /**
  * #offset-calculator
  * Offset calculator, now with graph and graphs
  */
  /* Offset Clculator */
  /* Checkbox cheked effect */
}
.ybs .offset-calculator .input {
  border: 1px solid var(--input-border);
  border-bottom: none;
  border-radius: 0.2em;
  background-color: var(--input-bg);
  box-shadow: 0px 2px 0px 0px rgb(233, 235, 236);
  color: var(--input-text);
  padding: 0.5em 1em;
  width: 98%;
  margin-left: 1%;
  margin-bottom: 0.3em;
  box-sizing: border-box;
}
.ybs .offset-calculator .box {
  box-shadow: 0px 3px 0px 0px rgb(233, 235, 236);
}
.ybs .offset-calculator .inner > select {
  width: 100% !important;
  display: block;
}
.ybs .offset-calculator .group {
  align-items: flex-start;
  zoom: 1;
}
.ybs .offset-calculator [aria-hidden=true],
.ybs .offset-calculator .hidden {
  visibility: hidden;
}
.ybs .offset-calculator .hide {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .ybs .offset-calculator .hide-tablet {
    display: none !important;
  }
  .ybs .offset-calculator .hide-desktop,
  .ybs .offset-calculator .hide-mobile {
    display: block !important;
  }
}
@media screen and (max-width: 550px) {
  .ybs .offset-calculator .hide-mobile {
    display: none !important;
  }
  .ybs .offset-calculator .hide-desktop,
  .ybs .offset-calculator .hide-tablet {
    display: block !important;
  }
}
@media screen and (min-width: 768px) {
  .ybs .offset-calculator .hide-desktop {
    display: none !important;
  }
  .ybs .offset-calculator .hide-mobile,
  .ybs .offset-calculator .hide-tablet {
    display: block !important;
  }
}
@media screen and (max-width: 1400px) {
  .ybs .offset-calculator .hide-porthole {
    display: none;
  }
  .ybs .offset-calculator .show-porthole {
    display: inline-block;
  }
}
.ybs .offset-calculator .sideSettings {
  grid-column-start: 1;
  grid-row-start: 1;
}
.ybs .offset-calculator fieldset {
  padding: 1em;
  box-sizing: content-box;
  width: 100%;
  margin-left: -1em;
  border-radius: 5px;
  margin-bottom: 1em;
}
.ybs .offset-calculator fieldset[disabled] {
  opacity: 0.8;
}
.ybs .offset-calculator fieldset[disabled] input,
.ybs .offset-calculator fieldset[disabled] .progress {
  background-color: #e9e9e9;
}
.ybs .offset-calculator .input-group {
  display: block;
  margin-bottom: 0.75em;
  position: relative;
  border: none;
}
.ybs .offset-calculator .input-group.group {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.ybs .offset-calculator .input-group > * {
  border: none;
}
.ybs .offset-calculator .content {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  margin-left: 10px;
  margin-right: 10px;
}
.ybs .offset-calculator .slider {
  width: 100%;
  display: block;
  position: relative;
  padding: 0;
  margin: 0.5em 0;
  border-radius: 0.18em;
}
.ybs .offset-calculator .slider .small-4 {
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
.ybs .offset-calculator .slider .progress {
  display: block;
  position: absolute;
  height: 0.5rem;
  z-index: 1;
  border-radius: 0.18em;
  background-color: var(--color-primary);
}
.ybs .offset-calculator .slider .progress-empty {
  display: block;
  height: 0.5rem;
  position: absolute;
  width: 100%;
  right: 0;
  top: 0;
  z-index: 2;
  background-color: #d9d9d9;
  border-radius: 0.18em;
}
.ybs .offset-calculator .slider .handle {
  position: absolute;
  top: -0.5em;
  width: 1.5em;
  height: 1.5em;
  z-index: 3;
  border-radius: 8px;
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-bottom: 3px solid rgb(167, 175, 177);
}
.ybs .offset-calculator .slider .flex-container {
  margin-top: 0.25em;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.ybs .offset-calculator .slider .range-curr-value {
  text-align: center;
  font-family: aller-bold;
  padding: 0.5em 0.1em;
  width: 75%;
  margin: 0 auto;
  display: block;
}
.ybs .offset-calculator .slider .range-min,
.ybs .offset-calculator .slider .range-max {
  color: rgb(102, 102, 102);
  box-sizing: border-box;
  -ms-align-self: center;
  align-self: center;
}
.ybs .offset-calculator .slider .range-min {
  text-align: left;
  padding-left: 0.5em;
}
.ybs .offset-calculator .slider .range-max {
  text-align: right;
  padding-right: 0.5em;
}
.ybs .offset-calculator input[type=text].range {
  width: 85px;
  display: inline-block;
  background-color: transparent;
  border: none;
  float: right;
  text-align: right;
  font-size: 1em;
  font-family: Aller;
  color: inherit;
  border: solid 2px #e9e9e9;
  padding: 0.3em;
  border-radius: 0.3em;
}
.ybs .offset-calculator .range-disabled + .slider .range-curr-value,
.ybs .offset-calculator .input-disabled {
  background-color: #cecece;
  -webkit-user-select: none;
  -webkit-user-input: disabled;
  -moz-user-select: none;
  -moz-user-input: disabled;
  user-select: none;
  user-input: disabled;
  cursor: default;
}
.ybs .offset-calculator .btn {
  display: inline-block;
  width: auto;
  padding: 0.5em 0.8em;
  margin: 0 0 1em 0;
  border-radius: 0.2em;
  background-color: var(--color-grey-50);
  color: var(--color-primary);
  border: solid var(--color-primary) 2px;
  vertical-align: middle;
  font-family: "Aller-Bold";
  min-width: 7em;
  text-align: center;
  cursor: pointer;
  transition: all 100ms ease;
}
.ybs .offset-calculator .btn:hover {
  background-color: var(--color-grey-50);
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ybs .offset-calculator button.btn {
  padding: 0.95em 1.3em;
}
.ybs .offset-calculator .box {
  box-sizing: border-box;
  border-radius: 0.2em;
  margin-bottom: 1em;
  margin-top: 1.2em;
}
.ybs .offset-calculator .box > .inner {
  padding: 2em;
  position: relative;
}
.ybs .offset-calculator .box-title {
  padding: 0.5em 1em;
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
  font-weight: bold;
  font-size: 1.06rem;
}
.ybs .offset-calculator .box-1 {
  border-radius: 0.2em;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 0px 0px rgb(221, 227, 224);
  z-index: 1;
}
.ybs .offset-calculator .box-1 .box-title {
  border-bottom: 1px solid #e6e6e6;
  background-color: var(--color-primary);
  color: var(--color-grey-50);
}
.ybs .offset-calculator .box-7 {
  border-radius: 0.2em;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 0px 0px rgb(221, 227, 224);
}
.ybs .offset-calculator .calculator .inner {
  position: relative;
}
.ybs .offset-calculator .calculator label {
  font-weight: bold;
}
.ybs .offset-calculator .calculator .input {
  font-size: 1.2em;
}
.ybs .offset-calculator .calculator .input-group[data-tooltip]:before {
  top: 4em;
  z-index: 1;
  left: 5em;
  width: 75%;
}
.ybs .offset-calculator .calculator .input-group[data-tooltip]:after {
  content: "";
  display: none;
}
.ybs .offset-calculator .calculator .resultDetails {
  display: none;
}
.ybs .offset-calculator .offsetGraphContainer {
  position: relative;
  display: none;
  width: 95%;
}
.ybs .offset-calculator .offsetGraphContainer p {
  text-align: center;
}
.ybs .offset-calculator .offsetGraphContainer .offset-label-balance,
.ybs .offset-calculator .offsetGraphContainer .offset-label-repayment {
  position: absolute;
  transform: rotate(270deg);
}
.ybs .offset-calculator .offsetGraphContainer .offset-label-repayment {
  left: -140px;
  top: 45%;
}
.ybs .offset-calculator .offsetGraphContainer .offset-label-balance {
  left: -100px;
  top: 45%;
}
.ybs .offset-calculator #offsetResults {
  margin-top: 1.7em;
}
.ybs .offset-calculator #repayment-over-term {
  padding: 1.7em;
}
.ybs .offset-calculator #repayment-over-term,
.ybs .offset-calculator #repayment-only {
  display: none;
}
.ybs .offset-calculator #instructions {
  display: block;
}
.ybs .offset-calculator #repayment-only span,
.ybs .offset-calculator #repayment-over-term span,
.ybs .offset-calculator #interestSavingResult span {
  font-size: 1.9em;
  font-family: YBS-Headline;
  color: var(--color-primary);
}
.ybs .offset-calculator #repayment-only span p,
.ybs .offset-calculator #repayment-over-term span p,
.ybs .offset-calculator #interestSavingResult span p {
  font-family: YBS-Headline;
  color: var(--color-primary);
  font-size: 28.5px;
}
.ybs .offset-calculator .calculator input[type=number] {
  -moz-appearance: textfield;
}
.ybs .offset-calculator .calculator input[type=number]::-webkit-inner-spin-button,
.ybs .offset-calculator .calculator input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.ybs .offset-calculator .calculator label + .label-info {
  color: var(--color-primary);
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.25em;
  cursor: pointer;
}
.ybs .offset-calculator .calculator .label-info-content {
  margin: 1em 0 0.3em 0.3em;
  height: 0;
  overflow: hidden;
  position: relative;
}
.ybs .offset-calculator .calculator .label-info-content .closeInfo {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
}
.ybs .offset-calculator .calculator .label-info-content.active {
  height: auto;
}
.ybs .offset-calculator .calculator .label-info-inner {
  border-radius: 0.2em;
  border: 2px solid var(--color-primary);
  padding: 1em calc(1em + 10px) 0 1em;
}
@media screen and (max-width: 900px) {
  .ybs .offset-calculator .calculator label + .label-info {
    position: absolute;
    right: 0.1em;
    top: 0;
  }
}
.ybs .offset-calculator .toggle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
  background-color: #ccc;
  border-radius: 30px;
  border: 2px solid #ccc;
  cursor: pointer;
  margin: 0 10px;
}
.ybs .offset-calculator .toggle:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 3px solid #979797;
  background-color: var(--color-grey-50);
  left: 1px;
  top: 2px;
  transition: all 0.5s;
}
.ybs .offset-calculator .checkbox:checked + span + .toggle::after {
  left: 27px;
}
.ybs .offset-calculator .checkbox:checked + span + .toggle {
  background-color: var(--color-primary);
}
.ybs .offset-calculator .checkbox {
  display: none;
}
.ybs .offset-calculator .toggle-term-text {
  font-size: 12px;
  vertical-align: top;
}
.ybs .offset-calculator .title-option {
  opacity: 0.8;
}
.ybs .offset-calculator fieldset {
  border-color: rgba(0, 0, 0, 0.15);
}
.ybs .offset-calculator .fixed-box .box-title {
  background-color: #66647c;
}
.ybs .offset-calculator .offsetGraphContainer {
  width: 99%;
  z-index: 1;
}
.ybs .offset-calculator .offsetGraphContainer p {
  display: none;
}
.ybs .offset-calculator .calculator .box-title.savings-box-title {
  background-color: var(--color-secondary);
}
.ybs .offset-calculator .savings-box-title + .inner .progress {
  background-color: var(--color-secondary);
}
.ybs .offset-calculator .fixed-box .progress {
  background-color: #66647c;
}
.ybs .offset-calculator .slider .range-curr-value {
  padding: 0.3em 0em;
}
.ybs .offset-calculator .calculator input {
  border: 2px solid #d9d9d9;
  border-bottom: 3px solid #d9d9d9;
}
.ybs .offset-calculator #repayment-over-term p,
.ybs .offset-calculator #repayment-only p,
.ybs .offset-calculator #interestSavingResult p {
  font-size: 15.024px;
}
.ybs .offset-calculator .calculator .box {
  border-radius: 0.5em;
}
.ybs .offset-calculator .calculator .col-sidebar .box.box-1 .inner {
  padding-top: 0.85em;
  padding-bottom: 0.85em;
}
.ybs .offset-calculator label {
  color: var(--text-color);
}
.ybs .offset-calculator .range-curr {
  margin-top: 5px;
  padding-top: 5px;
}
.ybs .offset-calculator .calculator .box-title {
  position: relative;
}
.ybs .offset-calculator .calculator label {
  font-weight: bold;
  font-weight: normal;
  font-family: aller-bold;
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  .ybs .offset-calculator .calculator label {
    display: block;
  }
  .ybs .offset-calculator .calculator .box > .inner {
    padding: 1em;
  }
}
.ybs .offset-calculator .legend {
  font-size: 15.552px;
}
.ybs .offset-calculator .title {
  padding: 0 !important;
  margin: 0 !important;
}
.ybs .offset-calculator .selectButton {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.ybs .offset-calculator #productTermInput {
  border: 1px solid var(--color-grey-500);
}
.ybs .offset-calculator .title-option {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .ybs .offset-calculator .title-option {
    position: absolute;
    width: 40%;
    float: right;
    top: 21%;
    right: 2em;
    font-size: 0.8em;
    text-align: right;
  }
}
.ybs .offset-calculator .calculator .input {
  font-size: 1.1em;
}
.ybs .offset-calculator .calculator {
  padding: 1em 0 1em 1em;
}
.ybs .offset-calculator .calculator .box-title.mortgage-box-title, .ybs .offset-calculator .calculator .box-title.savings-box-title {
  padding-left: 1.75em;
}
.ybs .offset-calculator [data-term=mortgage] .product-term-only,
.ybs .offset-calculator [data-term=product] .mortgage-term-only {
  display: none !important;
}
.ybs .offset-calculator .rt-additional-info-container {
  align-items: flex-start;
}
.ybs .offset-calculator .rt-additional-info-container p {
  font-size: 13.9968px;
}
.ybs .offset-calculator .offsetGraphContainer {
  transition: opacity 250ms;
}
.ybs .offset-calculator .custom-radio {
  border: none !important;
}
.ybs .offset-calculator .custom-radio svg {
  font-size: 33px;
}
.ybs .offset-calculator .custom-radio p {
  margin-bottom: 0;
  font-size: 14px;
}
.ybs .offset-calculator .custom-radio [type=radio] {
  opacity: 0;
  position: absolute;
}
.ybs .offset-calculator #offset-controls-advanced {
  vertical-align: middle;
}
.ybs .offset-calculator .title-option input {
  width: 1.4em;
  height: 1.45em;
  border-radius: 5px;
  appearance: none;
  box-shadow: none;
  text-align: center;
  line-height: 1em;
  background: var(--color-grey-50);
  border: 2px solid #cccacf;
  border-bottom: 3px solid #cccacf;
}
.ybs .offset-calculator .title-option input[type=checkbox]:checked:after {
  content: "✓";
  color: var(--color-primary);
  font-size: 1.2em;
  line-height: 1em;
  margin-left: 0.02em;
}
.ybs .offset-calculator .custom-radio [type=radio]:checked ~ label {
  background: var(--color-primary);
  color: var(--color-grey-50) !important;
  z-index: 1;
}
.ybs .offset-calculator .custom-radio [type=radio]:checked ~ label p {
  color: var(--color-grey-50) !important;
}
.ybs .offset-calculator .custom-radio label {
  position: relative;
  display: block;
  cursor: pointer;
  text-align: center;
  color: var(--color-primary) !important;
  padding: 10px 0;
  margin: 0;
}
.ybs .offset-calculator .custom-radio label p {
  color: var(--color-primary) !important;
}
.ybs .offset-calculator svg.accord-offset-calculator--term {
  display: none;
}

@media print {
  .ybs header,
  footer {
    display: none;
  }
}

.offset-calculator-new .btn-naked {
  border-radius: 3px;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
}
.offset-calculator-new .btn-naked:hover {
  background: none;
}
.offset-calculator-new .footer-menu-page-break {
  visibility: hidden;
  display: none;
  max-width: 0px;
  max-height: 0px;
}
@media print {
  .offset-calculator-new .footer-menu-page-break {
    visibility: visible;
    display: block;
    max-width: 76em;
    max-height: 1px;
    page-break-before: always;
    /* page-break-after works, as well */
  }
}
@media screen and (max-width: 768px) {
  .offset-calculator-new table {
    font-weight: bold !important;
    font-weight: bold !important;
    width: 100%;
    margin: 0 auto;
    font-size: 1.2em;
  }
  .offset-calculator-new table .column-sort {
    background: none;
    border: 1px solid transparent;
    border-radius: 3px;
    color: inherit;
  }
  .offset-calculator-new table .column-sort:hover {
    background: none;
  }
  .offset-calculator-new table thead {
    display: none;
  }
  .offset-calculator-new table tbody {
    width: 100%;
  }
  .offset-calculator-new table tbody tr {
    display: block;
    margin-bottom: 1em;
    width: 100%;
    border-radius: 0.2em;
    overflow: hidden;
  }
  .offset-calculator-new table tbody tr:first-child {
    border-top-left-radius: 0.3rem;
  }
  .offset-calculator-new table tbody tr:last-child {
    border-bottom-left-radius: 0.3rem;
  }
  .offset-calculator-new table tbody tr:nth-child(odd) {
    background-color: #fff;
  }
  .offset-calculator-new table tbody tr td {
    position: relative;
    display: block;
    clear: both;
    margin: 0;
  }
  .offset-calculator-new table tbody tr td:not(:first-child) {
    border-top: solid 2px #adb5bd;
  }
  .offset-calculator-new table tbody tr td[data-title] {
    padding-left: 35%;
  }
  .offset-calculator-new table tbody tr td[data-title]:before {
    content: attr(data-title);
    color: #fff;
    background: var(--gray-1);
    font-family: var(--font-family-bold);
    width: 30%;
    position: absolute;
    display: flex;
    align-items: center;
    padding: 0.5em 1em;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    line-height: 1.3rem;
    font-size: 1rem;
  }
}
.offset-calculator-new .print-header {
  display: none;
}
@media print {
  .offset-calculator-new .print-header {
    display: block;
    margin: 0 20px;
  }
  .offset-calculator-new .print-header img {
    height: 85px;
  }
  .offset-calculator-new .print-header h1 {
    font-size: 3em;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
  }
}
.offset-calculator-new .main-content {
  overflow: auto;
}
@media print, screen and (min-width: 1260px) {
  .offset-calculator-new .main-content {
    background: linear-gradient(to top, var(--pastel-grey) 0%, var(--pastel-grey) 99%, var(--body-bg) 100%);
  }
}
.offset-calculator-new .upper-content {
  max-width: 80em;
  padding: 0 2em;
  margin: 20px auto 0;
}
@media print, screen and (min-width: 1260px) {
  .offset-calculator-new .upper-content {
    padding: 1em 1em 0 1em;
  }
}
.offset-calculator-new .lower-content-container {
  padding: 0 2em 1em;
}
@media print, screen and (min-width: 1260px) {
  .offset-calculator-new .lower-content-container {
    margin: auto;
    background: linear-gradient(to bottom, transparent 0%, transparent 99%, var(--body-bg) 100%), linear-gradient(to right, var(--pastel-grey) 0%, var(--pastel-grey) 50%, white 50%, white 100%);
    padding: 0;
  }
}
.offset-calculator-new .lower-content-container .lower-content {
  max-width: 80em;
  display: block;
  margin: 20px auto 0;
}
@media screen and (min-width: 930px) {
  .offset-calculator-new .lower-content-container .lower-content .savings-menu-form {
    display: flex;
    gap: 2%;
  }
}
@media print, screen and (min-width: 1260px) {
  .offset-calculator-new .lower-content-container .lower-content {
    display: flex;
    margin: 0 auto;
  }
  .offset-calculator-new .lower-content-container .lower-content .savings-menu-form {
    display: block;
  }
  .offset-calculator-new .lower-content-container .lower-content .side-menu-container {
    width: 17%;
    padding: 0 3em 0 1em;
    margin-top: 0;
  }
}
.offset-calculator-new .form-control {
  background-color: transparent;
  border: none;
  padding: 0;
  margin-bottom: 1rem;
  min-width: 8.5em;
  position: relative;
}
@media print, screen and (min-width: 1260px) {
  .offset-calculator-new .form-control {
    max-width: 100%;
  }
  .offset-calculator-new .form-control.in-lg-1 {
    max-width: 11%;
  }
  .offset-calculator-new .form-control.in-lg-2 {
    max-width: 13%;
  }
  .offset-calculator-new .form-control.in-lg-3 {
    max-width: 16%;
  }
}
@media screen and (min-width: 820px) {
  .offset-calculator-new .form-control {
    flex: 1 0 48%;
  }
}
.offset-calculator-new .form-control input,
.offset-calculator-new .form-control select,
.offset-calculator-new .form-control .select-button {
  color: var(--input-text);
  padding: 0.5em;
  border-color: var(--color-grey-600) !important;
  border-width: 2px 2px 4px 2px !important;
  border-radius: 0.3rem 0.3rem 0.4rem 0.4rem !important;
  border-style: solid;
  width: 100%;
  height: 3em;
  font-size: 0.9em;
  font-family: var(--font-family-light);
  font-weight: bold;
  text-align: left;
  overflow: hidden;
}
.offset-calculator-new .form-control select {
  padding-right: 3.5em;
}
.offset-calculator-new .form-control #input-offset-rate {
  background: linear-gradient(to left, var(--primary) 6px, #fafafa 8px);
}
.offset-calculator-new .form-control #input-standard-rate {
  background: linear-gradient(to left, var(--gray-2) 6px, #fafafa 8px);
}
.offset-calculator-new .form-control input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--gray-2);
}
.offset-calculator-new .form-control input::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--gray-2);
}
.offset-calculator-new .form-control input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--gray-2);
}
.offset-calculator-new .header-with-icon {
  display: flex;
  margin-bottom: 0.75em;
  padding-bottom: 0.5em;
}
.offset-calculator-new .header-with-icon h3 {
  margin: 0.1em 0 0 0.2em;
}
.offset-calculator-new .header-with-icon .svg-inline--fa {
  height: 1.7em;
  width: 1.7em;
}
.offset-calculator-new .header-with-icon .svg-inline--fa.fa-house {
  stroke: var(--secondary);
  stroke-width: 0.3em;
}
.offset-calculator-new .header-with-icon .svg-inline--fa.fa-savings {
  color: var(--blue-light);
  stroke: var(--blue-light);
  stroke-width: 0.1em;
}
.offset-calculator-new .mortgage-product-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2%;
}
@media print, screen and (min-width: 1260px) {
  .offset-calculator-new .mortgage-product-form {
    gap: 0%;
  }
}
.offset-calculator-new .field-label {
  display: flex;
  margin-bottom: 5px;
}
.offset-calculator-new .field-label p {
  margin: 0;
  font-size: 0.9rem;
  color: var(--gray-1);
  font-weight: bold !important;
}
.offset-calculator-new .field-label svg {
  margin: auto 0 auto 5px;
}
.offset-calculator-new .gray-i {
  color: var(--gray-2);
}
@media print {
  .offset-calculator-new .gray-i {
    display: none;
  }
}
.offset-calculator-new .loan-to-value-label {
  display: flex;
  color: var(--gray-2);
  position: absolute;
  top: 0;
  right: 0;
  font-family: var(--font-family-light);
  font-weight: bold !important;
  font-size: 0.9em;
}
@media print, screen and (min-width: 1260px) {
  .offset-calculator-new .loan-to-value-label {
    position: relative;
    margin-top: 5px;
  }
}
.offset-calculator-new .loan-to-value-label img {
  height: 0.8rem;
  width: 0.8rem;
  margin: auto 0.5em auto 0;
  margin-top: 0.3em;
  margin-right: 0.3em;
}
.offset-calculator-new .dual-text-fields {
  border: none;
}
.offset-calculator-new .dual-text-fields .input-group {
  justify-content: space-between;
}
.offset-calculator-new .dual-text-fields .input-group .input-first {
  border-right: 3px solid var(--gray-3);
}
.offset-calculator-new .dual-text-fields .input-group input {
  width: 45%;
}
.offset-calculator-new .error-message {
  border-style: solid;
  border-color: red;
  border-width: 2px 2px 4px 2px;
  box-shadow: none;
  border-radius: 0.4rem;
  background: var(--white);
}
.offset-calculator-new .error-message div {
  display: flex;
  margin: 10px;
}
.offset-calculator-new .error-message .svg-inline--fa {
  stroke: var(--orange-light);
  stroke-width: 0.1rem;
  font-size: 1.8rem;
  margin-right: 1.2rem;
  color: var(--orange-light);
}
.offset-calculator-new .error-message p {
  line-height: 1.9rem;
  margin-bottom: 0;
  font-size: 0.9rem;
  font-weight: bolder;
  color: var(--gray-8);
}
.offset-calculator-new .graph-menu-container {
  position: relative;
  background: linear-gradient(to bottom, white 0%, white 99%, var(--body-bg) 100%);
  padding-right: 1em;
  padding-top: 1em;
  border-radius: 0 !important;
  width: 100%;
  margin: auto;
  border-radius: 5px;
}
@media screen and (min-width: 1260px) {
  .offset-calculator-new .graph-menu-container {
    width: 83%;
    padding-top: 0;
  }
}
@media screen and (max-width: 1000px) {
  .offset-calculator-new .graph-menu-container {
    visibility: hidden;
    width: 0;
    height: 0;
  }
}
.offset-calculator-new .graph-menu-container .graph-overlay {
  position: absolute;
  width: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  overflow: auto;
  display: flex;
}
.offset-calculator-new .graph-menu-container .graph-overlay .load-spinner {
  background-image: url("/o/ybs-theme/images/loading-spinner.gif");
  width: 100px;
  height: 100px;
  margin: auto;
  background-repeat: no-repeat;
  background-size: 100px 100px;
}
.offset-calculator-new .graph-menu-container .graph-overlay .graph-dialog-outer {
  display: block;
  width: 35%;
  max-width: 25em;
  max-height: 13em;
  margin: auto;
  background-color: #efeef3;
  border-style: solid;
  border-radius: 0.4rem 0.4rem 0.5rem 0.5rem;
  border-width: 2px 2px 4px 2px;
  border-color: #c8cbce;
}
.offset-calculator-new .graph-menu-container .graph-overlay .graph-dialog-outer .graph-dialog-inner .mfp-close {
  color: black;
  position: initial;
  max-height: 1em;
  margin: 6px 0 0 93%;
  display: flex;
}
.offset-calculator-new .graph-menu-container .graph-overlay .graph-dialog-outer .options {
  display: flex;
  justify-content: space-around;
}
.offset-calculator-new .graph-menu-container .graph-overlay .graph-dialog-outer .options .graph-show {
  margin: 0.5em 0 1.5em 0;
}
.offset-calculator-new .graph-menu-container .graph-overlay .graph-dialog-outer .options .graph-show legend {
  color: var(--gray-1);
  font-family: var(--font-family-bold);
  font-size: 1em;
}
.offset-calculator-new .graph-menu-container .graph-overlay .graph-dialog-outer .options .graph-show label {
  color: var(--body-color);
  margin: 0.3em 0 0.5em 0;
  font-size: 0.9em;
}
.offset-calculator-new .graph-menu-container .graph-options-menu {
  display: flex;
  margin-top: 1rem;
  margin-left: 11%;
  justify-content: flex-end;
}
.offset-calculator-new .graph-menu-container .graph-options-menu div:first-child {
  margin-right: auto;
}
.offset-calculator-new .graph-menu-container .graph-options-menu .btn {
  border: 0.15rem solid var(--primary);
  border-radius: 0.4rem;
  padding: 0.3rem 0.8rem;
  font-family: var(--font-family-light);
  font-size: 0.8rem;
  color: var(--primary);
  margin: 0;
  font-weight: bold;
}
@media print {
  .offset-calculator-new .graph-menu-container .graph-options-menu .btn {
    display: none;
  }
}
.offset-calculator-new .graph-menu-container .graph-options-menu .graph-legend-container {
  width: 100%;
  max-width: 27em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.offset-calculator-new .graph-menu-container .graph-options-menu .graph-legend-container .graph-legend {
  font-family: var(--font-family-bold);
  display: flex;
  margin: 0;
}
.offset-calculator-new .graph-menu-container .graph-options-menu .graph-legend-container .graph-legend li::before {
  border-radius: 0.5rem;
  height: 1.2rem !important;
  width: 1.2rem !important;
  margin: auto 5px auto 0 !important;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
  position: relative !important;
}
.offset-calculator-new .graph-menu-container .graph-options-menu .graph-legend-container .graph-legend li {
  font-family: var(--font-family-light);
  font-weight: bold;
  margin-right: 1em;
  margin-bottom: 0;
  padding: 0;
  display: flex !important;
}
.offset-calculator-new .graph-menu-container .graph-options-menu .graph-legend-container .graph-legend p {
  font-size: 0.9em;
  font-weight: bold;
  white-space: nowrap;
  margin: 0;
}
.offset-calculator-new .graph-menu-container .graph-options-menu .graph-legend-container .graph-legend .offset-mortgage::before {
  background: var(--primary);
}
.offset-calculator-new .graph-menu-container .graph-options-menu .graph-legend-container .graph-legend .standard-mortgage::before {
  background: var(--gray-2);
}
.offset-calculator-new .graph-menu-container .graph-options-menu .graph-legend-container .graph-legend .savings::before {
  background: var(--blue-light);
}
.offset-calculator-new .graph-menu-container .victory-graph svg {
  overflow: visible;
}
@media print {
  .offset-calculator-new .footer-content-container {
    background-color: var(--body-bg) !important;
    display: block;
  }
}
@media print, screen and (min-width: 1260px) {
  .offset-calculator-new .footer-content-container {
    max-width: 80em;
    margin: auto;
  }
}
.offset-calculator-new .footer-content-container .footer-content {
  padding: 0 1em;
}
.offset-calculator-new .footer-content-container .footer-content > div:first-of-type {
  position: relative;
  height: 7.5rem;
}
.offset-calculator-new .footer-content-container .footer-content .footer-print {
  max-width: 76em;
  margin: 10px auto 10px auto;
  display: flex;
  justify-content: flex-end;
  padding: 0 12px;
  font-family: var(--font-family-light);
  font-weight: bold;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media print {
  .offset-calculator-new .footer-content-container .footer-content .footer-print {
    display: none;
    page-break-before: always;
    /* page-break-after works, as well */
  }
}
.offset-calculator-new .footer-content-container .footer-content .footer-print a {
  padding-right: 0.4em;
  color: var(--secondary);
  font-size: 1.2em;
}
.offset-calculator-new .footer-content-container .footer-content .footer-print .print-button {
  color: var(--primary);
  font-family: var(--font-family-light) !important;
}
.offset-calculator-new .footer-content-container .footer-content .footer-print .print-button svg {
  padding-right: 0.4rem;
  font-size: 1.2rem;
  color: var(--secondary);
}
.offset-calculator-new .footer-content-container .footer-content .footer-print .print-button:hover {
  text-decoration: none;
}
@media screen and (min-width: 1260px) {
  .offset-calculator-new .footer-content-container .footer-content {
    margin: 0 0 0 16%;
    padding: 0 0.5em 0 0;
  }
  .offset-calculator-new .footer-content-container .footer-content .col-lg-6 {
    max-width: 48%;
  }
}
@media print and (min-width: 1000px) {
  .offset-calculator-new .footer-content-container .footer-content {
    margin: 0 0 0 16%;
    padding: 0 0.5em 0 0;
  }
  .offset-calculator-new .footer-content-container .footer-content .col-lg-6 {
    max-width: 48%;
  }
}
.offset-calculator-new .footer-content-container .footer-content .footer-text {
  font-size: 1.5em;
  text-align: center;
  padding-top: 1.563rem;
}
@media screen and (max-width: 768px) {
  .offset-calculator-new .footer-content-container .footer-content .footer-text {
    padding-top: 0.875rem;
  }
}
@media print {
  .offset-calculator-new .footer-content-container .footer-content .footer-text {
    margin: 1em auto 0.5em auto;
  }
}
.offset-calculator-new .footer-content-container .footer-content .info-box-container {
  justify-content: space-between;
  display: block;
  flex-wrap: wrap;
  max-width: 78em;
  margin: auto auto 20px;
}
@media print, screen and (min-width: 1000px) {
  .offset-calculator-new .footer-content-container .footer-content .info-box-container {
    display: flex;
  }
  .offset-calculator-new .footer-content-container .footer-content .info-box-container .col-lg-6 {
    max-width: 47%;
  }
}
.offset-calculator-new .footer-content-container .footer-content .info-box-container .info-box {
  height: 95%;
  background-color: white;
  border-radius: 4px;
  padding: 2em;
  margin: 0 0 1.5em 0;
  box-shadow: 0px 4px 0px 0px rgba(0, 40, 92, 0.066), 0 0 0.2em rgba(0, 0, 0, 0.05);
}
@media print {
  .offset-calculator-new .footer-content-container .footer-content .info-box-container .info-box {
    border: 1px solid var(--input-group-border);
  }
}
.offset-calculator-new .footer-content-container .footer-content .info-box-container .info-box p > span {
  display: block;
  font-family: var(--font-family-light);
  font-weight: bold;
}
.offset-calculator-new .footer-content-container .footer-content .info-box-container .info-box .sub-heading {
  color: var(--box-title-h4);
  font-size: 1.2em;
  font-family: var(--font-family-bold);
  letter-spacing: -0.01em;
  margin-bottom: 0.625rem;
}
.offset-calculator-new .footer-content-container .footer-content .info-box-container .info-box .large-font {
  color: var(--primary);
  font-size: 2.5rem !important;
  font-family: var(--font-family-headline);
  font-weight: normal;
  line-height: 1em;
}
.offset-calculator-new .footer-content-container .footer-content .info-box-container .info-box .large-font.pay-mortgage-by {
  font-size: 1.625rem !important;
}
.offset-calculator-new .footer-content-container .footer-content .info-box-container .info-box .reg-font {
  margin: 0.625rem 0 1.125rem 0;
  max-width: 70%;
}
.offset-calculator-new .basemodal-dialog-outer {
  background-color: white;
  position: fixed;
  height: 100% !important;
  overflow: auto;
  border: none;
  border-radius: 0.2em;
  padding: 0;
}
.offset-calculator-new .basemodal-dialog-outer::backdrop {
  background: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 1200px) {
  .offset-calculator-new .basemodal-dialog-outer {
    width: 80%;
  }
}
.offset-calculator-new .basemodal-dialog-outer .basemodal-dialog-inner {
  padding: 30px;
  max-width: 75rem;
}
.offset-calculator-new .basemodal-dialog-outer .basemodal-dialog-inner h3 {
  color: var(--body-color);
}
.offset-calculator-new .basemodal-dialog-outer .basemodal-dialog-inner .mfp-close {
  color: black;
  right: 5px;
}
.offset-calculator-new .basemodal-dialog-outer table {
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
.offset-calculator-new .basemodal-dialog-outer table thead th {
  background-color: var(--gray-1);
  color: white;
  border-width: 0 3px 0 0;
  border-right-width: 3px;
  border-color: var(--text-hero-dark);
  vertical-align: middle;
}
.offset-calculator-new .basemodal-dialog-outer table thead th:first-child {
  border-top-left-radius: 0.3rem;
}
.offset-calculator-new .basemodal-dialog-outer table thead th:last-child {
  border-top-right-radius: 0.3rem;
  border-right-width: 0;
}
.offset-calculator-new .basemodal-dialog-outer table thead .code,
.offset-calculator-new .basemodal-dialog-outer table thead .rate,
.offset-calculator-new .basemodal-dialog-outer table thead .maxltv,
.offset-calculator-new .basemodal-dialog-outer table thead .loan,
.offset-calculator-new .basemodal-dialog-outer table thead .select,
.offset-calculator-new .basemodal-dialog-outer table thead .type {
  width: auto;
}
.offset-calculator-new .basemodal-dialog-outer table thead .fee,
.offset-calculator-new .basemodal-dialog-outer table thead .incentives {
  width: 14%;
}
.offset-calculator-new .basemodal-dialog-outer table thead .tablesorter-header span {
  align-items: flex-end;
  cursor: pointer;
  display: inline-flex;
  gap: 0.2em;
}
.offset-calculator-new .basemodal-dialog-outer table thead .tablesorter-header span:after {
  background-image: url("/o/ybs-theme/images/icons/sort-icon-table.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 11px;
  content: "";
  height: 14px;
  margin: auto;
  width: 14px;
}
.offset-calculator-new .basemodal-dialog-outer table thead .tablesorter-header.headerSortDown span:after, .offset-calculator-new .basemodal-dialog-outer table thead .tablesorter-header.headerSortUp span:after {
  background-image: url("/o/ybs-theme/images/icons/sort-icon-arrow-table.png");
  background-size: 12px;
}
.offset-calculator-new .basemodal-dialog-outer table thead .tablesorter-header.headerSortUp span:after {
  transform: rotate(-180deg);
}
.offset-calculator-new .basemodal-dialog-outer table tr:nth-child(even) {
  background-color: var(--gray-5);
}
.offset-calculator-new .basemodal-dialog-outer table td {
  vertical-align: middle;
  border-width: 0 3px 3px 0;
  border-color: var(--text-hero-dark);
  border-style: solid;
  font-weight: bold;
  color: black;
}
.offset-calculator-new .basemodal-dialog-outer table td.code, .offset-calculator-new .basemodal-dialog-outer table td.loan, .offset-calculator-new .basemodal-dialog-outer table td.fee {
  font-family: var(--font-family-light);
}
.offset-calculator-new .basemodal-dialog-outer table td.code, .offset-calculator-new .basemodal-dialog-outer table td.appTypes {
  font-size: 0.95em;
  color: var(--body-color);
}
.offset-calculator-new .basemodal-dialog-outer table td.appTypes {
  font-weight: normal;
}
.offset-calculator-new .basemodal-dialog-outer table td:last-child {
  border-right-width: 0;
}
.offset-calculator-new .basemodal-dialog-outer table td:last-child {
  border-right-width: 0;
}
.offset-calculator-new .basemodal-dialog-outer table tbody .code {
  font-family: var(--font-family-light);
  font-weight: bold;
  font-size: 0.8em;
  color: #888;
}
.offset-calculator-new .basemodal-dialog-outer table tbody .type .rate-type {
  display: block;
  font-size: 0.8em;
  color: #888;
}
.offset-calculator-new .basemodal-dialog-outer table tbody .type .h2b-logo {
  background-image: url("/o/ybs-theme/images/icons/H2B.png");
  display: block;
  background-size: 45px;
  content: "";
  height: 45px;
  margin: auto 0 auto 3rem;
  width: 45px;
}
.offset-calculator-new .basemodal-dialog-outer table tbody .incentives td.incentives {
  padding: 0.7em;
}
.offset-calculator-new .basemodal-dialog-outer table tbody .incentives ul.incentive-list-tick {
  list-style: none;
  padding-top: 10px;
}
.offset-calculator-new .basemodal-dialog-outer table tbody .incentives ul.incentive-list-tick li {
  padding-left: 1rem;
  font-family: var(--font-family-light);
  font-size: 0.8em;
  font-weight: bold;
  color: var(--gray-100);
}
.offset-calculator-new .basemodal-dialog-outer table tbody .incentives ul.incentive-list-tick .list-tick-item {
  display: flex;
}
.offset-calculator-new .basemodal-dialog-outer table tbody .incentives ul.incentive-list-tick .list-tick-item:before {
  content: "";
  background: transparent;
  margin: auto 10px 5px 0;
  width: 8px;
  height: 15px;
  border: solid var(--color-grey-600);
  border-width: 0px 4px 4px 0px;
  border-radius: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.offset-calculator-new .basemodal-dialog-outer table tbody .incentives ul.incentive-list-tick .list-tick-item:after {
  left: 5px;
  top: 1px;
}
.offset-calculator-new .basemodal-dialog-outer table tbody .fee label {
  font-size: 0.88em;
  color: black;
  font-weight: bold;
  margin-top: 5px;
}
.offset-calculator-new .basemodal-dialog-outer table tbody .btn {
  width: 100%;
  margin: 0 auto;
  background-color: var(--primary);
  color: white;
  padding: 1.2em;
}
@media screen and (max-width: 1200px) {
  .offset-calculator-new .basemodal-dialog-outer table {
    width: 100%;
    margin: 0 auto;
    font-size: 1.2em;
  }
  .offset-calculator-new .basemodal-dialog-outer table thead {
    display: none;
  }
  .offset-calculator-new .basemodal-dialog-outer table tbody {
    width: 100%;
  }
  .offset-calculator-new .basemodal-dialog-outer table tbody tr {
    display: block;
    margin-bottom: 1em;
    width: 100%;
    border-radius: 0.2em;
    overflow: hidden;
  }
  .offset-calculator-new .basemodal-dialog-outer table tbody tr:first-child {
    border-top-left-radius: 0.3rem;
  }
  .offset-calculator-new .basemodal-dialog-outer table tbody tr:last-child {
    border-bottom-left-radius: 0.3rem;
  }
  .offset-calculator-new .basemodal-dialog-outer table tbody tr:nth-child(odd) {
    background-color: #fff;
  }
  .offset-calculator-new .basemodal-dialog-outer table tbody tr td {
    position: relative;
    display: block;
    clear: both;
    margin: 0;
  }
  .offset-calculator-new .basemodal-dialog-outer table tbody tr td:last-child {
    border-right: solid 3px #dddddd;
  }
  .offset-calculator-new .basemodal-dialog-outer table tbody tr td[data-title] {
    padding-left: 35%;
  }
  .offset-calculator-new .basemodal-dialog-outer table tbody tr td[data-title]:before {
    content: attr(data-title);
    background-color: var(--gray-1);
    color: #fff;
    font-family: var(--font-family-bold);
    width: 30%;
    position: absolute;
    display: flex;
    align-items: center;
    padding: 0.5em 1em;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    line-height: 1.3rem;
    font-size: 1rem;
  }
}

/* Colours */
/* Sizes */
/* Breakpoints */
html.no-scroll,
body.no-scroll {
  overflow: hidden;
  -webkit-overflow-scrolling: auto;
}

@media only screen and (max-width: 1023px) {
  .ybs .ybsoc-open #masthead,
  .ybs .ybsoc-open .module,
  .ybs .ybsoc-open #footer {
    display: none;
  }
}
.ybs .block--ybsoc {
  padding: 0;
  width: 100%;
  margin-bottom: 0;
  float: none;
  border: 0;
  clear: both;
}
@media only screen and (min-width: 1024px) {
  .ybs .block--ybsoc {
    z-index: 60;
  }
}
.ybs #ybsoc {
  font-size: 14px;
  opacity: 0;
  transition: all 100ms ease-in-out;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc {
    font-size: 16px;
  }
}
.ybs #ybsoc .ybsoc-header {
  transform: scale(0);
  transition: transform 300ms ease-in-out;
}
.ybs #ybsoc .ybsoc-footer {
  opacity: 0;
  transition: opacity 200ms ease-in-out;
  transition-delay: 800ms;
}
.ybs #ybsoc.revealed {
  opacity: 1;
}
.ybs #ybsoc.revealed .ybsoc-screen {
  transform: translateY(0%);
}
.ybs #ybsoc.revealed .ybsoc-header {
  transform: scale(1);
}
.ybs #ybsoc.revealed .ybsoc-footer {
  opacity: 1;
}
.ybs #ybsoc .sr-only, .ybs #ybsoc .ybsoc-input-radio__option input {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: -1;
  position: absolute;
}
.ybs #ybsoc .mobile-only {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .mobile-only {
    display: none !important;
  }
}
.ybs #ybsoc .desktop-only {
  display: none !important;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .desktop-only {
    display: block !important;
  }
}
.ybs #ybsoc .ybsoc-input-number input,
.ybs #ybsoc .ybsoc-input-number span,
.ybs #ybsoc .ybsoc-input-dropdown__input-wrap,
.ybs #ybsoc .v-select.dropdown .dropdown-menu {
  line-height: 1.1em;
  box-sizing: border-box;
  border-radius: 0.2em;
  color: #666;
  transition: border 600ms;
  background-color: #fff;
  font-family: var(--font-family-base);
  vertical-align: top;
  border: 2px solid #d9d9d9 !important;
  border-bottom: 3px solid #d9d9d9 !important;
}
.ybs #ybsoc .terms {
  position: relative;
  display: block;
  z-index: -1;
}
.ybs #ybsoc .terms .module {
  display: block;
}
.ybs #ybsoc .row.terms {
  height: auto;
  padding-top: 3em;
  padding-bottom: 3em;
}
.ybs #ybsoc .ct-legend li:before,
.ybs #ybsoc ul:not(.ct-legend):not(.no-bullets):not(.accordion) > li:not(.no-bullet):not(.accordion-item):before {
  background-image: none;
}
.ybs #ybsoc .ybsoc-open .module {
  display: block;
}
.ybs #ybsoc li:before {
  background-image: none !important;
}
.ybs #ybsoc h1,
.ybs #ybsoc h2,
.ybs #ybsoc h3,
.ybs #ybsoc h4,
.ybs #ybsoc input,
.ybs #ybsoc p {
  font-family: var(--font-family-base);
  margin: 0 0 0.8em;
  padding-bottom: 0em;
  border-bottom: none;
  width: auto;
  padding-left: 0;
  padding-right: 0;
}
.ybs #ybsoc h1 {
  font-family: var(--font-family-bold);
  font-size: 1.8em;
}
.ybs #ybsoc h2 {
  font-family: var(--font-family-bold);
  font-size: 1.4em;
  color: #666;
}
.ybs #ybsoc h2.c-blue {
  color: #00adb5;
}
.ybs #ybsoc p {
  line-height: 1.5rem;
}
.ybs #ybsoc a {
  text-decoration: none !important;
}
.ybs #ybsoc input,
.ybs #ybsoc select,
.ybs #ybsoc button {
  border-radius: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
@keyframes borderFlash {
  0% {
    border-color: transparent;
  }
  50% {
    border-color: rgba(255, 255, 255, 0.5);
  }
  100% {
    border-color: transparent;
  }
}
@keyframes ToggleButtonGradient {
  0% {
    background-position: 22% 0%;
  }
  50% {
    background-position: 79% 100%;
  }
  100% {
    background-position: 22% 0%;
  }
}
.ybs #ybsoc .fade-enter-active,
.ybs #ybsoc .fade-leave-active {
  transition: opacity 200ms;
}
.ybs #ybsoc .fade-enter,
.ybs #ybsoc .fade-leave-to {
  opacity: 0;
}
.ybs #ybsoc .fade-leave-active {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.ybs #ybsoc .slidefade-enter-active,
.ybs #ybsoc .slidefade-leave-active {
  transition: all 400ms cubic-bezier(0.53, 0.75, 0.58, 0.97);
  transform: translateY(0%);
  opacity: 1;
}
.ybs #ybsoc .slidefade-enter,
.ybs #ybsoc .slidefade-leave-to {
  transform: translateY(-100%);
  opacity: 0;
}
.ybs #ybsoc .slidefade-reverse-enter-active,
.ybs #ybsoc .slidefade-reverse-leave-active {
  transition: all 400ms cubic-bezier(0.53, 0.75, 0.58, 0.97);
  transform: translateY(0%);
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .slidefade-reverse-enter-active,
  .ybs #ybsoc .slidefade-reverse-leave-active {
    transition: none;
    opacity: 1;
  }
}
.ybs #ybsoc .slidefade-reverse-enter,
.ybs #ybsoc .slidefade-reverse-leave-to {
  transform: translateY(100%);
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .slidefade-reverse-enter,
  .ybs #ybsoc .slidefade-reverse-leave-to {
    opacity: 1;
    transform: translateY(0%);
  }
}
.ybs #ybsoc .slideoff-enter-active,
.ybs #ybsoc .slideoff-leave-active {
  transition: all 400ms cubic-bezier(0.53, 0.75, 0.58, 0.97);
  transform: translateX(0%);
  opacity: 1;
}
.ybs #ybsoc .slideoff-enter,
.ybs #ybsoc .slideoff-leave-to {
  opacity: 0;
}
.ybs #ybsoc .slideoff-enter {
  transform: translateX(200%);
}
.ybs #ybsoc .slideoff-leave-to {
  transform: translateX(-200%);
}
.ybs #ybsoc .zoom-enter-active,
.ybs #ybsoc .zoom-leave-active {
  transition: all 0.5s;
  transform: scale(1);
  opacity: 1;
}
.ybs #ybsoc .zoom-enter,
.ybs #ybsoc .zoom-leave-to {
  transform: scale(0);
  opacity: 0;
}
.ybs #ybsoc .slide-off-enter-to {
  opacity: 0;
  transition: all 0.1s ease-in-out;
}
.ybs #ybsoc .slide-off-leave-to {
  opacity: 1;
  transition: all 0.1s ease-in-out;
}
.ybs #ybsoc .container, .ybs #ybsoc .main-header__group, .ybs #ybsoc .saving-tips .saving-tips__breadcrumb, .ybs .saving-tips #ybsoc .saving-tips__breadcrumb {
  background: #e5f7f6;
  margin: 0 auto;
  max-width: 100%;
}
.ybs #ybsoc .sticky-height-wrapper:after {
  display: block;
  content: " ";
  clear: both;
}
.ybs #ybsoc .ybsoc-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 55px;
  background: #ffffff;
  z-index: 15;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px;
  transition: all 0.3s linear;
  display: none;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-header {
    height: 0;
    overflow: hidden;
    max-width: 1024px;
    left: auto;
  }
  .ybs #ybsoc .ybsoc-header__logo {
    display: none;
  }
}
.ybs #ybsoc .ybsoc-header__logo, .ybs #ybsoc .ybsoc-header__close {
  position: absolute;
  top: 50%;
  margin-top: -12.5px;
}
.ybs #ybsoc .ybsoc-header__logo svg,
.ybs #ybsoc .ybsoc-header__logo img, .ybs #ybsoc .ybsoc-header__close svg,
.ybs #ybsoc .ybsoc-header__close img {
  display: block;
  height: 25px;
  width: auto;
}
.ybs #ybsoc .ybsoc-header__logo {
  left: 18px;
}
.ybs #ybsoc .ybsoc-header__close {
  right: 18px;
  top: 50%;
  margin-top: -10px;
}
.ybs #ybsoc .ybsoc-header__close:hover {
  background: transparent;
}
.ybs #ybsoc .ybsoc-header__close svg {
  display: block;
  height: 20px;
  width: auto;
}
.ybs #ybsoc .ybsoc-screen {
  padding-top: 0;
  transition: all 500ms ease-in-out;
  transition-delay: 400ms;
  transform: translateY(-100%);
  background: #e5f7f6;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-screen {
    padding-top: 0;
    transform: translateY(0%);
  }
}
.ybs #ybsoc .ybsoc-screen section {
  margin-top: 6px;
  background: #ffffff;
  padding: 18px;
  text-align: center;
}
.ybs #ybsoc .ybsoc-screen section.no-padding {
  padding: 0;
}
.ybs #ybsoc .ybsoc-screen section:last-child {
  margin-bottom: 6px;
}
.ybs #ybsoc .ybsoc-screen section.with-toggle-input-group {
  position: relative;
  padding-top: 138px;
}
.ybs #ybsoc .ybsoc-screen section.with-toggle-input-group--large {
  padding-top: 198px;
}
.ybs #ybsoc .ybsoc-screen--intro {
  background: #fafafa;
  min-height: 100vh;
  overflow: hidden;
}
.ybs #ybsoc .ybsoc-screen--calculation a {
  margin-top: -2.5em;
}
.ybs #ybsoc .ybsoc-screen--calculation h2 {
  text-align: center;
  margin-top: 2rem;
}
.ybs #ybsoc .ybsoc-screen--calculation .terms {
  margin-top: 3em;
}
.ybs #ybsoc .ybsoc-screen--breakdown {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  padding-top: 0;
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
}
.ybs #ybsoc .ybsoc-screen--breakdown .ybsoc-screen--breakdown__inner {
  padding-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-screen--breakdown {
    position: relative;
    height: auto;
    background: #e5f7f6;
  }
  .ybs #ybsoc .ybsoc-screen--breakdown .circle-button--back {
    display: none;
  }
  .ybs #ybsoc .ybsoc-screen--breakdown .ybsoc-screen--breakdown__inner {
    padding-top: 0 !important;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 40em) {
  .ybs #ybsoc .ybsoc-screen--breakdown {
    top: 0;
    margin-top: 9em;
    height: 30em;
    overflow-x: hidden;
  }
}
@media only screen and (max-width: 1024px) {
  .ybs #ybsoc .ybsoc-screen--breakdown {
    position: relative;
    top: 0;
    margin-top: 0em;
    height: 30em;
    overflow-x: hidden;
  }
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-screen--mortgage-information section:first-child {
    margin-top: 0;
  }
  .ybs #ybsoc .ybsoc-screen--mortgage-information + .ybsoc-footer {
    display: none;
  }
  .ybs #ybsoc .ybsoc-screen--mortgage-information:after {
    display: block;
    content: " ";
    clear: both;
  }
}
.ybs #ybsoc .ybsoc-screen li:before {
  display: none;
}
.ybs #ybsoc .row {
  margin: -18px;
}
.ybs #ybsoc .row .col {
  box-sizing: border-box;
  padding: 18px;
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .ybs #ybsoc .row .col {
    float: left;
  }
  .ybs #ybsoc .row .col--50 {
    width: 50%;
  }
}
.ybs #ybsoc .row:after {
  display: block;
  content: " ";
  clear: both;
}
.ybs #ybsoc.revealed .ybsoc-footer {
  min-height: 15em;
}
.ybs #ybsoc .ybsoc-footer {
  position: relative;
  width: 100%;
  height: 100px;
  background: #ffffff;
}
.ybs #ybsoc .ybsoc-footer .button {
  position: absolute;
  top: 36%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  box-sizing: border-box;
  padding: 18px;
}
.ybs #ybsoc .ybsoc-footer .button.button-cost-breakdown {
  top: 36%;
}
.ybs #ybsoc .ybsoc-footer .button.button-overpay {
  background: transparent;
  margin-top: 2.2em;
  color: #00a33f;
  border-color: #008534;
}
.ybs #ybsoc .ybsoc-footer .button.btn.btn-full-width.button-overpay {
  background: transparent;
  margin-top: 4.2em;
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.ybs #ybsoc .ybsoc-footer .circle-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ybs #ybsoc .ybsoc-footer .circle-button--info {
  right: 18px;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-footer .circle-button--info {
    right: 36px;
  }
}
.ybs #ybsoc .ybsoc-footer .circle-button--back {
  left: 18px;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-footer .circle-button--back {
    left: 36px;
  }
}
.ybs #ybsoc .ybsoc-intro-wrapper {
  padding: 1.5rem;
  opacity: 1;
}
@media only screen and (min-width: 375px) {
  .ybs #ybsoc .ybsoc-intro-wrapper {
    padding: 3rem;
  }
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-intro-wrapper {
    max-width: 85%;
    margin: 0 auto;
  }
}
.ybs #ybsoc .ybsoc-intro-wrapper h1 {
  color: #00a33f;
  text-transform: uppercase;
  font-size: 2.8rem;
  font-weight: normal;
  font-family: var(--font-family-headline);
  line-height: 2.2rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 375px) {
  .ybs #ybsoc .ybsoc-intro-wrapper h1 {
    font-size: 3.2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-intro-wrapper h1 {
    font-size: 4rem;
    line-height: 3rem;
  }
}
.ybs #ybsoc .ybsoc-intro-wrapper p {
  color: #4a4a4a;
}
.ybs #ybsoc .ybsoc-intro-wrapper .ybsoc-footer {
  opacity: 0;
  background: transparent;
  margin-top: 2rem;
}
.ybs #ybsoc .ybsoc-intro-wrapper .ybsoc-footer .button {
  width: 70%;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-intro-wrapper .ybsoc-footer .button {
    width: 50%;
  }
}
.ybs #ybsoc .ybsoc-intro-wrapper .ybsoc-footer .circle-button--info {
  right: 0;
}
.ybs #ybsoc .ybsoc-intro-wrapper.revealed .ybsoc-footer {
  opacity: 1;
}
.ybs #ybsoc .ybsoc-intro-animation {
  position: relative;
  margin-top: 2rem;
}
.ybs #ybsoc .ybsoc-intro-animation svg {
  opacity: 0;
  overflow: visible;
}
.ybs #ybsoc .ybsoc-intro-animation__house {
  display: block;
  position: relative;
  width: 68%;
  height: auto;
  margin: 0 auto;
  z-index: 3;
  transform: translateY(-100%);
}
.ybs #ybsoc .ybsoc-intro-animation__cash-left {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 25%;
  height: auto;
  transform: translateY(-100%);
}
.ybs #ybsoc .ybsoc-intro-animation__cash-right {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 25%;
  height: auto;
  transform: translateY(-100%);
}
.ybs #ybsoc .ybsoc-intro-animation__particles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 2;
}
.ybs #ybsoc .ybsoc-intro-info-button-wrapper {
  position: absolute;
  right: 18px;
  margin-top: 33px;
}
.ybs #ybsoc .calculation-summary__interest, .ybs #ybsoc .calculation-summary__year, .ybs #ybsoc .calculation-summary__balance {
  width: 50%;
  float: left;
  background: #62c422;
  box-sizing: border-box;
  padding: 18px;
  text-align: center;
  font-family: var(--font-family-base);
  color: #ffffff;
  font-size: 1.2rem;
  height: 150px;
}
@media only screen and (min-width: 375px) {
  .ybs #ybsoc .calculation-summary__interest, .ybs #ybsoc .calculation-summary__year, .ybs #ybsoc .calculation-summary__balance {
    height: 140px;
  }
}
@media only screen and (min-width: 768px) {
  .ybs #ybsoc .calculation-summary__interest, .ybs #ybsoc .calculation-summary__year, .ybs #ybsoc .calculation-summary__balance {
    height: 140px;
  }
}
@media only screen and (max-width: 1400px) {
  .ybs #ybsoc .calculation-summary__interest, .ybs #ybsoc .calculation-summary__year, .ybs #ybsoc .calculation-summary__balance {
    height: 152px;
  }
}
.ybs #ybsoc .calculation-summary__interest span, .ybs #ybsoc .calculation-summary__year span, .ybs #ybsoc .calculation-summary__balance span {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 0.25rem;
}
@media only screen and (min-width: 768px) {
  .ybs #ybsoc .calculation-summary__interest span, .ybs #ybsoc .calculation-summary__year span, .ybs #ybsoc .calculation-summary__balance span {
    font-size: 2rem;
  }
}
.ybs #ybsoc .calculation-summary__interest small, .ybs #ybsoc .calculation-summary__year small, .ybs #ybsoc .calculation-summary__balance small {
  display: block;
  font-size: 0.8rem;
}
.ybs #ybsoc .calculation-summary__interest {
  background: #00a33f;
}
.ybs #ybsoc .calculation-summary__balance {
  background: #4a4a4a;
}
.ybs #ybsoc .calculation-summary__balance small {
  margin-top: 0;
}
.ybs #ybsoc .calculation-summary__balance span {
  margin-bottom: 0.25rem;
}
.ybs #ybsoc .calculation-summary__disclaimer {
  clear: both;
  color: #4a4a4a;
  text-align: center;
  padding-top: 18px;
  padding-bottom: 18px;
}
.ybs #ybsoc .calculation-summary__disclaimer p {
  max-width: 80%;
  margin: 0 auto;
}
.ybs #ybsoc .ybsoc-breakdown-summary {
  position: relative;
  z-index: 1;
  padding: 18px;
  padding-bottom: 0;
  background: #ffffff;
  margin-top: 55px;
  text-align: center;
}
.ybs #ybsoc .ybsoc-breakdown-summary h2 {
  margin: 0;
  font-weight: normal;
  color: #4a4a4a;
  font-size: 0.85rem;
}
.ybs #ybsoc .ybsoc-breakdown-summary h2 span {
  color: #00a33f;
}
@media only screen and (min-width: 768px) {
  .ybs #ybsoc .ybsoc-breakdown-summary h2 {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-breakdown-summary h2 {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-breakdown-summary {
    top: 0px;
    position: sticky;
    width: 100%;
    box-sizing: border-box;
    margin-top: 0;
  }
}
.ybs #ybsoc .mortgage-information-input-wrapper {
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .mortgage-information-input-wrapper {
    position: relative;
    z-index: 2;
    width: 35%;
    font-size: 0.8rem;
    height: auto;
    min-height: 100vh;
    border-right: 6px solid #e5f7f6;
    box-sizing: border-box;
    float: left;
    background: #fafafa;
  }
  .ybs #ybsoc .mortgage-information-input-wrapper__inner {
    background: #e5f7f6;
  }
}
.ybs #ybsoc .mortgage-information-input-wrapper__footer {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .mortgage-information-input-wrapper__footer {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 18px;
    font-size: 1.1rem;
    background: #fafafa;
    text-align: center;
  }
  .ybs #ybsoc .mortgage-information-input-wrapper__footer .button {
    width: 100%;
    box-sizing: border-box;
  }
}
.ybs #ybsoc .mortgage-information-input-wrapper__errors {
  position: relative;
  padding: 18px;
  background: #d0021b;
  font-family: var(--font-family-headline);
  text-transform: uppercase;
  text-align: center;
  padding-right: 50px;
  color: #ffffff;
  font-weight: normal;
  font-size: 0.9rem;
}
.ybs #ybsoc .mortgage-information-input-wrapper__errors a {
  display: block;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}
.ybs #ybsoc .mortgage-information-input-wrapper__errors a:hover {
  background: transparent;
}
.ybs #ybsoc .mortgage-information-input-wrapper__errors a svg {
  display: block;
  height: 20px;
  width: auto;
}
.ybs #ybsoc .mortgage-information-result-wrapper {
  display: none;
  overflow: visible;
}
.ybs #ybsoc .mortgage-information-result-wrapper > div {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #e5f7f6;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .mortgage-information-result-wrapper {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    height: auto;
    min-height: 100%;
    width: 65%;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
    background: #e5f7f6;
  }
}
.ybs #ybsoc .mortgage-information-result-wrapper .ybsoc-screen--calculation {
  background: #ffffff;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.ybs #ybsoc .mortgage-information-result-wrapper .ybsoc-screen--calculation h2 {
  margin-bottom: 2.5rem;
}
.ybs #ybsoc .mortgage-information-result-wrapper .ybsoc-screen--calculation .calculation-change {
  background: #e5f7f6;
  padding: 1.6rem;
  overflow: hidden;
  padding-bottom: 4rem;
}
.ybs #ybsoc .mortgage-information-result-wrapper .ybsoc-screen--calculation .calculation-change + section {
  margin-top: 0;
}
.ybs #ybsoc .mortgage-information-result-wrapper .ybsoc-screen--calculation .circle-button--back {
  display: none;
}
.ybs #ybsoc .mortgage-information-result-wrapper .ybsoc-screen--calculation .ybsoc-footer {
  background: #ffffff;
}
.ybs #ybsoc .mortgage-information-result-wrapper .ybsoc-payment-holiday-breakdown {
  background: #e5f7f6;
  padding: 36px 36px 0;
}
.ybs #ybsoc .mortgage-information-result-wrapper .ybsoc-payment-holiday-breakdown h3 {
  font-size: 1.3rem;
  color: #00a33f;
}
.ybs #ybsoc .mortgage-information-result-wrapper .ybsoc-payment-holiday-breakdown p {
  font-size: 1.3rem;
  margin: 1.5rem auto;
}
.ybs #ybsoc .mortgage-information-result-wrapper .ybsoc-payment-holiday-breakdown p.ybsoc-payment-holiday-breakdown__figure {
  font-size: 4rem;
}
.ybs #ybsoc .mortgage-information-result-wrapper .ybsoc-payment-holiday-breakdown__particles {
  bottom: 0;
  width: 80%;
  left: 10%;
}
.ybs #ybsoc .mortgage-information-result-wrapper .ybsoc-payment-holiday-breakdown-table {
  background: #e5f7f6;
  margin: 0 36px;
}
.ybs #ybsoc .mortgage-information-result-wrapper .ybsoc-footer {
  background: #e5f7f6;
}
.ybs #ybsoc .mortgage-information-getting-started {
  width: 100%;
  height: 100%;
  padding: 54px 72px;
  background: #fafafa !important;
  box-sizing: border-box;
}
.ybs #ybsoc .mortgage-information-getting-started h1 {
  color: #00a33f;
  text-transform: uppercase;
  font-size: 4rem;
  line-height: 3rem;
  font-weight: normal;
  font-family: var(--font-family-headline);
  margin-bottom: 2.5rem;
}
.ybs #ybsoc .mortgage-information-getting-started h2 {
  color: #62c422;
  font-size: 1.5rem;
}
.ybs #ybsoc .mortgage-information-getting-started p {
  margin-bottom: 2rem;
}
.ybs #ybsoc .ybsoc-input-number {
  max-width: 70%;
  margin: 0 auto;
  position: relative;
}
.ybs #ybsoc .ybsoc-input-number input {
  background: #ffffff;
  width: 100%;
  font-weight: bold;
}
.ybs #ybsoc .ybsoc-input-number input::placeholder {
  color: #dcdcdc;
}
.ybs #ybsoc .ybsoc-input-number input,
.ybs #ybsoc .ybsoc-input-number span {
  padding: 12px;
  display: block;
  font-size: 1.8em;
  box-sizing: border-box;
  font-family: var(--font-family-base);
  border: 1px solid #4a4a4a;
}
.ybs #ybsoc .ybsoc-input-number input,
.ybs #ybsoc .ybsoc-input-number select,
.ybs #ybsoc .ybsoc-input-number textarea {
  border: 2px solid rgba(167, 167, 167, 0.8);
  border-bottom: 3px solid rgba(167, 167, 167, 0.8);
  color: #666;
}
.ybs #ybsoc .ybsoc-input-number--prefix span, .ybs #ybsoc .ybsoc-input-number--postfix span {
  background: #dcdcdc;
  color: #ffffff;
  position: absolute;
  border-right: none;
  width: 50px;
  height: 100%;
  transition: all 300ms linear;
}
.ybs #ybsoc .ybsoc-input-number--prefix input, .ybs #ybsoc .ybsoc-input-number--postfix input {
  padding-left: 62px;
}
.ybs #ybsoc .ybsoc-input-number span, .ybs #ybsoc .ybsoc-input-number--prefix span {
  border-bottom: 3px solid rgba(167, 167, 167, 0.8);
  border-radius: 0.2em;
  background-color: #f2f2f2 !important;
  color: #868686;
}
.ybs #ybsoc .ybsoc-input-number--postfix span {
  right: 0;
  left: auto;
  border-right: 1px solid #4a4a4a;
  border-left: none;
}
.ybs #ybsoc .ybsoc-input-number--postfix input {
  padding-left: 12px;
  padding-right: 62px;
}
.ybs #ybsoc .ybsoc-input-number--small {
  max-width: 45%;
}
.ybs #ybsoc .ybsoc-input-number.c-green input,
.ybs #ybsoc .ybsoc-input-number.c-green span {
  border-color: #00a33f;
}
.ybs #ybsoc .ybsoc-input-number.c-blue input,
.ybs #ybsoc .ybsoc-input-number.c-blue span {
  border-color: #00adb5;
}
.ybs #ybsoc .ybsoc-input-number--populated span {
  background: #00a33f;
}
.ybs #ybsoc .ybsoc-input-number--populated.c-blue span {
  background: #00adb5;
}
.ybs #ybsoc .ybsoc-input-number.ybsoc-invalid-input input {
  background: #fff4f5;
}
.ybs #ybsoc .ybsoc-input-number.ybsoc-invalid-input input,
.ybs #ybsoc .ybsoc-input-number.ybsoc-invalid-input span {
  border-color: #d0021b !important;
}
.ybs #ybsoc .ybsoc-input-dropdown {
  margin: 0 auto;
}
.ybs #ybsoc .ybsoc-input-dropdown__input-wrap {
  position: relative;
  display: inline-block;
  border: 1px solid #4a4a4a;
}
.ybs #ybsoc .ybsoc-input-dropdown__input-wrap--multi {
  width: 120px;
}
.ybs #ybsoc .ybsoc-input-dropdown__input-wrap--multi:first-child {
  margin-right: 5px;
}
.ybs #ybsoc .ybsoc-input-dropdown__input-wrap--small {
  width: 100px;
}
.ybs #ybsoc .ybsoc-input-dropdown__input-wrap > span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  background: #62c422;
  content: " ";
  z-index: 1;
  box-sizing: border-box;
}
.ybs #ybsoc .ybsoc-input-dropdown__input-wrap > span svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: auto;
  transform: translate(-50%, -50%);
}
.ybs #ybsoc .ybsoc-input-dropdown input,
.ybs #ybsoc .ybsoc-input-dropdown span {
  display: inline-block;
  padding: 15px;
  box-sizing: border-box;
  font-family: var(--font-family-base);
  vertical-align: baseline;
  font-size: 1em;
}
.ybs #ybsoc .ybsoc-input-dropdown input {
  background: #ffffff;
  border: none;
  position: relative;
  margin: 0;
  width: 100%;
  font-weight: bold;
  text-transform: capitalize;
}
.ybs #ybsoc .ybsoc-input-dropdown input:disabled {
  border-color: #4a4a4a;
}
.ybs #ybsoc .ybsoc-input-dropdown input::placeholder {
  color: #dcdcdc;
}
.ybs #ybsoc .ybsoc-input-dropdown--prefix > span {
  color: #4a4a4a;
  font-size: 1em;
}
.ybs #ybsoc .ybsoc-input-dropdown.c-blue .ybsoc-input-dropdown__input-wrap {
  border-color: #00adb5;
}
.ybs #ybsoc .ybsoc-input-dropdown.c-blue .ybsoc-input-dropdown__input-wrap > span {
  background: #00adb5;
}
.ybs #ybsoc .ybsoc-input-dropdown.c-blue .ybsoc-input-dropdown__selection__options ul li a.selected {
  background: #00adb5;
}
.ybs #ybsoc .ybsoc-input-dropdown.c-blue .ybsoc-input-dropdown__selection .button {
  background: #00adb5;
}
.ybs #ybsoc .ybsoc-input-dropdown.c-green .ybsoc-input-dropdown__input-wrap {
  border-color: #62c422;
}
.ybs #ybsoc .ybsoc-input-dropdown.c-green .ybsoc-input-dropdown__input-wrap > span {
  background: #62c422;
}
.ybs #ybsoc .ybsoc-input-dropdown.ybsoc-invalid-input input {
  background: #fff4f5;
}
.ybs #ybsoc .ybsoc-input-dropdown.ybsoc-invalid-input .ybsoc-input-dropdown__input-wrap {
  border-color: #d0021b !important;
}
.ybs #ybsoc .ybsoc-input-dropdown-selector {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background: #fafafa;
  width: 100%;
  height: 100%;
  max-width: 1024px;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-input-dropdown-selector {
    left: 50%;
    transform: translateX(-50%);
  }
}
.ybs #ybsoc .ybsoc-input-dropdown-selector__options {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: #fafafa;
}
.ybs #ybsoc .ybsoc-input-dropdown-selector__options ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 55px 0 36px;
}
.ybs #ybsoc .ybsoc-input-dropdown-selector__options ul li {
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #dcdcdc;
}
.ybs #ybsoc .ybsoc-input-dropdown-selector__options ul li a {
  display: block;
  padding: 18px;
  color: #4a4a4a;
  font-size: 1.84em;
  text-decoration: none;
  font-family: var(--font-family-base);
  font-weight: bold;
  text-align: center;
  transition: background-color 200ms linear;
}
.ybs #ybsoc .ybsoc-input-dropdown-selector__options ul li a.selected {
  background: #62c422;
  color: #ffffff;
}
.ybs #ybsoc .ybsoc-input-dropdown-selector__options .vue-scroll-picker-group {
  padding: 55px 0 36px;
  font-size: 1.84em;
  line-height: 2rem;
  text-decoration: none;
  font-family: var(--font-family-base);
  font-weight: normal;
  text-transform: capitalize;
  color: #62c422;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 20rem;
  transform: translateY(-50%);
}
.ybs #ybsoc .ybsoc-input-dropdown-selector__options .vue-scroll-picker-group .vue-scroll-picker {
  height: 100%;
  overflow: hidden;
}
.ybs #ybsoc .ybsoc-input-dropdown-selector__options .vue-scroll-picker-group .vue-scroll-picker-item {
  color: #4a4a4a;
  line-height: 3rem;
  height: 3rem;
}
.ybs #ybsoc .ybsoc-input-dropdown-selector__options .vue-scroll-picker-group .vue-scroll-picker-item.-selected {
  color: #ffffff;
  position: relative;
  z-index: 1;
}
.ybs #ybsoc .ybsoc-input-dropdown-selector__options .vue-scroll-picker-group .top,
.ybs #ybsoc .ybsoc-input-dropdown-selector__options .vue-scroll-picker-group .bottom {
  border-top: none;
  border-bottom: none;
}
.ybs #ybsoc .ybsoc-input-dropdown-selector__options .vue-scroll-picker-group .top {
  background: linear-gradient(180deg, #fafafa 10%, hsla(0, 0%, 100%, 0));
}
.ybs #ybsoc .ybsoc-input-dropdown-selector__options .vue-scroll-picker-group .bottom {
  background: linear-gradient(0deg, #fafafa 10%, hsla(0, 0%, 100%, 0));
}
.ybs #ybsoc .ybsoc-input-dropdown-selector__options .vue-scroll-picker-group .vue-scroll-picker-list-rotator {
  padding-top: 5.5em;
}
.ybs #ybsoc .ybsoc-input-dropdown-selector__options .vue-scroll-picker-group .middle {
  top: 42%;
  bottom: 42%;
}
.ybs #ybsoc .ybsoc-input-dropdown-selector__options .vue-scroll-picker-group .middle:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #62c422;
  z-index: 0;
  content: " ";
}
.ybs #ybsoc .ybsoc-input-dropdown-selector__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20%;
  background: #ffffff;
  z-index: 11;
}
.ybs #ybsoc .ybsoc-input-dropdown-selector__footer .button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ybs #ybsoc .v-select.dropdown {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}
.ybs #ybsoc .v-select.dropdown .dropdown-toggle {
  border-radius: 0;
  display: block;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ybs #ybsoc .v-select.dropdown .vs__actions,
.ybs #ybsoc .v-select.dropdown .vs__selected-options {
  display: none;
}
.ybs #ybsoc .v-select.dropdown .dropdown-menu {
  max-height: 200px !important;
  font-family: var(--font-family-base);
  vertical-align: baseline;
  font-size: 1em;
  font-weight: bold;
  padding: 0;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #4a4a4a;
  margin-left: -1px;
  margin-right: -1px;
  box-sizing: content-box;
  min-width: 160px;
  overflow-x: hidden;
  overflow-y: auto;
}
.ybs #ybsoc .v-select.dropdown .dropdown-menu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background-color: rgba(0, 40, 92, 0.066);
  margin: 1em 0;
}
.ybs #ybsoc .v-select.dropdown .dropdown-menu::-webkit-scrollbar {
  width: 12px;
}
.ybs #ybsoc .v-select.dropdown .dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: var(--color-primary);
}
.ybs #ybsoc .v-select.dropdown .dropdown-menu li {
  margin-bottom: 0;
}
.ybs #ybsoc .v-select.dropdown .dropdown-menu li a {
  padding: 9px 15px;
  font-size: 0.8rem;
  font-weight: bold;
  color: var(--color-primary);
}
.ybs #ybsoc .v-select.dropdown .dropdown-menu li.active a {
  color: #333;
  background: rgba(50, 50, 50, 0.1);
}
.ybs #ybsoc .v-select.dropdown .dropdown-menu li.highlight {
  background: transparent;
}
.ybs #ybsoc .v-select.dropdown .dropdown-menu li.highlight a {
  color: var(--color-grey-50);
  background: #62c422;
}
.ybs #ybsoc .c-green .v-select.dropdown .dropdown-menu {
  border: 1px solid #62c422;
}
.ybs #ybsoc .c-blue .v-select.dropdown .dropdown-menu {
  border: 1px solid #00adb5;
}
.ybs #ybsoc .c-blue .v-select.dropdown .dropdown-menu > .highlight > a {
  background: #00adb5;
}
.ybs #ybsoc .ybsoc-input-toggle__caption {
  display: block;
  text-transform: uppercase;
  color: #9d9d9c;
  margin-bottom: 9px;
  font-size: 1em;
  font-family: aller;
}
.ybs #ybsoc .ybsoc-input-toggle__toggle {
  background: linear-gradient(89deg, #00a33f, #00adb5);
  background-size: 100% 400%;
  -webkit-animation: ToggleButtonGradient 30s ease infinite;
  -moz-animation: ToggleButtonGradient 30s ease infinite;
  animation: ToggleButtonGradient 30s ease infinite;
  border: 3px solid #dcdcdc;
  border-radius: 5px;
  width: 117px;
  height: 52px;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
}
.ybs #ybsoc .ybsoc-input-toggle__toggle__track {
  position: absolute;
  top: 50%;
  left: 10%;
  margin-top: -2.5px;
  height: 5px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2);
  width: 80%;
}
.ybs #ybsoc .ybsoc-input-toggle__toggle__tab {
  position: absolute;
  display: block;
  top: 5px;
  left: 15%;
  width: 18px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #fafafa;
  border-radius: 2px;
  transition: all 200ms cubic-bezier(0.78, 0.25, 0.58, 0.97);
  box-shadow: rgba(0, 0, 0, 0.05) 0 0 5px;
}
.ybs #ybsoc .ybsoc-input-toggle__toggle__tab > span {
  display: block;
  position: absolute;
  top: 50%;
  left: 12%;
  height: 1px;
  width: 80%;
  background: #dcdcdc;
  margin: 0 auto;
}
.ybs #ybsoc .ybsoc-input-toggle__toggle__tab > span:first-child {
  margin-top: -5px;
}
.ybs #ybsoc .ybsoc-input-toggle__toggle__tab > span:last-child {
  margin-top: 5px;
}
.ybs #ybsoc .ybsoc-input-toggle__toggle.active .ybsoc-input-toggle__toggle__tab {
  left: 68%;
}
.ybs #ybsoc .toggled-input-group {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  padding: 18px;
  box-sizing: border-box;
}
.ybs #ybsoc .button {
  display: inline-block;
  width: auto;
  font-family: var(--font-family-base);
  font-size: 1em;
  color: #ffffff;
  background: #00a33f;
  padding: 18px 36px;
  text-decoration: none;
  border-radius: 5px;
  text-align: center;
}
.ybs #ybsoc .ybsoc-input-tick {
  display: block;
  position: relative;
  background: rgba(96, 196, 34, 0.2);
  padding: 18px 27px;
  text-align: left;
  font-size: 1em;
  transition: all 200ms linear;
}
.ybs #ybsoc .ybsoc-input-tick__label {
  font-family: var(--font-family-base);
  color: #00a33f;
  transition: all 100ms linear;
  font-size: 0.9em;
}
@media (min-width: 321px) {
  .ybs #ybsoc .ybsoc-input-tick__label {
    font-size: 1em;
  }
}
.ybs #ybsoc .ybsoc-input-tick__tick {
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  position: absolute;
  top: 50%;
  right: 27px;
  transform: translateY(-50%);
  border: 5px solid transparent;
  box-sizing: border-box;
}
.ybs #ybsoc .ybsoc-input-tick__tick svg {
  height: 10px;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ybs #ybsoc .ybsoc-input-tick--active {
  background: #62c422;
}
.ybs #ybsoc .ybsoc-input-tick--active .ybsoc-input-tick__label {
  color: #ffffff;
}
.ybs #ybsoc .ybsoc-input-tick--active .ybsoc-input-tick__tick {
  background: #00a33f;
  transition: all 100ms linear;
  animation: borderFlash forwards 100ms;
}
.ybs #ybsoc .ybsoc-input-tick--active .ybsoc-input-tick__tick g {
  stroke: #ffffff;
  transition: all 100ms linear;
}
.ybs #ybsoc .circle-button {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #dcdcdc;
  padding: 0;
}
.ybs #ybsoc .circle-button svg {
  display: block;
  position: absolute;
  height: 20px;
  width: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ybs #ybsoc .payment-holiday-cta {
  display: block;
  position: relative;
  background: #00adb5;
  text-align: left;
  padding: 1.5rem 3rem;
  line-height: 0rem;
  text-decoration: none;
  overflow: hidden;
}
.ybs #ybsoc .payment-holiday-cta__text {
  display: block;
  max-width: 80%;
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #ffffff;
  font-family: var(--font-family-base);
  font-weight: bold;
}
.ybs #ybsoc .payment-holiday-cta__icon {
  display: block;
  position: absolute;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: #e5f7f6;
  border-radius: 100%;
}
.ybs #ybsoc .payment-holiday-cta__icon svg {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ybs #ybsoc .payment-holiday-cta__particles {
  position: absolute;
  display: block;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  z-index: 0;
}
.ybs #ybsoc .payment-holiday-cta__particles svg {
  width: 100%;
  height: auto;
  overflow: visible;
}
.ybs #ybsoc .ybsoc-payment-holiday-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  background: #e5f7f6;
  width: 100%;
  height: 100%;
  text-align: center;
}
.ybs #ybsoc .ybsoc-payment-holiday-modal .ybsoc-payment-holiday-modal__inner {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.ybs #ybsoc .ybsoc-payment-holiday-modal .ybsoc-payment-holiday-modal__inner__scroll {
  margin-top: 55px;
  padding: 18px 18px 0;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-payment-holiday-modal .ybsoc-payment-holiday-modal__inner__scroll {
    margin-top: 0;
  }
}
.ybs #ybsoc .ybsoc-payment-holiday-modal .ybsoc-payment-holiday-modal__inner__scroll .ybsoc-payment-holiday-breakdown-table + .ybsoc-footer {
  display: none;
}
.ybs #ybsoc .ybsoc-payment-holiday-breakdown {
  position: relative;
}
.ybs #ybsoc .ybsoc-payment-holiday-breakdown__inner {
  position: relative;
  z-index: 1;
}
.ybs #ybsoc .ybsoc-payment-holiday-breakdown h3 {
  font-size: 0.9rem;
}
.ybs #ybsoc .ybsoc-payment-holiday-breakdown p {
  font-weight: 200;
  font-size: 1.1rem;
  margin: 1rem auto;
}
.ybs #ybsoc .ybsoc-payment-holiday-breakdown p.ybsoc-payment-holiday-breakdown__figure {
  font-size: 3rem;
  font-weight: bold;
  color: #00a33f;
}
.ybs #ybsoc .ybsoc-payment-holiday-breakdown h3 + div + p {
  max-width: 90%;
}
.ybs #ybsoc .ybsoc-payment-holiday-breakdown__particles {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  overflow: visible;
  z-index: 0;
}
.ybs #ybsoc .ybsoc-payment-holiday-breakdown-table {
  margin: 36px -18px 0;
}
.ybs #ybsoc .ybsoc-payment-holiday-breakdown-table__row {
  display: table;
  vertical-align: middle;
  width: 100%;
}
.ybs #ybsoc .ybsoc-payment-holiday-breakdown-table__row div {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  font-weight: 200;
  color: #ffffff;
  padding: 18px;
  background: #00a33f;
  text-align: center;
  border-bottom: 1px solid #62c422;
  font-family: var(--font-family-base);
  font-size: 1.3rem;
}
.ybs #ybsoc .ybsoc-payment-holiday-breakdown-table__row div:last-child {
  background: #008534;
}
.ybs #ybsoc .ybsoc-payment-holiday-breakdown-table__row div strong {
  font-weight: bold;
}
.ybs #ybsoc .ybsoc-payment-holiday-breakdown-table__row:last-child div {
  border-bottom: 0;
}
.ybs #ybsoc .ybsoc-circle-slider-input {
  position: relative;
  margin: 0 auto;
  width: 310px;
  height: 310px;
}
.ybs #ybsoc .ybsoc-circle-slider-input__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 65%;
  height: 65%;
  box-sizing: border-box;
  transform: translate(-50%, -50%);
  border: 35px solid #ffffff;
  background: #e5f7f6;
  border-radius: 100%;
}
.ybs #ybsoc .ybsoc-circle-slider-input__inner__value {
  text-align: center;
  font-size: 3rem;
  font-family: var(--font-family-base);
  font-weight: bold;
  color: #00a33f;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ybs #ybsoc .ybsoc-circle-slider-input__track {
  position: absolute;
  top: 8%;
  left: 8%;
  width: 84%;
  height: 84%;
  box-sizing: border-box;
  z-index: 1;
}
.ybs #ybsoc .ybsoc-circle-slider-input__progress {
  transform: rotate(-90deg);
  width: 100%;
  height: 100%;
  display: block;
}
.ybs #ybsoc .ybsoc-circle-slider-input__progress .progress__value {
  stroke-dasharray: 339.292;
}
.ybs #ybsoc .ybsoc-circle-slider-input__knob-wrapper {
  position: absolute;
  top: 8%;
  left: 8%;
  width: 84%;
  height: 84%;
  z-index: 2;
}
.ybs #ybsoc .ybsoc-circle-slider-input__knob-wrapper__knob {
  background: #ffffff;
  box-shadow: 6px 6px 21px -6px rgba(0, 0, 0, 0.75);
  z-index: 2;
  border-radius: 100%;
  position: absolute;
  top: -30px;
  left: 52%;
  width: 50px;
  height: 50px;
  transform: translateX(-50%);
  cursor: pointer;
}
.ybs #ybsoc .ybsoc-circle-slider-input__knob-wrapper__knob svg {
  width: 12px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}
.ybs #ybsoc .ybsoc-circle-slider-input__knob-wrapper__knob p {
  transform: rotate(-90deg);
  position: absolute;
  top: -85%;
  font-size: 0.6rem;
  color: #008534;
  font-family: var(--font-family-base);
  line-height: 0.8rem;
}
.ybs #ybsoc .ybsoc-circle-slider-input__knob-wrapper__particles {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 65%;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 0;
  overflow: visible;
}
.ybs #ybsoc .ybsoc-breakdown-chart-wrapper {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 18px;
  margin: -10px -18px;
  box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-breakdown-chart-wrapper {
    width: 92%;
    margin: 18px auto 0;
  }
}
.ybs #ybsoc .ybsoc-breakdown-chart-wrapper__key {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 0.75rem;
  font-family: var(--font-family-base);
  margin: 0.5rem 0 0;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-breakdown-chart-wrapper__key {
    font-size: 1rem;
    margin: 0.5rem 0;
  }
}
.ybs #ybsoc .ybsoc-breakdown-chart-wrapper__key ul li {
  display: inline-block !important;
  color: #00a33f;
}
.ybs #ybsoc .ybsoc-breakdown-chart-wrapper__key ul li span {
  display: inline-block;
  border-radius: 5px;
  width: 20px;
  height: 5px;
  margin-right: 3px;
  background: #00a33f;
  vertical-align: middle;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-breakdown-chart-wrapper__key ul li span {
    width: 30px;
    height: 10px;
    margin-right: 6px;
  }
}
.ybs #ybsoc .ybsoc-breakdown-chart-wrapper__key ul li:last-child {
  color: #62c422;
  margin-left: 10px;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-breakdown-chart-wrapper__key ul li:last-child {
    margin-left: 30px;
  }
}
.ybs #ybsoc .ybsoc-breakdown-chart-wrapper__key ul li:last-child span {
  background: #62c422;
}
.ybs #ybsoc .ybsoc-breakdown-chart-wrapper ul {
  display: block;
  list-style-type: none;
  text-align: left;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
.ybs #ybsoc .ybsoc-breakdown-chart-wrapper ul li {
  display: block;
  padding: 0;
  margin: 0;
}
.ybs #ybsoc .ybsoc-breakdown-chart {
  display: block;
  position: relative;
  width: 100%;
  height: 100px;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-breakdown-chart {
    height: 130px;
  }
}
.ybs #ybsoc .ybsoc-breakdown-chart__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
}
.ybs #ybsoc .ybsoc-breakdown-chart__inner svg {
  position: absolute;
  top: 50%;
  right: 2%;
  width: 60px;
  height: 60px;
  transform: translateY(-50%);
  z-index: 4;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-breakdown-chart__inner svg {
    width: 80px;
    height: 80px;
  }
}
.ybs #ybsoc .ybsoc-breakdown-chart__inner__highlight-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e5f7f6;
  border-right: 3px solid #00adb5;
  box-sizing: border-box;
  z-index: 0;
  transition: all 300ms linear;
  opacity: 0;
}
.ybs #ybsoc .ybsoc-breakdown-chart__inner__highlight-bar.revealed {
  opacity: 1;
}
.ybs #ybsoc .ybsoc-breakdown-chart__inner__bar, .ybs #ybsoc .ybsoc-breakdown-chart__inner__overpayment-bar {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 35%;
  transform: translateY(-50%);
  z-index: 2;
  padding: 2% 4% 2% 2%;
  box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-breakdown-chart__inner__bar, .ybs #ybsoc .ybsoc-breakdown-chart__inner__overpayment-bar {
    height: 55%;
  }
}
.ybs #ybsoc .ybsoc-breakdown-chart__inner__bar__inner, .ybs #ybsoc .ybsoc-breakdown-chart__inner__overpayment-bar__inner {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: #00a33f;
  box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-breakdown-chart__inner__bar__inner, .ybs #ybsoc .ybsoc-breakdown-chart__inner__overpayment-bar__inner {
    border-radius: 20px;
  }
}
.ybs #ybsoc .ybsoc-breakdown-chart__inner__overpayment-bar {
  z-index: 3;
  transition: all 300ms linear;
}
.ybs #ybsoc .ybsoc-breakdown-chart__inner__overpayment-bar__inner {
  border: 2px solid #00a33f;
  background: #62c422;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-breakdown-chart__inner__overpayment-bar__inner {
    border: 4px solid #00a33f;
  }
}
.ybs #ybsoc .ybsoc-breakdown-chart__inner__axis {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.ybs #ybsoc .ybsoc-breakdown-chart__inner__axis li {
  position: relative;
  float: left;
  height: 100%;
  width: 11.11%;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  border-right: none;
  text-align: left;
}
.ybs #ybsoc .ybsoc-breakdown-chart__inner__axis li:last-child {
  border-right: 1px solid #dcdcdc;
}
.ybs #ybsoc .ybsoc-breakdown-chart__inner__axis li span {
  display: block;
  position: absolute;
  right: 0px;
  bottom: -20px;
  font-family: var(--font-family-base);
  color: #9d9d9c;
  font-size: 0.9rem;
  transform: translateX(50%);
}
.ybs #ybsoc .ybsoc-breakdown-chart__inner__axis li span.first {
  right: auto;
  left: 0px;
  transform: translateX(-50%);
}
.ybs #ybsoc .ybsoc-screen .ybsoc-breakdown {
  margin-top: 0;
  padding-top: 0;
}
.ybs #ybsoc .ybsoc-screen .ybsoc-breakdown .row {
  max-width: 100%;
}
.ybs #ybsoc .ybsoc-screen .ybsoc-breakdown:last-child {
  margin-bottom: 0;
}
.ybs #ybsoc .ybsoc-screen .ybsoc-breakdown h2 {
  margin: 0;
}
@media screen and (max-width: 40em) {
  .ybs #ybsoc .ybsoc-screen .ybsoc-breakdown .ybsoc-breakdown {
    margin-top: -739px;
    margin-right: -3em;
  }
}
.ybs #ybsoc .ybsoc-breakdown-table-heading,
.ybs #ybsoc .ybsoc-breakdown-table {
  font-family: var(--font-family-base);
  text-align: center;
  margin: 0 -18px;
}
.ybs #ybsoc .ybsoc-breakdown-table-heading .row,
.ybs #ybsoc .ybsoc-breakdown-table .row {
  display: table;
  vertical-align: middle;
  width: 100%;
  margin: 0;
}
.ybs #ybsoc .ybsoc-breakdown-table-heading .row .cell,
.ybs #ybsoc .ybsoc-breakdown-table .row .cell {
  padding: 18px 9px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 33.33%;
  box-sizing: border-box;
}
.ybs #ybsoc .ybsoc-breakdown-table-heading {
  background: #4a4a4a;
  color: #ffffff;
}
.ybs #ybsoc .ybsoc-breakdown-table-heading .row {
  max-width: 100%;
}
.ybs #ybsoc .ybsoc-breakdown-table {
  color: #4a4a4a;
}
.ybs #ybsoc .ybsoc-breakdown-table .row {
  margin: 0;
}
.ybs #ybsoc .ybsoc-breakdown-table .row .cell {
  border-bottom: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
}
.ybs #ybsoc .ybsoc-breakdown-table .row .cell:last-child {
  border-right: none;
}
.ybs #ybsoc .ybsoc-breakdown-table .row.highlighted .cell {
  background: #00a33f;
  color: #ffffff;
  font-weight: bold;
}
.ybs #ybsoc .ybsoc-breakdown-table .row.highlighted .cell:last-child {
  background: #62c422;
}
.ybs #ybsoc .ybsoc-breakdown-table .row.highlighted .cell:first-child {
  background: #dcdcdc;
  color: #4a4a4a;
}
.ybs #ybsoc .ybsoc-info-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  background: #fafafa;
  width: 100%;
  height: 100%;
  text-align: center;
  max-width: 1024px;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-info-modal {
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    max-width: 100%;
    background: rgba(0, 0, 0, 0.2);
  }
}
.ybs #ybsoc .ybsoc-info-modal__inner {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-info-modal__inner {
    overflow: auto;
    width: 800px;
    left: 50%;
    height: auto;
    max-height: 70vh;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fafafa;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
  }
}
.ybs #ybsoc .ybsoc-info-modal__inner__scroll {
  margin-top: 55px;
  padding: 18px;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-info-modal__inner__scroll {
    margin-top: 0;
  }
}
.ybs #ybsoc .ybsoc-info-modal .ybsoc-footer {
  background: transparent;
}
.ybs #ybsoc .ybsoc-info-modal .info-section {
  padding: 18px;
  text-align: left;
  font-size: 0.9rem;
  line-height: 1.1rem;
}
.ybs #ybsoc .ybsoc-info-modal .info-section h4 {
  margin: 0;
}
@media only screen and (min-width: 1024px) {
  .ybs #ybsoc .ybsoc-info-modal .info-section p {
    max-width: 75%;
  }
}
.ybs #ybsoc .back-link {
  display: block;
  text-align: left;
  font-family: var(--font-family-base);
  color: #00a33f;
  text-decoration: none;
  font-weight: bold;
  margin-bottom: 2rem;
}
.ybs #ybsoc .back-link:hover {
  color: #62c422;
  background: transparent;
}
.ybs #ybsoc .ybsoc-input-radio {
  position: relative;
  margin: 2rem 0 1rem;
}
.ybs #ybsoc .ybsoc-input-radio ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}
.ybs #ybsoc .ybsoc-input-radio ul li {
  margin: 0;
  padding: 0;
  display: inline;
}
.ybs #ybsoc .ybsoc-input-radio ul:after {
  display: block;
  clear: both;
  content: " ";
}
.ybs #ybsoc .ybsoc-input-radio__option {
  position: relative;
  display: inline-block;
}
.ybs #ybsoc .ybsoc-input-radio__option label {
  font-family: var(--font-family-base);
  font-size: 0.9rem;
  cursor: pointer;
  position: relative;
  padding-left: 28px;
  margin: 0 0.75rem;
}
.ybs #ybsoc .ybsoc-input-radio__option label:before, .ybs #ybsoc .ybsoc-input-radio__option label:after {
  display: block;
  content: " ";
  width: 22px;
  height: 22px;
  border: 3px solid #dcdcdc;
  border-radius: 15px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 1;
  transition: all linear 200ms;
}
.ybs #ybsoc .ybsoc-input-radio__option label:after {
  border-color: transparent;
  background: #ffffff;
  z-index: 0;
  transform: translateY(-50%) scale(0);
}
.ybs #ybsoc .ybsoc-input-radio__option input:checked + label:before {
  border-color: #62c422;
}
.ybs #ybsoc .ybsoc-input-radio__option input:checked + label:after {
  background: #00a33f;
  transform: translateY(-50%) scale(1);
}

/* End #ybsoc */
.ybs #payment-account-services {
  padding-top: 3rem;
}
.ybs #payment-account-services .column.row.row {
  float: none;
  display: block;
}
.ybs #payment-account-services .column {
  transition: all 0.1s ease-in-out;
}
.ybs #payment-account-services ul.ct-legend {
  top: -0.875rem;
}
.ybs #payment-account-services ul.ct-legend:not(.list-none):not(.tbar-nav) li {
  width: auto;
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
  display: inline-block;
}
.ybs #payment-account-services ul.ct-legend:not(.list-none):not(.tbar-nav) li::before {
  width: 18px !important;
  height: 18px !important;
  margin-top: 0.28em !important;
}
.ybs #payment-account-services ul.ct-legend .ct-series-0:before {
  background-color: var(--color-primary) !important;
}
.ybs #payment-account-services ul.ct-legend .ct-series-1:before {
  background-color: var(--color-secondary) !important;
}
.ybs #payment-account-services ul.ct-legend .ct-series-2:before {
  background-color: var(--chart-series-4) !important;
}
.ybs #payment-account-services ul.ct-legend .ct-series-3:before {
  background-color: var(--chart-series-3) !important;
}

.ybs {
  /* ------------------------------------------------------------ *\
  	Wrapper
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Modules
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Article
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Button
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Button Icon
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Button Large
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Button Small
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	App Callout
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Cards
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Cards Alt
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Cards Custom
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Cards Group
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Card
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Card New
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Field Price
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Form Elements
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Form
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Helpers
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Hintblock
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Intro
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Link
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Link Back
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	List
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	List Categories
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	List legend
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Logo
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Nav
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Range Slider
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Section
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Section Default
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Section Income
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Section Essentials
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Section Alt
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Section Summary
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Section Primary
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Shell
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Slider
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Steps
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Steps Nav
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Steps Sticky
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Summary
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Table
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Widget
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Themes
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Accordion
  \* ------------------------------------------------------------ */
}
.ybs .app-wrapper {
  background: #fff;
}
.ybs .disable-li-points ul li:before {
  content: "";
  display: none;
}
.ybs .app svg,
.ybs .app img {
  width: auto;
}
.ybs .app h1 {
  color: #665f70;
}
.ybs .app-article {
  padding-bottom: 24px;
  margin-bottom: 40px;
  border-bottom: 1px solid #cecece;
  font-family: Aller;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  text-align: center;
}
.ybs .app-article:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.ybs .app-article .app-btn {
  padding: 13px 20px;
  font-size: 16px;
}
.ybs .app-article .app-btn + .app-btn {
  margin-top: 5px;
}
.ybs .app-article .app-article__title {
  margin-bottom: 15px;
  font-family: Aller;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  color: #000000;
  text-transform: none;
}
.ybs .app-article .app-article__subtitle {
  margin-bottom: 15px;
  padding-top: 15px;
  font-family: Aller;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 1px;
  color: #00a33f;
}
.ybs .app-article .app-article__content {
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.ybs .app-article .app-article__section {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .ybs .app-article {
    display: block;
    margin-bottom: 31px;
    padding-bottom: 34px;
    font-size: 12px;
  }
  .ybs .app-article p {
    line-height: 1.5;
  }
  .ybs .app-article .app-article__section {
    display: block;
    text-align: center;
  }
  .ybs .app-article .app-article__section-aside {
    max-width: 210px;
    margin: 0 auto;
  }
  .ybs .app-article .app-article__title {
    font-size: 22px;
  }
  .ybs .app-article .app-article__subtitle {
    margin-bottom: 14px;
    padding-top: 10px;
    font-size: 20px;
  }
}
.ybs .app-btn {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-width: 213px;
  padding: 19px 20px;
  background: #00a33f;
  border-radius: 5px;
  font-family: Aller;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ybs .app-btn:hover {
  background: #00a33f;
  text-decoration: none;
  opacity: 0.7;
}
@media (max-width: 1024px) {
  .ybs .app-btn {
    min-width: 156px;
    padding: 9px 20px;
  }
}
.ybs .app-btn--icon span {
  display: block;
}
.ybs .app-btn--icon img {
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .ybs .app-btn--icon img {
    width: 7px;
    height: 12px;
    right: 16px;
  }
}
.ybs .app-btn--large {
  position: relative;
  min-width: 160px;
  padding: 16px 43px;
  font-size: 22px;
  text-align: left;
}
@media (max-width: 767px) {
  .ybs .app-btn {
    min-width: 156px;
    padding: 11px 26px 11px 20px;
    font-size: 16px;
    text-align: center;
  }
}
.ybs .app-btn--small {
  position: relative;
  min-width: 81px;
  padding: 9px 18px;
  font-size: 14px;
  text-align: left;
}
.ybs .app-btn--small img {
  width: 7px;
  height: 12px;
  right: 12px;
}
.ybs .app-callout {
  background: #fff;
  text-align: center;
  border: 3px solid #62C422;
  padding: 21px 20px 35px;
  margin-bottom: 40px;
}
.ybs .app-callout .app-callout__title {
  font-size: 24px;
  color: #00A33F;
  margin-bottom: 30px;
  font-weight: 700;
}
.ybs .app-callout .app-btn {
  padding: 13px 20px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .ybs .app-callout {
    margin: 0 -10px 40px;
    padding: 20px 10px 30px;
  }
  .ybs .app-callout .app-callout__title {
    font-size: 20px;
    line-height: 1.15;
    margin-bottom: 10px;
  }
}
.ybs .app-cards {
  position: relative;
  margin-bottom: 30px;
  padding: 47px 0 58px;
  background: #fff;
  -webkit-box-shadow: 0 2px 9px #dcdcdc;
  box-shadow: 0 2px 9px #dcdcdc;
}
.ybs .app-cards:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .ybs .app-cards {
    padding: 16px 0 24px;
  }
}
.ybs .app-cards--alt {
  padding: 41px 0 38px;
}
@media (max-width: 767px) {
  .ybs .app-cards--alt {
    padding: 26px 0;
  }
}
.ybs .app-cards--custom {
  padding: 40px 0 39px;
}
.ybs .app-cards--custom .app-card .app-card__title {
  margin: 0;
}
@media (max-width: 767px) {
  .ybs .app-cards--custom {
    padding: 20px 0;
  }
}
.ybs .app-cards--group {
  padding: 0;
}
.ybs .app-cards--group .app-cards__head {
  padding: 21px 50px;
  background: #62c422;
  color: #fff;
}
.ybs .app-cards--group .app-cards__title {
  margin: 0;
  font-family: Aller, sans-serif;
  font-size: 30px;
  font-weight: 700;
}
.ybs .app-cards--group .app-cards__body {
  padding: 34px 0 46px;
}
.ybs .app-cards--group .app-card {
  margin-bottom: 26px;
}
.ybs .app-cards--group .app-card .app-card__inner {
  padding-bottom: 26px;
  border-bottom: 1px solid #e2e3e3;
}
.ybs .app-cards--group .app-card:last-child .app-card__inner {
  padding-bottom: 0;
  border: none;
}
@media (max-width: 767px) {
  .ybs .app-cards--group .app-cards__head {
    padding: 15px 22px;
  }
  .ybs .app-cards--group .app-cards__title {
    font-size: 18px;
  }
  .ybs .app-cards--group .app-cards__body {
    padding: 18px 0 30px;
  }
}
.ybs .app-card {
  display: block;
  width: 100%;
  margin-bottom: 44px;
}
.ybs .app-card:last-child {
  margin-bottom: 0;
}
.ybs .app-card .app-card__inner {
  max-width: 775px;
  margin: 0 auto;
}
.ybs .app-card .app-card__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 18px;
  font-size: 18px;
  font-weight: 400;
}
.ybs .app-card .app-card__title {
  margin-bottom: 2px;
  font-family: Aller;
  font-size: 18px;
  font-weight: 700;
}
.ybs .app-card .app-card__subtitle {
  padding: 0;
  margin: 0;
  font-family: Aller;
  font-size: 18px;
  font-weight: 400;
  color: #62c422;
}
.ybs .app-card .app-card__entry p:last-child {
  margin-bottom: 0;
}
.ybs .app-card .app-card__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 57px;
}
.ybs .app-card .app-card__control + .app-card__control {
  margin-left: 9px;
}
.ybs .app-card .app-card__control {
  display: block;
  border: none;
  background: none;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ybs .app-card .app-card__control:hover {
  background: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .ybs .app-card .app-card__inner {
    padding: 0 50px;
  }
  .ybs .app-card .app-card__head-aside {
    display: none;
  }
}
@media (max-width: 767px) {
  .ybs .app-card {
    margin-bottom: 20px;
  }
  .ybs .app-card .app-card__controls {
    margin-left: 10px;
  }
  .ybs .app-card .app-card__head {
    margin-bottom: 17px;
    font-size: 12px;
  }
  .ybs .app-card .app-card__inner {
    padding: 0 20px;
  }
  .ybs .app-card .app-card__title {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.2;
  }
}
.ybs .app-card--new .app-card__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ybs .app-card--new .app-card__body {
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.ybs .app-card--new .app-card__controls {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.ybs .field-price {
  font-family: Aller;
  font-size: 18px;
  font-weight: 400;
  color: #292929;
}
.ybs .field-price .divider {
  margin: 0 16px;
}
.ybs .field-price .field-price__label {
  font-family: Aller;
  font-size: 24px;
  font-weight: 700;
  color: #62c422;
}
.ybs .field-price,
.ybs .field-price .field-price__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ybs .field-price .field-price__content-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ybs .field-price .field-price__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 40px;
}
.ybs .field-price .field-price__input span {
  margin-right: 8px;
  font-family: Aller;
  font-size: 20px;
  font-weight: 700;
  color: #292929;
}
.ybs .field-price .field-price__select select::-ms-expand {
  display: none;
}
.ybs .field-price .field-price__select select,
.ybs .field-price .field-price__input .field {
  width: 120px;
}
.ybs .field-price .field-price__select select {
  padding: 0 30px 0 16px;
}
.ybs .field-price .field-price__select {
  position: relative;
}
.ybs .field-price .field-price__select:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../images/svg/caret.svg);
  width: 14px;
  height: 9px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ybs .field-price .vue-slider-component {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 250px;
  flex: 0 0 250px;
  padding: 16px 0 !important;
}
.ybs .field-price .vue-slider-component .vue-slider {
  border-radius: 0;
  cursor: pointer;
}
.ybs .field-price .vue-slider-component .vue-slider-process {
  background: #62c422;
  border-radius: 0;
}
.ybs .field-price .vue-slider-component .vue-slider-dot .vue-slider-dot-handle {
  background: #00a33f;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ybs .field-price .vue-slider-component .vue-slider-dot {
  margin-left: 16px;
}
@media (max-width: 1023px) {
  .ybs .field-price .field-price__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .ybs .field-price .field-price__content-inner {
    padding-left: 50px;
  }
  .ybs .field-price .field-price__aside {
    display: none;
  }
  .ybs .field-price .field-price__input {
    margin-left: 0;
  }
  .ybs .field-price .vue-slider-component {
    max-width: 278px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
}
@media (max-width: 767px) {
  .ybs .field-price .divider {
    font-size: 14px;
    margin: 0 13px;
  }
  .ybs .field-price .field-price__input span {
    margin-right: 4px;
    font-size: 16px;
  }
  .ybs .field-price .vue-slider-component .vue-slider-dot {
    margin-left: 0;
  }
  .ybs .field-price .field-price__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .ybs .field-price .vue-slider-component {
    max-width: 100%;
    width: 100% !important;
  }
  .ybs .field-price .field-price__content-inner {
    margin-bottom: 13px;
    padding-left: 0;
  }
  .ybs .field-price .field-price__select select {
    width: 105px;
    font-size: 16px;
  }
  .ybs .field-price .field-price__input .field {
    width: 91px;
  }
}
.ybs input::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}
.ybs input:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
.ybs input::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
.ybs input::placeholder {
  color: inherit;
  opacity: 1;
}
.ybs textarea::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}
.ybs textarea:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
.ybs textarea::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
.ybs textarea::placeholder {
  color: inherit;
  opacity: 1;
}
.ybs input:-webkit-autofill {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.ybs .field-select {
  background: #fff;
}
.ybs .field-select,
.ybs .field {
  display: block;
  width: 100%;
  height: 39px;
  padding: 0 16px !important;
  border: 1px solid #dddddd;
  font-family: Aller;
  font-size: 18px;
  font-weight: 400;
  color: #292929;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
  border-radius: 0;
}
.ybs .field::-webkit-input-placeholder {
  color: #ddd;
}
.ybs .field:-ms-input-placeholder {
  color: #ddd;
}
.ybs .field::-ms-input-placeholder {
  color: #ddd;
}
.ybs .field::placeholder {
  color: #ddd;
}
.ybs .field--error {
  border-color: #ef4135;
}
.ybs .app-checkbox {
  font-family: Aller, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  color: #00a33f;
}
.ybs .app-checkbox input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
.ybs .app-checkbox input:focus-visible ~ label .app-checkbox__field {
  outline: solid 0.2rem var(--element-outline);
  border-radius: 50%;
}
.ybs .app-checkbox label {
  display: block;
  cursor: pointer;
}
.ybs .app-checkbox .app-checkbox__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin: 0 auto 22px;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 9px #dcdcdc;
  box-shadow: 0 2px 9px #dcdcdc;
  background: #fff;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
.ybs .app-checkbox .app-checkbox__field svg {
  width: auto;
}
.ybs .app-checkbox .app-checkbox__field svg use {
  -webkit-transition: fill 0.3s, stroke 0.3s;
  -o-transition: fill 0.3s, stroke 0.3s;
  transition: fill 0.3s, stroke 0.3s;
}
.ybs .app-checkbox input:checked ~ label .app-checkbox__field {
  background: #62c422;
}
.ybs .app-checkbox input:checked ~ label .app-checkbox__field svg path,
.ybs .app-checkbox input:checked ~ label .app-checkbox__field svg use {
  fill: #fff;
}
.ybs .app-checkbox input:checked ~ label .app-checkbox__field svg.stroke use {
  stroke: #fff;
}
@media (max-width: 767px) {
  .ybs .field-select,
  .ybs .field {
    padding: 0 10px !important;
    font-size: 16px;
  }
  .ybs .app-checkbox .app-checkbox__title {
    font-size: 16px;
  }
  .ybs .app-checkbox .app-checkbox__field {
    margin: 0 auto 9px;
  }
}
.ybs .component-slide-enter-active,
.ybs .component-slide-leave-active {
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, -webkit-transform 0.2s;
  -o-transition: transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
}
.ybs .component-slide-enter,
.ybs .component-slide-leave-to {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
}
.ybs .slide-fade-enter-active {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ybs .slide-fade-leave-active {
  -webkit-transition: all 0.5s cubic-bezier(1, 0.5, 0.8, 1);
  -o-transition: all 0.5s cubic-bezier(1, 0.5, 0.8, 1);
  transition: all 0.5s cubic-bezier(1, 0.5, 0.8, 1);
}
.ybs .slide-fade-enter,
.ybs .slide-fade-leave-to {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
  opacity: 0;
}
.ybs .app { /* max-width: 1042px; */
  margin: 0 auto; /* margin-bottom: 74px; */
  padding: 0; /* width: 100%; */
  background: #fafafa;
  clear: left;
}
.ybs .app * { /* -webkit-box-sizing: border-box; */ /* box-sizing: border-box; */
}
@media all and (-ms-high-contrast: none) {
  .ybs .app-steps.is-head-sticky .app-steps__head {
    position: relative;
  }
  .ybs .app-steps.is-head-sticky .app-section__head {
    position: relative;
    top: 0 !important;
  }
}
.ybs .app-hintblock {
  padding: 5px 10px;
  font-size: 14px;
  background: #E5F7F6;
  border: 1px solid #B5E3E0;
  width: 100%;
  max-width: 408px;
  margin: 0 auto;
  text-align: center;
}
.ybs .app-hintblock p {
  margin: 0;
  color: #00A33F !important;
}
.ybs .app-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* padding: 51px 0 40px; */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; /* color: #292929; */ /* font-family: Aller; */ /* font-size: 16px; */ /* font-weight: 400; */
  background-color: #fff;
}
.ybs .app-intro .app-intro__inner {
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%; /* min-height: 861px; */
}
.ybs .app-intro .app-intro__head {
  margin-bottom: 34px;
  text-align: center;
}
.ybs .app-intro .app-intro__head-title {
  font-size: 70px;
  font-weight: 400;
  line-height: 1.2;
  color: #00a33f;
}
.ybs .app-intro .app-intro__title {
  margin-bottom: 24px;
  font-family: Aller;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.21;
  color: #292929;
}
.ybs .app-intro .app-intro__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* max-width: 780px; */
  margin: 0 auto;
}
.ybs .app-intro .app-intro__aside { /* max-width: 278px; */
  -webkit-box-flex: 0;
  -ms-flex: 0 0 278px;
  flex: 0 0 278px;
  padding-right: 20px;
  padding-left: 50px;
}
.ybs .app-intro .app-intro__image {
  margin-top: -5rem;
}
.ybs .app-intro .app-intro__content {
  padding-left: 51px;
}
.ybs .app-intro .app-intro__entry {
  margin-bottom: 33px;
}
.ybs .app-intro .app-intro__entry p { /* margin-bottom: 23px; */ /* line-height: 1.45; */
}
.ybs .app-intro .app-intro__entry p:last-child {
  margin-bottom: 0;
}
.ybs .app-intro .app-intro__actions {
  text-align: center;
  padding-bottom: 3rem;
}
@media (max-width: 1023px) {
  .ybs .app-intro { /* padding: 51px 15px 40px; */ }
  .ybs .app-intro .app-intro__inner { /* min-height: 768px; */ }
}
@media (max-width: 767px) {
  .ybs .app-intro { /* padding: 32px 15px 40px; */ /* font-size: 12px; */
  }
  .ybs .app-intro .app-intro__aside {
    display: none;
  }
  .ybs .app-intro .app-intro__body {
    display: block;
  }
  .ybs .app-intro .app-intro__inner { /* max-width: 265px; */ /* min-height: 504px; */
    margin: 0 auto;
  }
  .ybs .app-intro .app-intro__head-title {
    font-size: 36px;
    line-height: 0.9;
  }
  .ybs .app-intro .app-intro__content {
    padding: 0;
  }
  .ybs .app-intro .app-intro__title {
    max-width: 200px;
    margin: 0 auto 18px;
    padding: 0;
    font-size: 16px;
    text-align: center;
  }
  .ybs .app-intro .app-intro__head {
    margin-bottom: 15px;
  }
  .ybs .app-intro .app-intro__actions {
    text-align: center;
  }
}
.ybs .app-link {
  display: inline-block;
  font-family: Aller, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #62c422;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ybs .app-link:hover {
  text-decoration: none;
  background: none;
  opacity: 0.5;
}
.ybs .app-link img {
  margin-right: 17px;
}
.ybs .app-link img,
.ybs .app-link span {
  display: inline-block;
  vertical-align: middle !important;
}
@media (max-width: 767px) {
  .ybs .app-link {
    font-size: 14px;
  }
  .ybs .app-link img {
    width: 28px;
    height: 28px;
    margin-right: 10px;
  }
}
.ybs .app-link--back {
  text-decoration: underline;
}
.ybs .app-link--back:hover {
  text-decoration: none;
}
.ybs [class^=list-] {
  list-style: none outside none;
}
.ybs .app-list-categories {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -15px -38px;
}
.ybs .app-list-categories li {
  width: 25%;
  padding: 0 15px 38px;
}
@media (max-width: 767px) {
  .ybs .app-list-categories {
    margin: 0 -18px -14px;
  }
  .ybs .app-list-categories li {
    width: 50%;
    padding: 0 18px 14px;
  }
}
.ybs .list-legend {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ybs .list-legend li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 32px;
}
.ybs .list-legend li + li {
  margin-top: 10px;
}
.ybs .list-legend .name {
  margin-right: auto;
}
.ybs .list-legend span {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 19px;
  height: 19px;
  border-radius: 50%;
}
.ybs .app-section {
  background: #fafafa;
  color: #292929;
}
.ybs .app-section h1,
.ybs .app-section h2 {
  border: none;
  padding-bottom: 0;
}
.ybs .app-section .app-section__title {
  margin-bottom: 33px;
  font-family: Aller;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  border: none;
}
.ybs .app-section .app-section__title + .app-hintblock {
  margin: -20px auto 30px;
}
.ybs .app-section .app-section__head {
  padding: 21px 20px;
}
.ybs .app-section .app-section__link {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  background: none;
  font-family: Aller;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: underline;
  text-align: center;
  color: #62c422;
}
.ybs .app-section .app-section__head-title {
  display: inline-block;
  vertical-align: middle;
  max-width: 83px;
  text-align: left;
}
.ybs .app-section .app-section__head-subtitle {
  position: relative;
  left: auto;
  top: auto;
  bottom: auto;
  right: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  display: inline-block;
  vertical-align: middle;
  margin-right: 9px;
}
.ybs .app-section .app-section__head-subtitle span {
  float: none;
}
.ybs .app-section .app-section__head-content {
  position: relative;
  padding-left: 0;
  padding-right: 10px;
  margin-right: 20px;
}
.ybs .app-section .app-section__head-content:first-child .app-section__link {
  left: calc(50% - 33px);
}
.ybs .app-section .app-section__head-content:last-child {
  padding-right: 0;
  margin-right: 0;
}
.ybs .app-section .app-section__head-content:last-child:after {
  display: none;
}
.ybs .app-section .app-section__head-content:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 42px;
  width: 1px;
  background: #c6e6e5;
}
@media (max-width: 1023px) {
  .ybs .app-section .app-section__head-subtitle {
    font-size: 45px;
  }
  .ybs .app-section .app-section__foot,
  .ybs .app-section .app-section__body {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (max-width: 767px) {
  .ybs .app-section .app-section__head {
    display: none;
  }
  .ybs .app-section .app-section__foot,
  .ybs .app-section .app-section__body {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .ybs .app-section .app-section__title {
    max-width: 207px;
    margin: 0 auto 21px;
    font-size: 16px;
  }
}
.ybs .app-section--default .app-decoration {
  position: absolute;
  left: 32px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ybs .app-section--default .app-decoration--alt {
  left: auto;
  right: 35px;
}
.ybs .app-section--default .app-section__head {
  position: relative;
}
.ybs .app-section--default .app-section__body {
  padding: 24px 0 34px;
}
.ybs .app-section--default .app-section__entry {
  margin-bottom: 37px;
}
.ybs .app-section--default .app-section__entry:last-child {
  margin-bottom: 0;
}
.ybs .app-section--default .app-section__entry p {
  font-size: 14px;
  font-weight: 400;
}
.ybs .app-section--default .app-section__foot,
.ybs .app-section--default .app-section__body {
  max-width: 900px;
  margin: 0 auto;
}
.ybs .app-section--default .app-section__foot {
  text-align: center;
}
.ybs .app-section--default .app-section__foot > .app-link {
  margin-bottom: 19px;
  text-align: center;
}
.ybs .app-section--default .app-section__foot > .app-link span {
  display: block;
}
.ybs .app-section--default .app-section__foot > .app-link img {
  margin: 0 0 10px;
}
.ybs .app-section--default .app-section__actions {
  position: relative;
  padding: 0 50px;
}
.ybs .app-section--default .app-section__action + .app-section__action {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .ybs .app-section--default .app-section__body {
    padding: 15px 0 24px;
  }
  .ybs .app-section--default .app-section__entry p {
    font-size: 12px;
    line-height: 1.3;
  }
  .ybs .app-section--default .app-section__foot > .app-link {
    margin-bottom: 13px;
  }
  .ybs .app-section--default .app-section__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .ybs .app-section--default .app-section__actions .app-link {
    position: static;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  .ybs .app-section--default .app-section__actions .app-btn {
    max-width: 156px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 23px;
  }
}
.ybs .app-section--decorated .app-section__head {
  padding: 25px 160px 28px;
  background: #00a33f;
  color: #fff;
}
.ybs .app-section--decorated .app-section__head-content {
  position: relative;
  padding: 0 0 44px 40px;
}
.ybs .app-section--decorated .app-section__head-title {
  margin-bottom: 15px;
  font-family: ybs-headline;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
}
.ybs .app-section--decorated .app-section__head-subtitle {
  position: absolute;
  bottom: 0;
  left: 40px;
  font-family: Aller;
  font-size: 50px;
  font-weight: 700;
}
.ybs .app-section--decorated .app-section__head-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.ybs .app-section--decorated .app-section__head-image {
  margin-right: 50px;
  padding-top: 5px;
}
@media (max-width: 1023px) {
  .ybs .app-section--decorated .app-section__head-content {
    padding: 0 0 30px 20px;
  }
  .ybs .app-section--decorated .app-section__head-image {
    margin-right: 0;
  }
  .ybs .app-section--decorated .app-section__head-subtitle {
    left: 15px;
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .ybs .app-section--decorated .app-decoration {
    display: none;
  }
  .ybs .app-section--decorated .app-section__head {
    padding: 11px 22px;
  }
  .ybs .app-section--decorated .app-section__head-image {
    display: none;
  }
  .ybs .app-section--decorated .app-section__head-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
  }
  .ybs .app-section--decorated .app-section__head-title {
    max-width: 125px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 125px;
    flex: 0 0 125px;
    margin: 0;
    font-size: 18px;
    line-height: 0.9;
  }
  .ybs .app-section--decorated .app-section__head-subtitle {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    display: block;
    margin: 0;
    font-size: 32px;
    line-height: 1.2;
  }
  .ybs .app-section--decorated .app-section__head-subtitle span {
    float: none;
  }
  .ybs .app-section--decorated .app-section__head-inner {
    display: block;
  }
}
.ybs .app-section--simple .app-section__head {
  position: relative;
  padding: 21px 110px;
  background: #e5f7f6;
  color: #00a33f;
}
.ybs .app-section--simple .app-section__head .app-btn {
  position: absolute;
  right: 23px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ybs .app-section--simple .app-section__head .app-btn--back {
  right: auto;
  left: 23px;
  text-align: right;
}
.ybs .app-section--simple .app-section__head .app-btn--back img {
  right: auto;
  left: 12px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.ybs .app-section--simple .app-section__head-inner {
  text-align: center;
}
.ybs .app-section--simple .app-section__head-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.ybs .app-section--simple .app-section__head-title {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  max-width: 80px;
  margin-bottom: 0;
  font-family: ybs-headline;
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
}
.ybs .app-section--simple .app-section__head-subtitle {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  font-family: ybs-headline;
  font-size: 55px;
  font-weight: 400;
}
.ybs .app-section--simple .app-section__head-subtitle span {
  float: none;
}
@media (max-width: 767px) {
  .ybs .app-section--simple .app-section__head {
    padding: 10px 20px;
  }
  .ybs .app-section--simple .app-section__head .app-btn {
    display: none;
  }
  .ybs .app-section--simple .app-section__head-title {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
  }
  .ybs .app-section--simple .app-section__head-subtitle {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-family: Aller;
    font-weight: 700;
    font-size: 32px;
  }
  .ybs .app-section--simple .app-section__head-content {
    padding: 0;
  }
}
.ybs .app-section--alt .app-section__body {
  padding: 55px 0 34px;
}
.ybs .app-section--alt .app-section__title {
  max-width: 553px;
  margin: 0 auto 40px;
}
.ybs .app-section--alt .app-section__title--lg {
  font-size: 50px;
  font-weight: 400;
  color: #00A33F;
}
.ybs .app-section--alt .app-section__holder {
  max-width: 708px;
  margin: 0 auto 58px;
}
.ybs .app-section--alt .app-section__actions {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .ybs .app-section--alt .app-section__holder {
    max-width: 236px;
    margin: 0 auto 30px;
  }
  .ybs .app-section--alt .app-section__body {
    padding: 19px 0 30px;
  }
  .ybs .app-section--alt .app-section__title {
    margin: 0 auto 23px;
  }
  .ybs .app-section--alt .app-section__title--lg {
    font-size: 30px;
  }
  .ybs .app-section--alt .app-section__actions {
    margin-top: 11px;
  }
}
.ybs .app-section--summary .app-section__head-content {
  padding-bottom: 27px;
}
.ybs .app-section--summary .app-section__foot {
  text-align: left;
}
.ybs .app-section--summary .app-section__foot .app-link {
  margin-bottom: 0;
}
.ybs .app-section--summary .app-section__body {
  padding: 32px 0 34px;
}
.ybs .app-section--summary .app-section__decoration {
  position: absolute;
  z-index: 10;
}
.ybs .app-section--summary .app-section__decoration-1 {
  right: 0;
  top: 12%;
}
.ybs .app-section--summary .app-section__decoration-2 {
  left: 0;
  top: 11%;
}
.ybs .app-section--summary .app-section__head {
  background: #E3E3E3;
  padding: 14px 110px;
}
.ybs .app-section--summary .app-section__head-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ybs .app-section--summary .app-section__head-subtitle {
  display: block;
  margin: 0;
}
.ybs .app-section--summary .app-section__head-title {
  text-align: center;
  max-width: 100%;
}
.ybs .app-section--summary .app-section__head-content {
  padding-right: 0;
}
.ybs .app-section--summary .app-section__head-content:after {
  background: #D0D0D0;
}
.ybs .app-section--summary .app-section__head-content:first-child .app-section__link {
  left: 50%;
}
@media (max-width: 1023px) {
  .ybs .app-section--summary .app-section__head-subtitle {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .ybs .app-section--summary .app-section__decoration {
    display: none;
  }
  .ybs .app-section--summary .app-section__head {
    display: none;
  }
  .ybs .app-section--summary .app-section__body {
    padding-top: 10px;
  }
  .ybs .app-section--summary .app-section__foot {
    text-align: center;
  }
}
.ybs .app-section--primary .app-section__foot {
  text-align: center;
}
.ybs .app-shell {
  max-width: 1044px;
  padding-left: 10px;
  padding-right: 10px;
  margin: auto;
}
.ybs .app-steps {
  padding-bottom: 120px;
  background: #fafafa;
}
@media (max-width: 767px) {
  .ybs .app-steps {
    padding-bottom: 53px;
  }
}
.ybs .app-steps-nav {
  padding: 15px 0;
}
.ybs .app-steps-nav ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
}
.ybs .app-steps-nav li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #dcdcdc;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.ybs .app-steps-nav li.active {
  color: #62c422;
}
.ybs .app-steps-nav li.active a:after {
  opacity: 1;
}
.ybs .app-steps-nav li.active span:before {
  width: 50%;
}
.ybs .app-steps-nav li.bills.active span:before {
  width: 0;
}
.ybs .app-steps-nav li.bills.active.half span:before {
  width: 50%;
}
.ybs .app-steps-nav li.bills.active.half a:after {
  border-bottom-color: #e5f7f6;
}
.ybs .app-steps-nav li.completed {
  color: #62c422;
}
.ybs .app-steps-nav li.completed span:before {
  width: 100%;
}
.ybs .app-steps-nav li.type-primary a:after {
  border-bottom-color: #00a33f;
}
.ybs .app-steps-nav li.type-secondary a:after {
  border-bottom-color: #e5f7f6;
}
.ybs .app-steps-nav li.results a:after {
  border-bottom-color: #E3E3E3;
}
.ybs .app-steps-nav li > span {
  position: relative;
  display: block;
  margin: 0 10px;
  height: 2px;
  width: 185px;
  background: #dcdcdc;
}
.ybs .app-steps-nav li > span:before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 0;
  background: #62c422;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.ybs .app-steps-nav li:last-child > span {
  display: none;
}
.ybs .app-steps-nav a {
  position: relative;
  display: block;
  font-size: 14px;
  color: inherit;
  font-weight: normal;
  text-decoration: none;
}
.ybs .app-steps-nav a:after {
  content: "";
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #e5f7f6;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.ybs .app-steps-nav a:hover {
  text-decoration: none;
  background: transparent;
}
@media (max-width: 1023px) {
  .ybs .app-steps-nav li > span {
    width: 150px;
  }
}
@media (max-width: 767px) {
  .ybs .app-steps-nav {
    border-bottom: 1px solid #dbdbdb;
  }
  .ybs .app-steps-nav li > span {
    width: 70px;
    margin: 0;
  }
  .ybs .app-steps-nav li a {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #dcdcdc;
    font-size: 0;
    line-height: 0;
  }
  .ybs .app-steps-nav li a:after {
    display: none;
  }
  .ybs .app-steps-nav li.completed a,
  .ybs .app-steps-nav li.active a {
    border-color: #62c422;
  }
  .ybs .app-steps-nav li.active span:before {
    width: 0;
  }
}
.ybs .app-steps.is-head-sticky .app-section__head {
  position: relative;
}
.ybs .app-steps.is-head-sticky .app-steps__head {
  position: relative;
  background: #fff;
}
@media (max-width: 767px) {
  .ybs .app-steps.is-head-sticky .app-section__head {
    top: 48px;
  }
}
.ybs .app-summary {
  position: relative;
  max-width: 863px;
  margin: 0 auto;
  font-size: 18px;
  font-family: Aller;
}
.ybs .app-summary .danger {
  color: #FF0000 !important;
}
.ybs .app-summary .app-summary__head {
  text-align: center;
  padding: 0 60px;
  margin-bottom: 40px;
}
.ybs .app-summary .app-summary__title {
  margin-bottom: 3px;
  font-family: ybs-headline;
  font-size: 36px;
  line-height: 1;
  color: #00A33F;
}
.ybs .app-summary .app-summary__title--price {
  color: #00a33f;
  font-size: 70px;
  line-height: 0.8;
  font-weight: 400;
}
.ybs .app-summary .app-summary__title--price p {
  font-size: 14px;
  color: #000;
}
.ybs .app-summary .app-summary__entry {
  margin-bottom: 14px;
  font-size: 16px;
}
.ybs .app-summary .app-summary__entry p:last-child {
  margin-bottom: 0;
}
.ybs .app-summary .app-summary__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 40px;
}
.ybs .app-summary .app-summary__aside {
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding: 26px 0 0 14px;
}
.ybs .app-summary .app-summary__content {
  position: relative;
  max-width: 515px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 515px;
  flex: 0 0 515px;
  margin: 0 0 0 -56px;
}
.ybs .app-summary .app-summary__overlay {
  position: absolute;
  left: 50%;
  top: calc(50% - 18px);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.ybs .app-summary .app-summary__price-title {
  max-width: 90px;
  margin: 0 auto 20px;
  font-family: ybs-headline;
  font-size: 22px;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  color: #00a33f;
}
.ybs .app-summary .app-summary__price {
  font-family: ybs-headline;
  font-size: 40px;
  font-weight: 400;
  line-height: 0.8;
  color: #00a33f;
}
.ybs .app-summary .app-summary__price span {
  float: none;
}
@media (max-width: 1023px) {
  .ybs .app-summary .app-summary__body {
    margin-bottom: 50px;
  }
  .ybs .app-summary .app-summary__content {
    max-width: 440px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 440px;
    flex: 0 0 440px;
  }
  .ybs .app-summary .app-summary__price-title {
    margin: 0 auto 5px;
  }
  .ybs .app-summary .app-summary__price {
    font-size: 33px;
  }
}
@media (max-width: 767px) {
  .ybs .app-summary {
    padding: 0 20px;
    font-size: 16px;
    overflow: hidden;
  }
  .ybs .app-summary > p {
    line-height: 1.4;
  }
  .ybs .app-summary .app-summary__title {
    margin-bottom: 8px;
    font-size: 30px;
  }
  .ybs .app-summary .app-summary__head {
    padding: 0;
    margin-bottom: 10px;
  }
  .ybs .app-summary .app-summary__entry {
    margin-bottom: 10px;
  }
  .ybs .app-summary .app-summary__title--price {
    font-size: 46px;
  }
  .ybs .app-summary .app-summary__title--price p {
    font-size: 12px;
  }
  .ybs .app-summary .app-summary__body {
    position: relative;
    display: block;
    margin-bottom: 30px;
  }
  .ybs .app-summary .app-summary__aside {
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 0;
  }
  .ybs .app-summary .app-summary__content {
    max-width: 395px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 395px;
    flex: 1 1 395px;
    margin: 0 auto 10px;
  }
  .ybs .app-summary .app-summary__overlay {
    left: 50%;
    top: calc(50% - 16px);
  }
  .ybs .app-summary .app-summary__price-title {
    font-size: 16px;
    margin: 0 auto 10px;
  }
  .ybs .app-summary .app-summary__price {
    font-size: 28px;
  }
}
.ybs .widgets {
  list-style: none outside none;
}
.ybs .app-accordion .app-accordion__section {
  margin-bottom: 40px;
}
.ybs .app-accordion .app-accordion__section:last-child {
  margin-bottom: 0;
}
.ybs .app-accordion .app-accordion__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  padding: 21px 72px 21px 31px;
  background: #fff;
  color: #00a33f;
  -webkit-transition: background 0.3s, color 0.3s;
  -o-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
.ybs .app-accordion .app-accordion__btn.active {
  background: #62c422;
  color: #fff;
}
.ybs .app-accordion .app-accordion__btn:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  background-image: url(../images/svg/plus-cricle-green.svg);
  background-repeat: no-repeat;
  -webkit-transition: background-image 0.3s;
  -o-transition: background-image 0.3s;
  transition: background-image 0.3s;
}
.ybs .app-accordion .app-accordion__icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 25px;
}
.ybs .app-accordion .app-accordion__icon svg use {
  -webkit-transition: fill 0.3s, stroke 0.3s;
  -o-transition: fill 0.3s, stroke 0.3s;
  transition: fill 0.3s, stroke 0.3s;
}
.ybs .app-accordion .app-accordion__btn .app-accordion__icon {
  -webkit-transform: scale(0.68);
  -ms-transform: scale(0.68);
  transform: scale(0.68);
  font-size: 0;
}
.ybs .app-accordion .app-accordion__btn .app-accordion__icon svg path {
  fill: #00a33f;
  opacity: 1;
}
.ybs .app-accordion .app-accordion__btn .app-accordion__icon svg {
  opacity: 1;
}
.ybs .app-accordion .app-accordion__btn .app-accordion__icon svg * {
  opacity: 1;
}
.ybs .app-accordion .app-accordion__btn .app-accordion__icon svg use {
  fill: #00a33f;
  opacity: 1;
}
.ybs .app-accordion .app-accordion__btn .app-accordion__icon svg.stroke use {
  stroke: #00a33f;
  opacity: 1;
}
.ybs .app-accordion .app-accordion__btn.active .app-accordion__icon svg path {
  fill: #fff;
  opacity: 1;
}
.ybs .app-accordion .app-accordion__btn.active .app-accordion__icon svg * {
  opacity: 1;
}
.ybs .app-accordion .app-accordion__btn.active .app-accordion__icon svg use {
  fill: #fff;
  opacity: 1;
}
.ybs .app-accordion .app-accordion__btn.active .app-accordion__icon svg.stroke use {
  stroke: #fff;
  opacity: 1;
}
.ybs .app-accordion .app-accordion__title {
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.ybs .app-accordion .app-accordion__btn.active:after {
  background-image: url(../images/svg/minus-circle-white.svg);
}
.ybs .app-accordion .app-accordion__dropdown {
  display: none;
}
@media (max-width: 767px) {
  .ybs .app-accordion .app-accordion__btn {
    padding: 10px 19px;
  }
  .ybs .app-accordion .app-accordion__btn:after {
    width: 28px;
    height: 28px;
    background-size: cover;
    right: 12px;
  }
  .ybs .app-accordion .app-accordion__icon {
    min-width: 40px;
    margin-right: 0px;
    margin-left: -5px;
  }
  .ybs .app-accordion .app-accordion__section {
    margin-bottom: 20px;
  }
}
.ybs .personal-budget-calculator {
  max-width: 92rem;
  margin: 0 auto;
}

.ybs #repaymentCalculatorWrap h3 {
  font-size: 1.4rem;
  letter-spacing: -0.015rem;
  color: #665f70;
  margin-top: 0;
  padding-bottom: 0.3rem;
}
.ybs #repaymentCalculatorWrap label {
  font-size: 1rem;
}
.ybs #repaymentCalculatorWrap.row,
.ybs #repaymentCalculatorWrap .row {
  max-width: 92rem;
  margin: 0 auto;
}
@media print, screen and (min-width: 105em) {
  .ybs #repaymentCalculatorWrap.row,
  .ybs #repaymentCalculatorWrap .row {
    max-width: 92rem;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 75em) {
  .ybs #repaymentCalculatorWrap.row,
  .ybs #repaymentCalculatorWrap .row {
    max-width: 94%;
    margin: 0 auto;
  }
}
.ybs #repaymentCalculatorWrap.row .row,
.ybs #repaymentCalculatorWrap .row .row {
  margin-right: -0.5101112rem;
  margin-left: -0.5101112rem;
}
@media print, screen and (min-width: 64em) {
  .ybs #repaymentCalculatorWrap.row .row,
  .ybs #repaymentCalculatorWrap .row .row {
    margin-right: -0.5101112rem;
    margin-left: -0.5101112rem;
  }
}
@media print, screen and (min-width: 40em) {
  .ybs #repaymentCalculatorWrap.row .row,
  .ybs #repaymentCalculatorWrap .row .row {
    margin-right: -0.5101112rem;
    margin-left: -0.5101112rem;
  }
}
@media print, screen and (max-width: 75em) {
  .ybs #repaymentCalculatorWrap.row .row,
  .ybs #repaymentCalculatorWrap .row .row {
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
}
.ybs #repaymentCalculatorWrap .column {
  padding-right: 0.9101112rem;
  padding-left: 0.9101112rem;
}
@media print, screen and (max-width: 75em) {
  .ybs #repaymentCalculatorWrap .column {
    padding-right: 0.601112rem;
    padding-left: 0.6101112rem;
  }
}
.ybs #repaymentCalculatorWrap .column.small-12 {
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
@media print, screen and (min-width: 40em) {
  .ybs #repaymentCalculatorWrap .column.medium-6 {
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media print, screen and (min-width: 64em) {
  .ybs #repaymentCalculatorWrap .column.large-6 {
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.ybs #repaymentCalculatorWrap .input-group {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: top;
  align-items: top;
  width: 100%;
  border-radius: 0.2em;
  border-color: #cccacf;
}
.ybs #repaymentCalculatorWrap .input-group.small-input-group-auto, .ybs #repaymentCalculatorWrap .input-group.input-group-auto {
  width: auto;
}
@media (min-width: 40em) {
  .ybs #repaymentCalculatorWrap .input-group.medium-input-group-auto {
    width: auto;
  }
}
@media (min-width: 60em) {
  .ybs #repaymentCalculatorWrap .input-group.large-input-group-auto {
    width: auto;
  }
}
.ybs #repaymentCalculatorWrap .repayment-amount {
  color: var(--color-primary);
  display: block;
  font-family: var(--font-family-headline);
  font-size: 3em;
  line-height: 1.9rem;
}
.ybs #repaymentCalculatorWrap .loan-to-value {
  color: var(--color-primary);
  font-family: var(--font-family-headline);
  font-size: 2em;
  line-height: 1.9rem;
}

.ybs #save-for-later .box.box-has-icon-left .box-icon .svg-inline--fa {
  font-size: 3.5em;
}
.ybs #save-for-later .box.box-has-icon-left {
  padding-left: 6.5rem;
  padding-top: 1.75rem;
  padding-bottom: 4.5rem;
  padding-right: 1.75rem;
  margin-bottom: 2rem;
}
.ybs #save-for-later .box[class*=box-has-icon] [class^=box-icon] svg.svg-inline--fa path {
  fill: #62c422;
}
.ybs #save-for-later .box-icon {
  width: 4.5em;
  float: left;
  left: -2em;
  margin-left: -5.15em;
  display: block;
  padding-bottom: 1em;
}
.ybs #save-for-later .btn.btn-primary {
  border-color: var(--color-primary);
}

.ybs #savings-calculator .box-has-negative-top {
  position: relative;
  margin-bottom: 79px;
}
@media screen and (max-width: 64em) {
  .ybs #savings-calculator .box-has-negative-top {
    margin-top: 0;
  }
}
.ybs #savings-calculator .box-has-inner .box-inner {
  max-width: 37.06rem;
  margin: 0 auto;
}
.ybs #savings-calculator form label {
  margin-bottom: 12px;
  font-family: var(--font-family-bold);
  font-size: 1rem;
}
.ybs #savings-calculator form label svg path {
  fill: #008839;
}
.ybs #savings-calculator .svg-holder {
  text-align: center;
}
.ybs #savings-calculator .justify-flex-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 64em) {
  .ybs #savings-calculator .justify-flex-between {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.ybs #savings-calculator .radio-group .radio-tile:hover {
  cursor: pointer;
}
@media screen and (max-width: 33em) {
  .ybs #savings-calculator .radio-group-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.ybs #savings-calculator .radio-group.radio-group-1 .radio-element:checked + .radio-tile--5 {
  background-color: #008839;
}
.ybs #savings-calculator .radio-group.radio-group-1 .radio-element:checked + .radio-tile--5 p {
  color: #fff;
}
.ybs #savings-calculator .radio-group.radio-group-1 .radio-element:checked + .radio-tile--5 svg path {
  fill: #fff;
}
.ybs #savings-calculator .radio-group.radio-group-2 .radio-element:checked + .radio-tile--2 {
  background-color: #008839;
}
.ybs #savings-calculator .radio-group.radio-group-2 .radio-element:checked + .radio-tile--2 p {
  color: #fff;
}
.ybs #savings-calculator .radio-group.radio-group-2 .radio-element:checked + .radio-tile--2 svg path {
  fill: #fff;
}
.ybs #savings-calculator .radio-group .radio-tile {
  background: #fff;
  border: 2px solid #d9d9d9;
  -webkit-box-shadow: 0 2px 0 0 #d9d9d9;
  box-shadow: 0 2px 0 0 #d9d9d9;
  border-radius: 5px;
}
.ybs #savings-calculator .radio-group .radio-tile--5 {
  width: 7.059rem;
  height: 7.059rem;
  padding: 15px 10px 14px;
}
@media screen and (max-width: 64em) {
  .ybs #savings-calculator .radio-group .radio-tile--5 {
    margin: 0 6px;
  }
}
.ybs #savings-calculator .radio-group .radio-tile--2 {
  padding: 9px 16px 20px;
  height: auto;
  margin: 0 6px;
}
.ybs #savings-calculator .radio-group .radio-tile svg {
  height: 94%;
  width: 50%;
  margin: 0 auto 8px;
  vertical-align: middle;
  max-height: 50px;
}
.ybs #savings-calculator .radio-group .radio-tile p {
  font-size: 100%;
  color: #008839;
  text-align: center;
  line-height: 1.5em;
  margin-bottom: 0;
}
.ybs #savings-calculator .savings-tiles .radio-tile p {
  font-size: 100%;
  color: #008839;
  text-align: center;
  line-height: 1;
  margin-bottom: 0;
}
.ybs #savings-calculator .radio-group input {
  display: none;
}
.ybs #savings-calculator .radio-group label {
  border: none;
  height: 100%;
}
.ybs #savings-calculator .hidden-group {
  display: none;
}
.ybs #savings-calculator .green-title {
  color: #008839;
}
.ybs #savings-calculator .input-wrapper-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ybs #savings-calculator .input-wrapper-2 .input-group {
  max-width: 290px;
}
@media screen and (max-width: 64em) {
  .ybs #savings-calculator .input-wrapper-2 .input-group {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1rem;
  }
}
.ybs #savings-calculator .input-wrapper-2 svg {
  height: 48px;
}
.ybs #savings-calculator .input-group:not(.radio-group) .custom-icon {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-family: ybs-headline;
  font-size: 24px;
  background-color: #f2f2f2;
  color: #868686;
  letter-spacing: 0.03px;
  line-height: 32px;
}
.ybs #savings-calculator .noUi-base {
  background: #f2f2f2;
}
.ybs #savings-calculator .noUi-connect {
  background: #008839;
}
.ybs #savings-calculator .noUi-horizontal {
  height: 8px;
}
.ybs #savings-calculator .noUi-target {
  border-color: #f2f2f2;
}
.ybs #savings-calculator #target-chart {
  position: relative;
}
.ybs #savings-calculator .noUi-horizontal .noUi-handle {
  background: #fff;
  border: 2px solid #95939e;
  -webkit-box-shadow: 0 2px 0 0 #95939e;
  box-shadow: 0 2px 0 0 #95939e;
  border-radius: 6px;
  width: 22px;
  height: 22px;
  top: -9px;
}
.ybs #savings-calculator .noUi-horizontal .noUi-handle:after,
.ybs #savings-calculator .noUi-horizontal .noUi-handle:before {
  content: unset;
}
.ybs #savings-calculator .btn-inactive {
  background: #d1d1d1;
  border-color: #d1d1d1;
  border-radius: 4px;
  font-family: Aller-Bold;
  font-size: 16px;
  color: #fff;
  letter-spacing: 0.02px;
  text-align: center;
  line-height: 32px;
}
.ybs #savings-calculator .btn-disabled {
  pointer-events: none;
  border-color: transparent;
  background-color: var(--button-disabled-bg);
  color: var(--button-disabled-text);
  border: none;
  width: 100%;
  cursor: not-allowed;
}
.ybs #savings-calculator #target-years {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 97%;
  margin: 0 0 1rem auto;
}
@media screen and (max-width: 48em) {
  .ybs #savings-calculator #target-years {
    padding-left: 0;
    margin-bottom: 2rem;
  }
}
.ybs #savings-calculator #target-years .block-years {
  width: 100px;
  font-size: 0.8125rem;
  font-family: Aller-Bold;
}
.ybs #savings-calculator #target-years .block-years.text-center {
  text-align: center;
}
.ybs #savings-calculator #target-years .block-years.text-right {
  text-align: right;
}
.ybs #savings-calculator #target-years .block-years .text-left {
  text-align: left;
}
.ybs #savings-calculator .range-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 51px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ybs #savings-calculator .range-container .custom-range {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
@media screen and (max-width: 64em) {
  .ybs #savings-calculator .range-container .custom-range {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66%;
    flex: 0 0 66%;
    max-width: 66%;
  }
}
@media screen and (max-width: 64em) {
  .ybs #savings-calculator .range-container .custom-range {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
}
.ybs #savings-calculator .range-container .input-group-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 22%;
  flex: 0 0 22%;
  max-width: 22%;
}
@media screen and (max-width: 64em) {
  .ybs #savings-calculator .range-container .input-group-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
}
@media screen and (max-width: 34em) {
  .ybs #savings-calculator .range-container .input-group-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
    max-width: 36%;
  }
}
.ybs #savings-calculator .slider-amount {
  font-family: YBS-Headline;
  font-size: 2.211rem;
  color: #4c4c4c;
  letter-spacing: 0.05px;
  text-align: center;
  line-height: 1.789rem;
  display: block;
  margin-top: 0.1053rem;
  margin-bottom: 1.3rem;
}
.ybs #savings-calculator .slider-amount small {
  font-family: Aller;
  font-size: 0.6842rem;
}
.ybs #savings-calculator .slider-row {
  display: flex;
  margin-bottom: 0;
}
.ybs #savings-calculator .slider-row .custom-size {
  padding: 2rem 4rem 1rem;
  border-right: 1px solid #e9ecef;
}
@media screen and (max-width: 64em) {
  .ybs #savings-calculator .slider-row .custom-size {
    padding: 1rem;
    border-right: 0;
  }
}
.ybs #savings-calculator .slider-row .custom-size:last-of-type {
  border-right: 0;
}
.ybs #savings-calculator .slider-row .range-container {
  margin-bottom: 0;
}
.ybs #savings-calculator #results .custom-range {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.ybs #savings-calculator .jumbo-text {
  font-family: Aller-bold;
  font-size: 2.737rem;
  color: #008839;
  letter-spacing: -1.08px;
  text-align: center;
  line-height: 1.566rem;
  display: block;
  margin-bottom: 0.632rem;
}
@media screen and (max-width: 64em) {
  .ybs #savings-calculator .jumbo-text {
    font-size: 1.579rem;
    letter-spacing: -0.62px;
    line-height: 0;
  }
}
.ybs #savings-calculator .small-text {
  font-family: Aller-Light;
  font-size: 16px;
  display: block;
  color: #585858;
  letter-spacing: 0.02px;
  text-align: center;
  line-height: 26px;
  margin-bottom: 14px;
}
.ybs #savings-calculator .ct-series path.ct-area {
  fill: #00ff6a !important;
  stroke: none;
  fill-opacity: 0.1;
}
.ybs #savings-calculator .ct-grid {
  stroke: #d8d8d8;
  stroke-width: 3px;
  stroke-dasharray: none;
}
.ybs #savings-calculator .ct-point {
  stroke-linecap: round;
  stroke-width: 14px;
}
.ybs #savings-calculator .ct-label.ct-horizontal.ct-end {
  display: inline-block;
  width: 55px !important;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ybs #savings-calculator .chartist-tooltip {
  font-family: Aller-Bold;
  font-size: 1.5rem;
  opacity: 0;
  position: absolute;
  background: #008839;
  color: #fff;
  margin: -20px 0 0;
  padding: 1rem 2rem;
  border-radius: 4px;
}
.ybs #savings-calculator .chartist-tooltip .small-label {
  font-family: Aller-Light;
  font-size: 60%;
  margin: 10px 0;
  display: block;
}
.ybs #savings-calculator .chartist-tooltip:before {
  border-top-color: #008839;
}
.ybs #savings-calculator .chartist-tooltip.tooltip-show {
  opacity: 1;
}
.ybs #savings-calculator .custom-table tbody {
  border: 0;
}
.ybs #savings-calculator span.ct-label.ct-horizontal.ct-end {
  position: relative;
  line-height: 1;
}
.ybs #savings-calculator span.ct-label.ct-horizontal.ct-end:after {
  content: ".";
  position: absolute;
  width: 100%;
  bottom: -6px;
  left: 0;
  right: 0;
  color: green;
  margin: 0 auto;
  display: block;
  text-align: center;
}
.ybs #savings-calculator .interest-block span {
  font-family: Aller-Light;
  font-size: 94%;
  color: #585858;
  letter-spacing: 0.01px;
}
@media screen and (max-width: 64em) {
  .ybs #savings-calculator .interest-block span {
    padding: 1rem;
    border-right: 0;
    font-size: 0.632rem;
  }
}
.ybs #savings-calculator .inline-radio {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}
.ybs #savings-calculator span.ct-label.ct-vertical.ct-start {
  font-family: Aller-Bold;
  color: #4c4c4c;
}
.ybs #savings-calculator span.ct-label.ct-horizontal {
  color: #4c4c4c;
}
.ybs #savings-calculator .autocomplete {
  position: relative;
  display: inline-block;
}
.ybs #savings-calculator .autocomplete-items {
  position: absolute;
  z-index: 99;
  top: 90px;
  max-width: 49%;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 2px 0 0 #d9d9d9;
  box-shadow: 0 2px 0 0 #d9d9d9;
  border-radius: 0 0 4px 4px;
  border: 2px solid #d9d9d9;
  border-top: 0;
  max-height: 238px;
  overflow: scroll;
}
.ybs #savings-calculator .autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  font-family: Aller-Light;
  font-size: 16px;
  color: #302b41;
  letter-spacing: 0.02px;
  line-height: 32px;
}
.ybs #savings-calculator .autocomplete-items div:hover {
  background-color: #e9e9e9;
}
.ybs #savings-calculator .autocomplete-active {
  color: #fff;
  background: #fff;
}
.ybs #savings-calculator .min-height-box {
  min-height: 370px;
}
.ybs #savings-calculator .box h1 {
  color: var(--box-h1);
  font-size: 3em;
}
@media screen and (min-width: 50em) {
  .ybs #savings-calculator .box {
    padding: 1.7rem;
  }
}
@media screen and (min-width: 40em) {
  .ybs #savings-calculator .box {
    min-height: 180px;
  }
}
@media screen and (min-width: 31.25em) {
  .ybs #savings-calculator .box {
    padding: 1.5rem;
  }
}
@media screen and (max-width: 64em) {
  .ybs #savings-calculator .box {
    padding: 1.35em;
  }
}
.ybs .main-content {
  min-height: 10rem;
}
.ybs .main-content ul.tabs > li {
  margin-bottom: 0;
}
.ybs .article-list .article-item {
  height: inherit;
  margin-bottom: 1.5em;
}
.ybs .article-list .article-item-link {
  display: block;
  color: inherit;
  transition: 150ms;
  height: 100%;
}
.ybs .article-list .article-item-link:hover {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.ybs .article-list .article-item .box {
  height: 100%;
  margin-bottom: 0;
  overflow: hidden;
}
.ybs .article-list .article-item .title {
  padding-bottom: 0;
  color: #008839;
  margin-bottom: 0.5em;
}
.ybs .news-list a .box.box-1 p {
  padding-top: 0.75em;
}
.ybs .article-items .category {
  font-size: 0.95em;
  color: #888;
  top: -0.15em;
}
.ybs .article-item {
  font-size: 0.95em;
  color: #888;
}
.ybs .article-item .category {
  font-size: 0.95em;
  color: #888;
}
.ybs .article-item .box-image:after {
  content: "";
  height: 6px;
  width: 100%;
  z-index: 998;
  display: block;
  margin-top: -0.04em;
}
@media screen and (max-width: 40em) {
  .ybs .article-item .box-image:after {
    content: "";
    right: 0;
    top: 0;
    margin-right: 0;
    height: 100%;
    width: 5px;
    z-index: 998;
    display: block;
    position: absolute;
    margin-top: 0;
  }
}
.ybs .article-item .box-image:after {
  background: linear-gradient(135deg, #7cc533 0%, #009c41 100%);
}
.ybs .article-item .title {
  color: #008839;
}
.ybs .article-item[data-tags*=my-money] .category svg path {
  fill: #197481;
  stroke: #197481;
  stroke-linejoin: round;
}
.ybs .article-item[data-tags*=my-money] .title {
  color: #1fa398;
}
.ybs .article-item[data-tags*=homeowners] .title {
  color: #4a74c5;
}
.ybs .article-item[data-tags*=homebuyers] .title {
  color: #d66d20;
}
.ybs .article-item[data-tags*=life-moments] .title {
  color: #9d42c9;
}
.ybs .article-item .category .svg-inline--fa:not([data-prefix=ybsi]) path {
  stroke-width: 25px;
  stroke-linejoin: round;
}
.ybs .article-item[data-tags*=my-money] .category svg path,
.ybs .guides-nav-item .fa-chart-bar path {
  fill: #1fa398;
  stroke: #1fa398;
}
.ybs .article-item[data-tags*=homeowners] .category svg path,
.ybs .guides-nav-item .fa-home path {
  fill: #4a74c5;
  stroke: #4a74c5;
}
.ybs .article-item[data-tags*=homebuyers] .category svg path,
.ybs .guides-nav-item .homebuyers-icon path {
  fill: #d66d20;
  stroke: #d66d20;
  stroke-width: 2px !important;
}
.ybs .article-item[data-tags*=life-moments] .category svg path,
.ybs .guides-nav-item .fa-user path {
  fill: #9d42c9;
  stroke: #9d42c9;
}
.ybs .article-item[data-tags*=my-money] .box-image:after,
.ybs .main-content[data-tags*=my-money] .hero-guides:after,
.ybs .main-content[data-tags*=my-money] .hero-guides .guides-article-meta a {
  background: #1fa398;
}
.ybs .article-item[data-tags*=homeowners] .box-image:after,
.ybs .main-content[data-tags*=homeowners] .hero-guides:after,
.ybs .main-content[data-tags*=homeowners] .hero-guides .guides-article-meta a {
  background: #4a74c5;
}
.ybs .article-item[data-tags*=homebuyers] .box-image:after,
.ybs .main-content[data-tags*=homebuyers] .hero-guides:after,
.ybs .main-content[data-tags*=homebuyers] .hero-guides .guides-article-meta a {
  background: #d66d20;
}
.ybs .article-item[data-tags*=life-moments] .box-image:after,
.ybs .main-content[data-tags*=life-moments] .hero-guides:after,
.ybs .main-content[data-tags*=life-moments] .hero-guides .guides-article-meta a {
  background: #9d42c9;
}
@media screen and (max-width: 40em) {
  .ybs .article-list .article-item .description {
    display: none;
  }
  .ybs .article-list .article-item .box-content h4 {
    width: 102%;
    font-size: 1.25em;
    position: relative;
    max-height: 5.2em;
    overflow: hidden;
  }
  .ybs .article-list .article-item .box-content h4:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0px;
    width: 63%;
    height: 1.3em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%);
  }
}
.ybs .article-list .article-item .date:before {
  content: "\f017";
  position: relative;
  display: inline;
  background: none;
  font-family: "FontAwesome";
  overflow: hidden;
  font-size: 1em;
  padding-right: 0.5em;
  text-align: center;
  color: #999;
  font-weight: normal;
}
.ybs .article-list .article-item .date {
  font-size: 0.9em;
  color: #aaa;
  padding-bottom: 0.5em;
  display: block;
}
.ybs .article-list .article-list-page {
  display: none;
}
.ybs .article-list .article-list-page-numbers {
  margin-bottom: 1.5em;
}
.ybs .article-list .article-list-page-number {
  padding: 0.25em 1em;
}
.ybs .article-list .article-list-page-number.is-active {
  padding: 0.25em 1em;
  border: solid 1px #aaa;
}
.ybs .article-list .article-list-page-numbers > .article-list-page-number {
  margin-bottom: 0;
}
.ybs .article-list .article-list-page-numbers > .article-list-page-number {
  border-radius: 0.2em;
}
.ybs .article-list .article-list-page.is-active {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ybs .article-list-filter[data-type=tags] {
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 2em;
}
.ybs .article-list-filter .article-list-filter-tag {
  display: inline-block;
  padding: 0.1em 0.5em;
  margin-right: 0.25em;
  margin-bottom: 0.25em;
  border: solid 1px rgba(0, 0, 0, 0.11);
  border-radius: 0.5em;
  cursor: pointer;
}
.ybs .article-list-filter .article-list-filter-tag:hover {
  border: solid 1px rgba(0, 0, 0, 0.3);
}
.ybs .article-list-filter .article-list-filter-tag.is-active {
  border: solid 1px #008839;
  background-color: #008839;
  color: #fff;
}
.ybs .article-image img {
  border-radius: 0.2em;
  margin-top: 0.7em;
  margin-bottom: 1em;
}
.ybs .article-item .box .box-content {
  position: relative;
  overflow: hidden;
  margin-bottom: 0.7em;
  height: 100%;
  max-height: 15em;
}
.ybs .guides-article-meta {
  color: #fff;
}
@media (min-width: 64em) {
  .ybs .article-item .box .box-content:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0px;
    width: 63%;
    height: 1.65em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%);
  }
}
.ybs .article-list[data-no-description*=true] .article-item .box .box-content:after {
  display: none;
}
.ybs .article-item .box.small-box-image-right .box-content {
  max-height: 12.38em;
}
.ybs .chartist-tooltip {
  position: absolute;
  display: inline-block;
  opacity: 0;
  min-width: 5em;
  font-family: "Aller", "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-radius: 0.2em;
  text-align: center;
  font-size: 0.9em;
  pointer-events: none;
  z-index: 1;
  transition: all 0.1s ease-in-out;
  margin-top: 0.5em;
  border: 1px solid #ccc;
  background: #ededed;
  line-height: 18px;
  padding: 6px 14px;
  color: #666;
}
.ybs .chartist-tooltip:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top-color: #ededed;
}
.ybs .chartist-tooltip.tooltip-show {
  opacity: 1;
  margin-top: 0em;
}
.ybs .input-group-auto .input:not([size]) {
  width: 67%;
}
@media screen and (max-width: 34em) {
  .ybs .input-group-auto .input:not([size]) {
    width: 56%;
  }
}
@media screen and (max-width: 64em) {
  .ybs .input-group-auto .text {
    padding: 0.1em 0.3em;
  }
}
.ybs #savings-calculator .btn-cta {
  width: auto;
  background-color: var(--box-title-bg);
  color: #fff;
}
.ybs #savings-calculator .btn-cta:hover {
  background-color: var(--color-green-primary-900);
}
.ybs #savings-calculator .warning-box {
  font-size: 0.93rem;
}
.ybs #savings-calculator .btn-full {
  width: 100%;
}
.ybs .align-self-center {
  margin: 0 auto;
}
.ybs .box-outline-2 {
  border: solid 2px #62c422;
  border-bottom: solid 3px #62c422;
  box-shadow: none;
}
.ybs .box-outline-2 .text-underline {
  font-family: var(--font-family-bold);
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--color-heading);
  margin-top: 0;
  margin-bottom: 0.3rem;
  padding-bottom: 0.4rem;
}
.ybs .box-outline-2 .text-uppercase {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.77rem;
  font-family: var(--font-family-bold);
}
.ybs .box-has-icon .box-icon {
  display: block;
  height: 6.317375rem;
  margin: auto;
  margin-bottom: -3rem;
  position: relative;
  text-align: center;
  width: 6.317375rem;
  z-index: 2;
}
.ybs .box-has-icon .box-icon::before, .ybs .box-has-icon .box-icon::after {
  background-color: #f6f6f6;
  border-radius: 5.625rem;
  content: "";
  height: 79.5%;
  left: 3px;
  margin: 0.5rem;
  position: absolute;
  top: -25px;
  width: 79.5%;
  z-index: 2;
}
.ybs .box-has-icon .box-icon::after {
  background-color: transparent;
  box-shadow: 0 0.4rem 0.3rem 0.03rem rgba(0, 0, 0, 0.2);
  height: 85%;
  margin: 0.3rem 0.2rem 0 0.3rem;
  width: 85%;
  z-index: 1;
}
.ybs .box-has-icon .box-icon svg {
  display: block;
  color: var(--color-secondary);
  font-size: 2.916rem;
  line-height: 6rem;
  position: relative;
  z-index: 3;
  font-family: var(--font-family-headline);
  margin: -3.125rem auto auto auto;
}
.ybs .box-has-icon .box-icon svg img {
  width: 3rem;
  z-index: 4;
}
.ybs .match-height {
  margin-top: 2rem;
  height: 17.25rem;
}
.ybs .match-height p {
  font-size: 1.04rem;
  font-weight: 300;
  line-height: 1.77rem;
}
.ybs .match-height hr {
  margin: 0;
}
.ybs .results-header-wrapper.text-center {
  margin-top: 2rem;
}
.ybs .results-header-wrapper.text-center a {
  color: var(--color-primary);
}
.ybs .results-header-wrapper.text-center a:hover {
  color: var(--color-primary-hover);
  text-decoration: none;
}
.ybs .min-height-box {
  margin-top: 4.16rem;
  margin-bottom: 2.08rem;
  min-height: 23.125rem !important;
}
.ybs .modal-content h1 {
  font-size: 4.5em;
  width: 80%;
}

.ybs .savings-product-details {
  background-color: white;
  margin-top: -1rem;
}
.ybs .savings-product-details .header {
  background-color: var(--backgrounds-base-600);
  background-image: url("/o/ybs-theme/images/header-background-for-products.png");
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  padding: 70px 0 100px 0;
  border-bottom-left-radius: 50% 6%;
  border-bottom-right-radius: 50% 6%;
}
.ybs .savings-product-details .header .percentage-container {
  display: flex;
  flex-direction: row;
}
.ybs .savings-product-details .header .interest-calc-link {
  color: var(--color-grey-900);
}
.ybs .savings-product-details .header .headline {
  font-size: 4.6rem;
  line-height: 3.2rem;
}
.ybs .savings-product-details .header .product-title {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.1em;
  color: var(--color-grey-900);
  font-family: var(--font-family-base);
}
.ybs .savings-product-details .header .prouduct-fixed {
  font-size: 1.25rem;
}
.ybs .savings-product-details .header .extra-rate-container {
  display: flex;
  flex-direction: row;
}
.ybs .savings-product-details .header .multi-rate-divider {
  height: 5.5rem;
  width: 0;
  border: 1.5px solid var(--color-secondary);
  border-radius: 10px;
  margin: 0.3rem 1.8rem 0 1.5rem;
}
.ybs .savings-product-details .header .extra-rate {
  margin-top: 0;
  padding-top: 0;
}
.ybs .savings-product-details .header .fscs-logo {
  width: 6rem;
}
@media (max-width: 575.98px) {
  .ybs .savings-product-details .hero.header .fscs-logo {
    width: 5rem;
  }
  .ybs .savings-product-details .hero.header .percentage-container {
    flex-direction: column;
  }
  .ybs .savings-product-details .hero.header .extra-rate-container {
    display: flex;
    flex-direction: column;
  }
  .ybs .savings-product-details .hero.header .multi-rate-divider {
    height: 0;
    width: 18rem;
    border: 1.5px solid var(--color-secondary);
    border-radius: 10px;
    margin: 1.5rem 0;
  }
}
@media (max-width: 991.98px) {
  .ybs .savings-product-details .hero.header {
    background-image: none;
  }
  .ybs .savings-product-details .hero.header .warning-box {
    margin-top: -3rem;
  }
}
.ybs .savings-product-details ul.account-highlights {
  display: flex;
  flex-direction: row;
  margin-top: -3rem;
  margin-bottom: 5.5rem;
  padding: 0rem 0.5rem;
  border-radius: 0.75rem;
}
.ybs .savings-product-details ul.account-highlights .item {
  min-width: 200px;
}
.ybs .savings-product-details ul.account-highlights .item .highlight-title {
  font-size: 1rem;
}
.ybs .savings-product-details ul.account-highlights .item .highlight-description {
  font-size: 0.9rem;
}
.ybs .savings-product-details ul.account-highlights .item .svg-inline--fa {
  color: var(--color-primary);
}
.ybs .savings-product-details ul.account-highlights .item .svg-inline--fa:not(.fa-circle-info) {
  font-size: 1.4rem;
}
.ybs .savings-product-details ul.account-highlights .highlight-divider {
  padding-left: 2px;
  border-right: 0.07rem solid var(--color-grey-300);
}
@media (max-width: 991.98px) {
  .ybs .savings-product-details ul.account-highlights {
    display: flex;
    flex-direction: column;
  }
  .ybs .savings-product-details .highlight-divider {
    border-right: none;
    border-bottom: 0.09rem solid var(--color-grey-300);
  }
}
.ybs .savings-product-details .special-feature-info {
  margin-bottom: 6rem;
}
.ybs .savings-product-details .special-feature-info .text-col {
  width: 60%;
}
.ybs .savings-product-details .special-feature-info .image-col {
  width: 35%;
  padding-right: 3rem;
}
.ybs .savings-product-details .special-feature-info .image-col img {
  max-width: 100%;
  margin: auto;
  display: block;
}
@media (max-width: 767.98px) {
  .ybs .savings-product-details .special-feature-info .text-col {
    width: 100%;
  }
  .ybs .savings-product-details .special-feature-info .image-col {
    width: 100%;
    padding-right: 0;
    padding-bottom: 2rem;
  }
}
.ybs .savings-product-details .interest-calculator {
  padding-bottom: 6rem;
  border-bottom: 0.15rem solid var(--color-grey-300);
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.ybs .savings-product-details .interest-calculator .calc-col-1 {
  padding: 0 3rem 0 0;
  min-width: 360px;
}
.ybs .savings-product-details .interest-calculator .calc-col-2 {
  padding: 3.5rem 0 0 3rem;
  min-width: 360px;
  border-left: 0.15rem solid var(--color-grey-300);
}
.ybs .savings-product-details .interest-calculator label {
  font-size: 1.125rem;
}
.ybs .savings-product-details .interest-calculator .input-group {
  border-color: #dee5f2;
  border-width: 0 2px 0 0;
  border-radius: 5px;
}
.ybs .savings-product-details .interest-calculator .text {
  width: 3rem;
  background-color: var(--color-grey-200);
  border: 2px solid #dee5f2;
  border-radius: 5px 0 0 5px;
  font-size: 1.3rem;
  font-weight: bold;
}
.ybs .savings-product-details .interest-calculator input {
  border-color: #dee5f2;
  border-width: 2px 0;
  border-radius: 0;
  margin: 0;
  color: var(--color-grey-900);
}
.ybs .savings-product-details .interest-calculator .input-group-append {
  border: 2px solid #dee5f2;
  border-radius: 0 5px 5px 0;
}
.ybs .savings-product-details .interest-calculator .input-up-down-btn {
  border-radius: 0;
  margin: 0;
  border: none;
  background-color: var(--color-grey-200);
  color: var(--text-color);
  font-size: 1.2rem;
  touch-action: manipulation;
}
.ybs .savings-product-details .interest-calculator .input-up-down-btn:last-child {
  border-left: 2px solid #dee5f2;
}
.ybs .savings-product-details .interest-calculator .input-up-down-btn:disabled {
  opacity: 0.4;
}
@media (max-width: 767.98px) {
  .ybs .savings-product-details .interest-calculator {
    padding-bottom: 2rem;
  }
  .ybs .savings-product-details .interest-calculator .calc-col-1 {
    padding: 0;
  }
  .ybs .savings-product-details .interest-calculator .calc-col-2 {
    padding: 0;
    border: none;
  }
}
.ybs .savings-product-details .interest-calculator input::-webkit-outer-spin-button,
.ybs .savings-product-details .interest-calculator input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ybs .savings-product-details .interest-calculator input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}
.ybs .savings-product-details .summary-box-section {
  padding: 3rem 0;
}
.ybs .savings-product-details .summary-box-section:first-child {
  padding: 0 0 3rem 0;
}
.ybs .savings-product-details .summary-box-section:not(:last-child) {
  border-bottom: 0.15rem solid var(--color-grey-300);
}
.ybs .savings-product-details .full-width-blue {
  background-color: var(--color-grey-200);
  border-bottom-left-radius: 50% 6%;
  border-bottom-right-radius: 50% 6%;
  padding-bottom: 4rem;
}
.ybs .savings-product-details .cta-section {
  padding: 3rem 0 2rem 0;
}
.ybs .savings-product-details .cta-section a {
  font-weight: bold;
}
.ybs .savings-product-details .box-container {
  display: flex;
  gap: 1rem;
}
.ybs .savings-product-details .box-container .box {
  flex-grow: 1;
}
.ybs .savings-product-details .compact-box {
  max-width: 350px;
}
@media (max-width: 991.98px) {
  .ybs .savings-product-details .box-container {
    flex-wrap: wrap;
  }
  .ybs .savings-product-details .box-container .box {
    max-width: 70%;
  }
}
@media (max-width: 575.98px) {
  .ybs .savings-product-details .box-container > .box {
    min-width: 100%;
  }
}
.ybs .savings-product-details .branch-address-finder .input-group-append {
  border: 2px solid var(--color-primary);
}
.ybs .savings-product-details .branch-address-finder .input-group-append:last-child:not(button):not(.input-invalid):not(.select-invalid) {
  border-right: 2px solid var(--color-primary);
}
.ybs .savings-product-details .branch-address-finder .branch-search {
  border: none;
}
.ybs .savings-product-details .equivalent-product a {
  font-weight: bold;
}
.ybs .savings-product-details .table-caption {
  font-size: 1.125rem;
  margin-bottom: 0.25rem;
  padding-bottom: 0;
  color: unset;
}
.ybs .savings-product-details .table-container {
  border: 2px solid #dee5f2;
  border-radius: 12px;
  box-shadow: 0px 2px 0px 0px #dee5f2;
}
.ybs .savings-product-details .table-container .table {
  border-collapse: collapse;
  border-radius: 12px;
  color: var(--color-grey-900);
}
.ybs .savings-product-details .table-container .table thead th {
  background-color: var(--color-grey-200);
  border: 2px solid #dee5f2;
  font-size: 1rem;
  font-weight: bold;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  color: var(--color-grey-900);
}
.ybs .savings-product-details .table-container .table thead th .th-subtitle {
  font-family: var(--font-family-base);
  font-weight: normal;
}
.ybs .savings-product-details .table-container .table tbody tr:nth-child(even) {
  background-color: #f9f9fc;
}
.ybs .savings-product-details .table-container .table tbody td {
  border: 2px solid #dee5f2;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  color: var(--color-grey-900);
  height: unset;
}
.ybs .savings-product-details .sticky-cta-container {
  display: block;
  transition: all 0.5s;
  position: fixed;
  bottom: -100%;
  z-index: 999;
  width: 100%;
  box-shadow: none !important;
  border: none !important;
  background-image: none;
  padding: 1em;
  background-color: var(--color-grey-900);
  bottom: 0;
}
.ybs .savings-product-details .sticky-cta-container .banner-content {
  max-width: 78em;
  width: 100%;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
}
.ybs .savings-product-details .sticky-cta-container .banner-content .product-name {
  display: flex;
  align-items: center;
  width: 50%;
}
.ybs .savings-product-details .sticky-cta-container .banner-content .product-name h4 {
  color: white;
  height: fit-content;
  margin: 0;
}
.ybs .savings-product-details .sticky-cta-container .banner-content .apply-button {
  width: 100%;
  scroll-behavior: smooth;
}

.cbs .savings-product-details .header {
  background-image: url("/o/ybs-theme/images/cbs-squircle-background.png");
}

.ybs .ybs-savings-finder {
  background-color: #fff;
}
.ybs .ybs-savings-finder .sort-filter-container {
  display: flex;
  justify-content: space-between;
}
.ybs .ybs-savings-finder .sort-filter-container .filters-container {
  display: flex;
  align-items: center;
}
.ybs .ybs-savings-finder .sort-filter-container .filters-container > button,
.ybs .ybs-savings-finder .sort-filter-container .filters-container > select,
.ybs .ybs-savings-finder .sort-filter-container .filters-container > div {
  margin-bottom: 0;
}
.ybs .ybs-savings-finder button.toggle-filters {
  width: 11rem;
  margin-bottom: 0;
}
.ybs .ybs-savings-finder .box.filters-box {
  box-shadow: none;
}
.ybs .ybs-savings-finder .interest-rate {
  font-weight: bold;
  font-size: 1.4rem;
  color: var(--color-primary);
}
.ybs .ybs-savings-finder .interest-statement {
  margin-left: 1rem;
}
@media (min-width: 769px) {
  .ybs .ybs-savings-finder .hide-on-desktop {
    display: none;
  }
}
@media (max-width: 768px) {
  .ybs .ybs-savings-finder .hide-on-mobile {
    display: none;
  }
  .ybs .ybs-savings-finder .remove-mobile-space {
    margin-top: -2rem;
  }
  .ybs .ybs-savings-finder .input {
    margin-bottom: 1rem;
  }
  .ybs .ybs-savings-finder .sort-filter-container {
    flex-direction: column-reverse;
  }
  .ybs .ybs-savings-finder .sort-filter-container .filters-container {
    flex-direction: column-reverse;
  }
  .ybs .ybs-savings-finder .sort-filter-container .filters-container > button,
  .ybs .ybs-savings-finder .sort-filter-container .filters-container > div {
    width: 100%;
  }
  .ybs .ybs-savings-finder .sort-filter-container .filters-container .select-container:first-child select {
    margin-bottom: 0;
  }
  .ybs .ybs-savings-finder .sort-filter-container .select-container {
    width: 100%;
  }
  .ybs .ybs-savings-finder .sort-filter-container button.toggle-filters {
    margin-right: 0;
  }
}
.ybs .ybs-savings-finder table {
  font-size: 0.9em;
  border-bottom: solid 1px var(--text-hero-dark);
}
.ybs .ybs-savings-finder table thead th {
  background-color: var(--backgrounds-base-600);
  color: var(--text-color);
  border-left: hidden;
}
.ybs .ybs-savings-finder table thead th.small-col {
  width: 18%;
}
.ybs .ybs-savings-finder table thead th.wide-col {
  width: 22%;
}
.ybs .ybs-savings-finder table tbody tr:nth-child(even) {
  background-color: var(--backgrounds-base-1100);
}
.ybs .ybs-savings-finder table tbody td {
  vertical-align: middle;
  border-left: hidden;
  line-height: 1.4em;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}
.ybs .ybs-savings-finder table tbody td:last-child {
  white-space: nowrap;
}
.ybs .ybs-savings-finder table tbody td ul li {
  font-size: inherit !important;
  line-height: 1.4 !important;
}
.ybs .ybs-savings-finder table tbody td .interest-rate-field {
  display: flex;
  align-items: center;
}
.ybs .ybs-savings-finder table tbody td .interest-rate-field .word-to {
  position: absolute;
  left: -5px;
}
.ybs .ybs-savings-finder table tbody td .mobile-column-name {
  display: none;
}
@media (max-width: 1024px) and (min-width: 769px) {
  .ybs .ybs-savings-finder table tbody td:last-child {
    white-space: unset;
  }
  .ybs .ybs-savings-finder table tbody td .interest-rate-field {
    flex-direction: column;
    align-items: flex-start;
  }
  .ybs .ybs-savings-finder table tbody td .interest-rate-field .word-to {
    position: absolute;
  }
  .ybs .ybs-savings-finder table tbody td .interest-statement {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .ybs .ybs-savings-finder table tbody tr:nth-child(even) {
    background-color: #fff;
  }
  .ybs .ybs-savings-finder table tbody td {
    border-bottom: none;
  }
  .ybs .ybs-savings-finder table tbody td .product-title {
    font-size: 1.4rem;
  }
  .ybs .ybs-savings-finder table tbody td.mobile-has-title {
    display: flex;
    height: 100%;
  }
  .ybs .ybs-savings-finder table tbody td.mobile-has-title .mobile-column-name {
    display: block;
    width: 30%;
    margin-right: 1rem;
  }
  .ybs .ybs-savings-finder table tbody td .btn.product-page-link {
    width: 100%;
  }
  .ybs .ybs-savings-finder table tbody td .interest-rate-field .word-to {
    position: relative;
  }
}

.ybs .main-header__group {
  position: relative;
}
.ybs .main-header__group .main-header__group__searchbar .portlet {
  position: static;
}
@media (max-width: 1780px) {
  .ybs .main-header__group__searchbar .search {
    display: none;
  }
}
.ybs .search {
  display: flex;
  flex-direction: row;
  font-size: 0.8rem;
  overflow: hidden;
  margin-top: -0.5em;
}
.ybs .search .search-box input {
  background-color: #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0;
  border: 2px solid var(--color-grey-700);
  border-bottom: 3px solid var(--color-grey-700);
  border-right: 0;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0;
  color: var(--text-color);
  font-family: var(--font-family-base);
  font-size: 1rem;
  letter-spacing: 0.023rem;
  outline: none;
  padding: 0.5rem 1.2rem 0.5rem 0.5rem;
  margin: 0.5rem 0rem 0.5rem 0.5rem;
}
.ybs .search .search-box input::placeholder {
  color: var(--input-placeholder);
}
.ybs .search .search-button button {
  background-color: #fff;
  color: var(--color-secondary);
  height: calc(100% - 1rem);
  font-size: 1rem;
  width: 2.85rem;
  margin: 0.5rem;
  margin-left: -1px;
  border: 2px solid var(--color-primary);
  border-bottom: 3px solid var(--color-primary);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.ybs .search .search-button button .search-button-label {
  display: none;
}
.ybs div#js-portlet-_search_INSTANCE_footerYbsSearchBarDesktop_ .ybs-search {
  bottom: 4rem;
  top: auto;
}
.ybs .ybs-search {
  border-radius: 3px;
  display: none;
  font-size: 1.1em;
  margin-top: 3rem;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  z-index: 9999;
  background-color: #f0f4f7;
  border: solid 2px #bfbdbd;
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 750px;
  right: 66px;
  top: 1.2rem;
}
.ybs .ybs-search .results .results-quantity {
  display: none;
}
.ybs .ybs-search .results .result-item {
  background-position: center left 10px;
  background-repeat: no-repeat;
  background-size: 100px auto;
  border-bottom: solid #d7d7d7 1px;
  clear: both;
  cursor: pointer;
  display: block;
  min-height: 140px;
  padding: 1rem;
}
.ybs .ybs-search .results .result-item .result-title a {
  color: var(--color-primary);
  font-size: 1.4rem;
  font-weight: bold;
}
.ybs .ybs-search .results .result-item .result-title a:hover {
  text-decoration: none;
  background-color: transparent;
}
.ybs .ybs-search .results .result-item.result-nohits {
  border: none;
  padding-top: 0.2em;
}
.ybs .ybs-search .results .result-item:first-child {
  padding-top: 0;
}
.ybs .ybs-search .results .result-item:last-child {
  border: none;
}
.ybs .ybs-search .results .result-item:nth-last-child(1) {
  border-bottom: none;
}
.ybs .ybs-search .results .result-item:hover {
  background-color: #f0f0f0;
}
.ybs .ybs-search .results::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 40, 92, 0.066);
  border-radius: 3px;
}
.ybs .ybs-search .results::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: var(--color-primary);
  border-radius: 3px;
}
.ybs .ybs-search .results::-webkit-scrollbar {
  width: 12px;
}
.ybs .ybs-search .results {
  display: inline-block;
  margin: 0;
  max-height: 450px;
  min-height: 150px;
  overflow-y: auto;
  vertical-align: top;
  width: 99%;
}
.ybs .ybs-search .results-container {
  display: block;
  position: relative;
  width: 100%;
}
.ybs .ybs-search .results-container .result-item .result-title {
  border-bottom: none;
  font-family: var(--font-family-base);
  font-size: 1.4rem;
  line-height: 1.2;
  margin-bottom: 0.35em;
  padding-bottom: 0;
}
.ybs .ybs-search .results-container .result-item .result-title a:hover {
  background-color: transparent;
  text-decoration: none;
}
.ybs .ybs-search .results-container > .result-item .result-content {
  border-bottom: none;
  color: #565656;
  margin-bottom: 0em;
  padding-bottom: 0;
  font-size: 0.9rem;
}
.ybs .ybs-search .results-container > .result-item .result-content em {
  font-family: Aller-bold;
}
@media (max-width: 646px) {
  .ybs .ybs-search {
    border-top: solid #d7d7d7 1px;
    box-shadow: none;
    margin: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    right: 1em;
    width: 80vw;
    flex-direction: column;
  }
  .ybs .ybs-search .results {
    width: 100%;
    max-height: 16em;
  }
  .ybs .ybs-search .results-container .result-item .result-title {
    font-size: 1.25em;
  }
  .ybs .ybs-search .results-container .result-item .result-content {
    font-size: 0.9rem;
  }
}
@media (min-width: 647px) and (max-width: 830px) {
  .ybs .ybs-search {
    width: 80vw;
  }
}
.ybs #mobile-search-modal {
  display: none;
  overflow-y: auto;
  padding: 4rem 0;
  width: 100%;
  z-index: 20;
}
.ybs #mobile-search-modal__close {
  align-items: center;
  background: transparent;
  border: 0;
  display: flex;
  height: 3rem;
  justify-content: flex-end;
  padding-right: 0;
  position: relative;
  width: 100%;
}
.ybs #mobile-search-modal__close svg {
  color: #dee2e6;
  height: 1.5rem;
  width: 1.5rem;
}
.ybs #mobile-search-modal__close:hover svg {
  color: #ced4da;
}
.ybs #mobile-search-modal__wrapper {
  position: absolute;
}
.ybs #mobile-search-modal--medium-text h1 {
  font-size: 2.5175rem;
  line-height: 2.1rem;
}
.ybs #mobile-search-modal--medium-text h2 {
  font-size: 1.22277rem;
  line-height: 1.7rem;
}
.ybs #mobile-search-modal--medium-text h3 {
  font-size: 1.52847rem;
  letter-spacing: -0.03rem;
}
.ybs #mobile-search-modal--medium-text .component-paragraph {
  font-size: 0.9rem;
  line-height: 1.5rem;
}
.ybs #mobile-search-modal--medium-text .component-paragraph strong {
  font-family: var(--font-family-bold);
  font-size: 0.89rem;
}
.ybs #mobile-search-modal--opened {
  display: block;
}
.ybs #mobile-search-modal--opened.modal--medium .modal__wrapper, .ybs #mobile-search-modal--opened.modal--large .modal__wrapper {
  width: 100%;
}
.ybs #mobile-search-modal--opened.modal--medium .modal__wrapper .modal__wrapper__content, .ybs #mobile-search-modal--opened.modal--large .modal__wrapper .modal__wrapper__content {
  border-bottom: 6rem solid transparent;
  margin-top: 5%;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.ybs #mobile-search-modal--opened.modal--medium .modal__wrapper .modal__wrapper__content > div, .ybs #mobile-search-modal--opened.modal--large .modal__wrapper .modal__wrapper__content > div {
  background-color: #fff;
  border-radius: 0.2rem;
  padding: 2rem;
  position: relative;
  width: 100%;
}
.ybs #mobile-search-modal--opened.modal--medium .modal__wrapper .modal__wrapper__content {
  width: 100%;
}
.ybs #mobile-search-modal--opened.modal--large .modal__wrapper .modal__wrapper__content {
  width: 100%;
}
@media (min-width: 1230px) {
  .ybs #mobile-search-modal--opened.modal--large .modal__wrapper .modal__wrapper__content {
    left: 50%;
    margin-left: -36.5rem;
    padding: 0 0;
    width: 73rem;
  }
}
.ybs #mobile-search-modal .modal__wrapper__content {
  padding: 0;
  max-height: 100%;
}
@media (min-width: 750px) {
  .ybs #mobile-search-modal .modal__wrapper__content {
    left: 50%;
    margin-left: -22.5rem;
    padding: 0 0;
    width: 46.8rem;
  }
}
.ybs #mobile-search-modal .modal__wrapper__content > div {
  border: solid 2px #bfbdbd;
  background-color: #f0f4f7;
  border-radius: 3px;
  padding: 0;
}
.ybs #mobile-search-modal .modal__wrapper__content .search-input-container {
  max-width: 100%;
  margin: 0 auto;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-bottom: 0.3rem;
  display: flex;
  justify-content: center;
  text-align: center;
}
.ybs #mobile-search-modal .modal__wrapper__content .search-input-container label {
  font-family: var(--font-family-bold);
  display: block;
  padding-bottom: 0.1rem;
  font-size: 1rem;
}
.ybs #mobile-search-modal .modal__wrapper__content .search-input-container .input-group {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ybs #mobile-search-modal .modal__wrapper__content .search-input-container .input-group > div {
  border: none;
  width: 100%;
}
.ybs #mobile-search-modal .modal__wrapper__content .search-input-container .input-group > div .portlet {
  margin: 0;
}
.ybs #mobile-search-modal .modal__wrapper__content .search-input-wrap {
  width: 100%;
}
.ybs #mobile-search-modal .modal__wrapper__content .search {
  justify-content: center;
  padding-bottom: 22px;
  border-bottom: solid 2px var(--input-group-border);
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 749px) {
  .ybs #mobile-search-modal .modal__wrapper__content .search .search-box {
    width: 100%;
  }
}
@media (max-width: 749px) {
  .ybs #mobile-search-modal .modal__wrapper__content .search .search-box input {
    width: 100%;
  }
}
.ybs #mobile-search-modal .modal__wrapper__content .search .search-button button {
  background-color: var(--color-primary);
  border: none;
  color: var(--color-grey-50);
  font-weight: bold;
  width: 90px;
}
.ybs #mobile-search-modal .modal__wrapper__content .search .search-button button .svg-inline--fa {
  display: none;
}
.ybs #mobile-search-modal .modal__wrapper__content .search .search-button button .search-button-label {
  display: block;
}
.ybs #mobile-search-modal .modal__wrapper__content .ybs-search {
  position: relative;
  border: none;
  right: inherit;
  width: 100.5%;
  left: -2px;
  top: 0;
  margin: 0;
  padding: 1rem 0;
}
@media (max-width: 749px) {
  .ybs #mobile-search-modal .modal__wrapper__content .ybs-search {
    width: 100.7%;
  }
}
@media (max-width: 646px) {
  .ybs #mobile-search-modal .modal__wrapper__content .ybs-search {
    width: 100.9%;
    flex-direction: column;
  }
}
.ybs #mobile-search-modal .modal__wrapper__content .ybs-search .results-container {
  text-align: left;
}
.ybs #mobile-search-modal .modal__wrapper__content .h1 {
  font-size: 2.53rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 550px) {
  .ybs #mobile-search-modal .modal__wrapper__content .h1 {
    display: none;
  }
}
@media (max-width: 550px) {
  .ybs #mobile-search-modal .modal__wrapper__content .content__options {
    flex-direction: column;
  }
}
.ybs #mobile-search-modal .modal__wrapper__content .content__options__column {
  padding: 0.5rem 0.8rem 0 0.8rem;
  width: 50%;
}
@media (max-width: 550px) {
  .ybs #mobile-search-modal .modal__wrapper__content .content__options__column {
    margin-bottom: 2rem;
    width: 100%;
  }
}
@media (min-width: 551px) {
  .ybs #mobile-search-modal .modal__wrapper__content .content__options__column:first-child {
    border-right: 0.2rem solid #dee2e6;
  }
}
.ybs #mobile-search-modal .modal__wrapper__content .content__options__column:first-child a.btn {
  font-size: 0.9rem;
  width: 7.6rem;
}
@media (min-width: 551px) and (max-width: 652px) {
  .ybs #mobile-search-modal .modal__wrapper__content .content__options__column:first-child a.btn {
    margin-bottom: 0.8rem;
  }
}
.ybs #mobile-search-modal .modal__wrapper__content .content__options__column .h3 {
  color: var(--primary);
  font-size: 1.55rem;
}
.ybs #mobile-search-modal .modal__wrapper__content .content__options__column p {
  color: #212529;
  display: block;
  font-family: var(--font-family-base);
  font-size: 0.9rem;
  margin-bottom: 0.6rem;
}
.ybs #mobile-search-modal .modal__wrapper__content .content__options__column .btn-gray {
  background-color: #212529;
}
.ybs #mobile-search-modal.modal--opened {
  display: flex;
  justify-content: center;
}
.ybs #mobile-search-modal.modal--opened .modal__wrapper {
  position: initial;
  width: auto;
  height: fit-content;
  max-height: 38rem;
  overflow: hidden;
}
@media (max-width: 749px) {
  .ybs #mobile-search-modal.modal--opened .modal__wrapper {
    width: 90%;
  }
}
.ybs #mobile-search-modal.modal--opened .modal__wrapper__content {
  border-bottom: 0;
  left: 0;
  margin-left: 0;
  margin-top: 0;
  position: relative;
}
.ybs .footer .search .search-button button {
  background-color: var(--color-primary);
  color: var(--color-grey-50);
  border: none;
}
@keyframes appearGrow {
  from {
    top: 0%;
    bottom: 30%;
    left: 100%;
    bottom: 30%;
    opacity: 0;
    width: 50%;
    height: 50%;
  }
  to {
    top: 0;
    bottom: 0;
    left: 0;
    bottom: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
  }
}
@-webkit-keyframes appearGrow {
  from {
    top: 30%;
    bottom: 30%;
    left: 30%;
    bottom: 30%;
  }
  to {
    top: 0;
    bottom: 0;
    left: 0;
    bottom: 0;
  }
}
@-moz-keyframes appearGrow {
  from {
    top: 30%;
    bottom: 30%;
    left: 30%;
    bottom: 30%;
  }
  to {
    top: 0;
    bottom: 0;
    left: 0;
    bottom: 0;
  }
}

.ybs .stamp-duty-box figure {
  position: relative;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  background: #F0F4F7;
  margin: 0 -1.52em;
  padding: 1.35em;
  border-left: 0.17em solid #F0F4F7;
  border-right: 0.17em solid #F0F4F7;
}
.ybs .stamp-duty-box figure::before {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 10px;
  background: var(--color-grey-50);
  box-shadow: 0px 4px 0px 0px rgba(0, 40, 92, 0.066), 0 0 0.2em rgba(0, 0, 0, 0.05);
}
.ybs .stamp-duty-box figure::after {
  display: block;
  content: " ";
  position: absolute;
  top: 70px;
  background: #FAFAFA;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
@media screen and (min-width: 31.25em) {
  .ybs .stamp-duty-box figure {
    margin: 0 -1.67em;
    padding: 1.750556em;
  }
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box figure {
    margin: 0;
    padding: 1.5rem;
    background: #FAFAFA;
    border-left: 0;
    border-right: 0;
  }
  .ybs .stamp-duty-box figure::before, .ybs .stamp-duty-box figure::after {
    display: none;
  }
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box figure {
    background: #FAFAFA;
    padding: 1.5rem;
  }
}
.ybs .stamp-duty-box figure figcaption {
  background: transparent;
  font-family: var(--font-family-bold);
  padding: 0;
  margin-bottom: 1.5rem;
  padding-top: 60px;
}
.ybs .stamp-duty-box figure figcaption span {
  position: relative;
  z-index: 1;
}
.ybs .stamp-duty-box figure figcaption::before {
  display: block;
  content: " ";
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: 10px;
  background: #FAFAFA;
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box figure figcaption {
    padding-top: 0;
  }
  .ybs .stamp-duty-box figure figcaption::before {
    display: none;
  }
}
.ybs .stamp-duty-box figure.no-before {
  margin: 0;
  background: var(--color-grey-50);
  border: 0;
  padding: 0;
}
.ybs .stamp-duty-box figure.no-before::before, .ybs .stamp-duty-box figure.no-before::after {
  display: none;
}
.ybs .stamp-duty-box figure.no-before figcaption {
  padding-top: 0;
}
.ybs .stamp-duty-box figure.no-before figcaption::before {
  display: none;
}
.ybs .stamp-duty-box figure img {
  position: relative;
  z-index: 1;
}
.ybs .stamp-duty-box .stamp-duty-rate-summary {
  padding: 2rem 0 3rem;
}
.ybs .stamp-duty-box .stamp-duty-rate-summary--no-key {
  padding: 1rem 0 2rem;
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box .stamp-duty-rate-summary__key {
    display: flex;
    align-items: center;
  }
}
.ybs .stamp-duty-box .stamp-duty-rate-summary__key span {
  display: flex;
  margin-right: 1rem;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box .stamp-duty-rate-summary__key span {
    margin-bottom: 0;
  }
}
.ybs .stamp-duty-box .stamp-duty-rate-summary__key span::before {
  display: block;
  border-radius: 100%;
  width: 28px;
  height: 28px;
  content: " ";
  background: #00A33F;
  margin-right: 0.5rem;
}
.ybs .stamp-duty-box .stamp-duty-rate-summary__key span:first-child::before {
  background: #7CC533;
}
.ybs .stamp-duty-box .stamp-duty-rate-summary p {
  margin: 1rem 0 0;
  font-size: 0.7rem;
  line-height: 1.2;
}
.ybs .stamp-duty-box__detail hr {
  display: none;
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box__detail hr {
    display: block;
  }
}
.ybs .stamp-duty-box__summary {
  margin: 0 -1.35em;
}
@media screen and (min-width: 31.25em) {
  .ybs .stamp-duty-box__summary {
    margin: 0 -1.5em;
  }
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box__summary {
    margin: 0 -1.6em;
  }
}
@media screen and (min-width: 50em) {
  .ybs .stamp-duty-box__summary {
    margin: 0 -1.7em;
  }
}
.ybs .stamp-duty-box__summary:before {
  content: " ";
  display: block;
  background-image: linear-gradient(137deg, #7CC533 0%, #009C41 100%);
  height: 5px;
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box__summary__breakdown {
    display: flex;
  }
}
.ybs .stamp-duty-box__summary__breakdown .column {
  border-bottom: 1px solid #d5d5d5;
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box__summary__breakdown .column {
    border-right: 1px solid #d5d5d5;
    border-bottom: 0;
  }
}
.ybs .stamp-duty-box__summary__breakdown .column:last-child {
  border-right: 0;
  border-bottom: 0;
}
.ybs .stamp-duty-box__summary__breakdown__result {
  padding: 1.35em;
  font-family: var(--font-family-bold);
  line-height: 2;
  font-size: 0.95rem;
}
@media screen and (min-width: 31.25em) {
  .ybs .stamp-duty-box__summary__breakdown__result {
    padding: 1.5em;
  }
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box__summary__breakdown__result {
    padding: 1.6em;
  }
}
@media screen and (min-width: 50em) {
  .ybs .stamp-duty-box__summary__breakdown__result {
    padding: 1.7em;
  }
}
.ybs .stamp-duty-box__summary__breakdown__result p {
  margin: 0;
}
.ybs .stamp-duty-box__summary__breakdown__result br {
  display: none;
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box__summary__breakdown__result br {
    display: block;
  }
}
.ybs .stamp-duty-box__summary__breakdown__result span {
  display: block;
  font-family: var(--font-family-base);
  color: #00A33F;
  font-size: 1.5rem;
  line-height: 1.5;
}
.ybs .stamp-duty-box__summary__breakdown__result span small {
  color: #4C4C4C;
  font-size: 0.95rem;
}
.ybs .stamp-duty-box__summary__breakdown__result--inline span {
  display: inline;
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box__summary__breakdown__result--inline br {
    display: none;
  }
}
.ybs .stamp-duty-box__summary__result {
  background: #EBEBEB;
  font-family: var(--font-family-bold);
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 2.5rem 2rem;
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box__summary__result {
    font-size: 2rem;
  }
}
.ybs .stamp-duty-box__summary__result p {
  margin: 0;
}
.ybs .stamp-duty-box__summary__result span {
  color: #00A33F;
}
.ybs .stamp-duty-navigation {
  width: 100%;
  margin: 2rem 0 0;
}
.ybs .stamp-duty-navigation__items {
  display: flex;
  list-style-type: none;
  margin: 2rem 0;
  padding: 0;
  border-radius: 5px;
  overflow: hidden;
  flex-wrap: wrap;
  background: #00A33F;
  border: 2px solid #0A9539;
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-navigation__items {
    border: 0;
    flex-wrap: nowrap;
  }
}
.ybs .stamp-duty-navigation__items li {
  display: block;
  padding: 0;
  margin: 0;
  flex-grow: 1;
  width: 100%;
  border-bottom: 1px solid var(--color-grey-50);
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-navigation__items li {
    border-right: 1px solid var(--color-grey-50);
    border-bottom: 0;
    width: auto;
  }
}
.ybs .stamp-duty-navigation__items li:last-child {
  border-right: 0;
  border-bottom: 0;
}
.ybs .stamp-duty-navigation__items li::before {
  display: none;
}
.ybs .stamp-duty-navigation__items li a {
  display: block;
  color: var(--color-grey-50);
  font-family: var(--font-family-bold);
  padding: 0.75rem 1.2rem;
  font-size: 0.9rem;
  text-align: center;
  background: #00A33F;
  transition: all 200ms linear;
}
.ybs .stamp-duty-navigation__items li a:hover {
  background: #0A9539;
}
.ybs .stamp-duty-box figure {
  position: relative;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  background: #F0F4F7;
  margin: 0 -1.52em;
  padding: 1.35em;
  border-left: 0.17em solid #F0F4F7;
  border-right: 0.17em solid #F0F4F7;
}
.ybs .stamp-duty-box figure::before {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 10px;
  background: var(--color-grey-50);
  box-shadow: 0px 4px 0px 0px rgba(0, 40, 92, 0.066), 0 0 0.2em rgba(0, 0, 0, 0.05);
}
.ybs .stamp-duty-box figure::after {
  display: block;
  content: " ";
  position: absolute;
  top: 70px;
  background: #FAFAFA;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
@media screen and (min-width: 31.25em) {
  .ybs .stamp-duty-box figure {
    margin: 0 -1.67em;
    padding: 1.750556em;
  }
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box figure {
    margin: 0;
    padding: 1.5rem;
    background: #FAFAFA;
    border-left: 0;
    border-right: 0;
  }
  .ybs .stamp-duty-box figure::before, .ybs .stamp-duty-box figure::after {
    display: none;
  }
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box figure {
    background: #FAFAFA;
    padding: 1.5rem;
  }
}
.ybs .stamp-duty-box figure figcaption {
  background: transparent;
  font-family: var(--font-family-bold);
  padding: 0;
  margin-bottom: 1.5rem;
  padding-top: 60px;
}
.ybs .stamp-duty-box figure figcaption span {
  position: relative;
  z-index: 1;
}
.ybs .stamp-duty-box figure figcaption::before {
  display: block;
  content: " ";
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: 10px;
  background: #FAFAFA;
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box figure figcaption {
    padding-top: 0;
  }
  .ybs .stamp-duty-box figure figcaption::before {
    display: none;
  }
}
.ybs .stamp-duty-box figure.no-before {
  margin: 0;
  background: var(--color-grey-50);
  border: 0;
  padding: 0;
}
.ybs .stamp-duty-box figure.no-before::before, .ybs .stamp-duty-box figure.no-before::after {
  display: none;
}
.ybs .stamp-duty-box figure.no-before figcaption {
  padding-top: 0;
}
.ybs .stamp-duty-box figure.no-before figcaption::before {
  display: none;
}
.ybs .stamp-duty-box figure img {
  position: relative;
  z-index: 1;
}
.ybs .stamp-duty-box .stamp-duty-rate-summary {
  padding: 2rem 0 3rem;
}
.ybs .stamp-duty-box .stamp-duty-rate-summary--no-key {
  padding: 1rem 0 2rem;
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box .stamp-duty-rate-summary__key {
    display: flex;
    align-items: center;
  }
}
.ybs .stamp-duty-box .stamp-duty-rate-summary__key span {
  display: flex;
  margin-right: 1rem;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box .stamp-duty-rate-summary__key span {
    margin-bottom: 0;
  }
}
.ybs .stamp-duty-box .stamp-duty-rate-summary__key span::before {
  display: block;
  border-radius: 100%;
  width: 28px;
  height: 28px;
  content: " ";
  background: #00A33F;
  margin-right: 0.5rem;
}
.ybs .stamp-duty-box .stamp-duty-rate-summary__key span:first-child::before {
  background: #7CC533;
}
.ybs .stamp-duty-box .stamp-duty-rate-summary p {
  margin: 1rem 0 0;
  font-size: 0.7rem;
  line-height: 1.2;
}
.ybs .stamp-duty-box__detail hr {
  display: none;
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box__detail hr {
    display: block;
  }
}
.ybs .stamp-duty-box__summary {
  margin: 0 -1.35em;
}
@media screen and (min-width: 31.25em) {
  .ybs .stamp-duty-box__summary {
    margin: 0 -1.5em;
  }
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box__summary {
    margin: 0 -1.6em;
  }
}
@media screen and (min-width: 50em) {
  .ybs .stamp-duty-box__summary {
    margin: 0 -1.7em;
  }
}
.ybs .stamp-duty-box__summary:before {
  content: " ";
  display: block;
  background-image: linear-gradient(137deg, #7CC533 0%, #009C41 100%);
  height: 5px;
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box__summary__breakdown {
    display: flex;
  }
}
.ybs .stamp-duty-box__summary__breakdown .column {
  border-bottom: 1px solid #d5d5d5;
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box__summary__breakdown .column {
    border-right: 1px solid #d5d5d5;
    border-bottom: 0;
  }
}
.ybs .stamp-duty-box__summary__breakdown .column:last-child {
  border-right: 0;
  border-bottom: 0;
}
.ybs .stamp-duty-box__summary__breakdown__result {
  padding: 1.35em;
  font-family: var(--font-family-bold);
  line-height: 2;
  font-size: 0.95rem;
}
@media screen and (min-width: 31.25em) {
  .ybs .stamp-duty-box__summary__breakdown__result {
    padding: 1.5em;
  }
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box__summary__breakdown__result {
    padding: 1.6em;
  }
}
@media screen and (min-width: 50em) {
  .ybs .stamp-duty-box__summary__breakdown__result {
    padding: 1.7em;
  }
}
.ybs .stamp-duty-box__summary__breakdown__result p {
  margin: 0;
}
.ybs .stamp-duty-box__summary__breakdown__result br {
  display: none;
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box__summary__breakdown__result br {
    display: block;
  }
}
.ybs .stamp-duty-box__summary__breakdown__result span {
  display: block;
  font-family: var(--font-family-base);
  color: #00A33F;
  font-size: 1.5rem;
  line-height: 1.5;
}
.ybs .stamp-duty-box__summary__breakdown__result span small {
  color: #4C4C4C;
  font-size: 0.95rem;
}
.ybs .stamp-duty-box__summary__breakdown__result--inline span {
  display: inline;
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box__summary__breakdown__result--inline br {
    display: none;
  }
}
.ybs .stamp-duty-box__summary__result {
  background: #EBEBEB;
  font-family: var(--font-family-bold);
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 2.5rem 2rem;
}
@media screen and (min-width: 40em) {
  .ybs .stamp-duty-box__summary__result {
    font-size: 2rem;
  }
}
.ybs .stamp-duty-box__summary__result p {
  margin: 0;
}
.ybs .stamp-duty-box__summary__result span {
  color: #00A33F;
}
.ybs .ybs-stamp-duty-calculator .box {
  position: relative;
  overflow: hidden;
  min-height: 250px;
}
@media screen and (min-width: 50em) {
  .ybs .ybs-stamp-duty-calculator .box {
    padding: 1.7rem;
  }
}
@media screen and (min-width: 40em) {
  .ybs .ybs-stamp-duty-calculator .box {
    min-height: 180px;
  }
}
@media screen and (min-width: 31.25em) {
  .ybs .ybs-stamp-duty-calculator .box {
    padding: 1.5rem;
  }
}
.ybs .ybs-stamp-duty-calculator .fade-enter-active, .ybs .ybs-stamp-duty-calculator .fade-leave-active {
  transition: all 0.5s linear;
  transition-delay: 0.5s;
}
.ybs .ybs-stamp-duty-calculator .fade-leave-active {
  transition-delay: 0s;
}
.ybs .ybs-stamp-duty-calculator .fade-enter, .ybs .ybs-stamp-duty-calculator .fade-leave-to {
  opacity: 0;
  transform: translateY(100%);
}
.ybs .ybs-stamp-duty-calculator .slide-fade-enter-active, .ybs .ybs-stamp-duty-calculator .slide-fade-leave-active {
  transition: all 0.5s linear;
  transition-delay: 0.5s;
}
.ybs .ybs-stamp-duty-calculator .slide-fade-leave-active {
  transition-delay: 0s;
}
.ybs .ybs-stamp-duty-calculator .slide-fade-enter, .ybs .ybs-stamp-duty-calculator .slide-fade-leave-to {
  transform: translateX(-100%);
  opacity: 0;
}
.ybs .ybs-stamp-duty-calculator__form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 40em) {
  .ybs .ybs-stamp-duty-calculator__form {
    flex-wrap: nowrap;
    align-items: flex-end;
    margin: 2rem auto 0;
  }
}
@media screen and (min-width: 65em) {
  .ybs .ybs-stamp-duty-calculator__form {
    margin: 1.8rem auto 0;
  }
}
@media screen and (min-width: 68em) {
  .ybs .ybs-stamp-duty-calculator__form {
    max-width: 95%;
  }
}
.ybs .ybs-stamp-duty-calculator__form .form-control {
  width: 100%;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 40em) {
  .ybs .ybs-stamp-duty-calculator__form .form-control {
    width: 25%;
    margin-right: 1.5rem;
    margin-bottom: 0;
  }
}
.ybs .ybs-stamp-duty-calculator__form .form-control select {
  padding: 0.6em 0.6em;
  margin: 0;
  font-family: var(--font-family-base);
}
.ybs .ybs-stamp-duty-calculator__form .btn {
  padding: 0.6em 0.6em;
  line-height: 1.3;
  flex-grow: 1;
  margin: 1.5rem 0;
}
@media screen and (min-width: 40em) {
  .ybs .ybs-stamp-duty-calculator__form .btn {
    margin: auto 0 0;
  }
}
.ybs .ybs-stamp-duty-calculator__result {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  padding: 0 30px;
}
.ybs .ybs-stamp-duty-calculator__result .btn {
  display: block;
  margin: 0 auto;
  max-width: 250px;
  width: 100%;
}
.ybs .ybs-stamp-duty-calculator__result p {
  font-size: 1.3125rem;
  font-family: var(--font-family-light);
  font-weight: normal;
}
@media screen and (min-width: 40em) {
  .ybs .ybs-stamp-duty-calculator__result p {
    font-size: 1.6875rem;
  }
}
.ybs .ybs-stamp-duty-calculator__result p strong {
  font-family: var(--font-family-bold);
  font-weight: normal;
}
.ybs .ybs-stamp-duty-calculator__result ul {
  text-align: left;
}
.ybs .ybs-stamp-duty-calculator__result ul li {
  margin-bottom: 2rem;
}

.ybs .switching-deals .search-wrap {
  width: 100%;
}
.ybs .switching-deals a {
  color: var(--primary);
}
.ybs .switching-deals .btn {
  padding: 0.5rem 0.8rem;
}
.ybs .switching-deals .btn-primary {
  border-color: transparent;
  background-color: var(--button-cta-bg);
  color: var(--button-cta-text);
}
.ybs .switching-deals .btn-primary:hover {
  background-color: var(--button-cta-hover-bg);
  color: var(--button-cta-hover-text);
}
.ybs .switching-deals .btn-secondary {
  border-color: var(--button-border);
}
.ybs .switching-deals .btn-secondary:hover {
  border-color: var(--button-primary-hover-text);
  color: var(--button-primary-hover-text);
}
.ybs .switching-deals .search-wrap-outer {
  display: flex;
  flex-direction: col;
  width: 100%;
  z-index: 1;
}
.ybs .switching-deals .search-wrap-outer.box-2 {
  box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.05);
  background: #fff;
  background: var(--backgrounds-base-500);
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-bottom: none;
  border-right: 0;
  border-radius: 0.4em;
  overflow: hidden;
}
.ybs .switching-deals .search-wrap-outer.box-border {
  box-sizing: border-box;
  margin-bottom: 1em;
  margin-top: 1.2em;
  padding: 0.5em 1em;
}
.ybs .switching-deals .search-wrap-outer label {
  color: var(--link-grey);
  font-family: var(--font-family-base);
  font-size: 0.875rem;
  font-weight: 300;
  margin-bottom: 0.25rem;
  max-width: 100%;
  word-wrap: break-word;
}
.ybs .switching-deals .fs-counter .input-group {
  border-color: var(--input-group-border);
  border-radius: 0.2em;
  width: 100%;
}
.ybs .switching-deals .fs-counter .input-group > * {
  border-color: rgba(167, 167, 167, 0.8);
  border-top: 2px solid rgba(167, 167, 167, 0.8);
  border-bottom: 3px solid rgba(167, 167, 167, 0.8);
}
.ybs .switching-deals .fs-counter .input-group > *:first-child {
  background-color: var(--input-group-icon-bg);
  border-left: 2px solid rgba(167, 167, 167, 0.8);
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.ybs .switching-deals .fs-counter .input-group > *:last-child {
  border-right: 2px solid rgba(167, 167, 167, 0.8);
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.ybs .switching-deals .fs-counter .input-group__self-center {
  align-self: center;
}
.ybs .switching-deals .fs-counter .input-group__flex--content-center {
  display: flex;
  justify-content: center;
}
.ybs .switching-deals .fs-counter .input-group input {
  margin-left: 0;
  height: auto;
  padding: 10px;
}
.ybs .switching-deals .fs-counter .input-group .text {
  color: var(--input-group-icon-text);
  font-family: var(--font-family-headline);
  font-size: 1.56rem;
  line-height: 1.71rem;
  text-align: center;
  width: 3.11rem;
  height: 3.11rem;
}
.ybs .switching-deals .fs-counter .input-group .counter-controls {
  display: flex;
  text-align: center;
  background-color: var(--input-group-icon-bg);
}
.ybs .switching-deals .fs-counter .input-group .counter-btn {
  border-color: inherit;
  border: none;
  border-radius: 0;
  border-right: 1px solid #dedede;
  color: var(--input-group-icon-text);
  cursor: pointer;
  font-family: var(--font-family-headline);
  font-weight: bold;
  height: 100%;
  padding: 0.2em 0.5em;
  width: 100%;
}
.ybs .switching-deals .fs-counter .input-group .counter-btn:last-child {
  border-right: none;
}
.ybs .switching-deals .mortgage-form-input {
  gap: 1rem;
  margin-bottom: 2rem;
}
.ybs .switching-deals .form-button-submit {
  font-family: var(--font-family-base);
  font-size: 0.83rem;
  margin: 0 0 1rem 0;
  width: 100%;
}
.ybs .switching-deals .hide {
  display: none !important;
}
.ybs .switching-deals .results-wrap {
  margin: 2.2rem 0 2.2rem;
  width: 100%;
}
.ybs .switching-deals .error-message {
  background: #fff;
  border: solid 2px rgba(255, 0, 0, 0.5);
  border-bottom-width: 3px;
  padding: 20px 20px 0px;
}
.ybs .switching-deals .error-message .error {
  margin-right: 10px;
  color: #6c757d;
  font-size: 24px;
}
.ybs .switching-deals .no-bullets {
  font-family: var(--font-family-base);
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ybs .switching-deals .no-bullets li {
  display: flex;
  font-size: 1rem;
  margin-bottom: 0.4rem;
  padding-left: 1.5rem;
  align-items: center;
  position: relative;
}
.ybs .switching-deals .sort {
  font-family: var(--font-family-bold);
  letter-spacing: -0.04rem;
  color: var(--link-grey);
  font-size: 1.16rem;
  font-weight: bold;
}
.ybs .switching-deals .mobile-filter-and-sort {
  margin-bottom: 0rem;
  font-size: 0.93rem;
}
.ybs .switching-deals .mobile-filter-and-sort .btn,
.ybs .switching-deals .mobile-filter-and-sort .input {
  margin: 0;
}
.ybs .switching-deals .mobile-filter-and-sort .mortgage-count,
.ybs .switching-deals .mobile-filter-and-sort label {
  color: var(--link-grey);
  font-weight: 300;
  font-size: 1.16rem;
}
.ybs .switching-deals .mobile-filter-and-sort .input {
  min-width: 10em;
  border: 1px solid #f1f1f1;
  border-bottom: none;
  border-radius: 0.2em;
  background-color: #fff;
  box-shadow: 0px 2px 0px 0px rgb(233, 235, 236);
  color: var(--link-grey);
  padding: 0.5em 1em;
  width: 98%;
  margin-left: 1%;
  margin-bottom: 0.3em;
  box-sizing: border-box;
}
.ybs .switching-deals .mobile-filter-and-sort .mortgage-count {
  float: left;
}
.ybs .switching-deals .mobile-filter-and-sort .order-refine-wrap {
  float: right;
}
.ybs .switching-deals .product-title-wrap {
  margin-bottom: 0.75em;
  display: flex;
  justify-content: space-between;
}
.ybs .switching-deals .product-title-wrap h3 {
  font-size: 1.36rem;
}
.ybs .switching-deals .product-listing {
  border: solid 2px transparent;
}
.ybs .switching-deals .product-listing.box {
  padding: 1.36rem;
  padding-bottom: 0.5em;
  margin-bottom: 4.7rem;
  background-color: #fff;
}
.ybs .switching-deals .product-listing.box-6 {
  box-shadow: 0px 3px 0px 0px rgb(221, 227, 224);
  margin-top: 2.5rem;
}
.ybs .switching-deals .product-listing .value {
  color: var(--primary);
  display: block;
  font-family: var(--font-family-bold);
  font-size: 1.95rem;
  margin-bottom: 0.075em;
}
.ybs .switching-deals .product-listing .value,
.ybs .switching-deals .product-listing .product-spec-detail-wrap {
  text-align: right;
}
.ybs .switching-deals .product-listing .product-code {
  color: var(--accordion-title-small);
  font-size: 0.81rem;
  font-family: var(--font-family-base);
}
.ybs .switching-deals .product-listing .product-row-wrap__buttons {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 40em) {
  .ybs .switching-deals .product-listing .product-row-wrap__buttons {
    flex-direction: row;
    justify-content: space-around;
  }
}
.ybs .switching-deals .product-listing .product-row-wrap > .col {
  display: flex;
}
.ybs .switching-deals .product-listing .product-details-container h5 {
  text-align: center;
}
.ybs .switching-deals .product-listing .product-details-button-container {
  display: flex;
  flex-direction: column;
  gap: 1.36rem;
}
.ybs .switching-deals .product-listing .product-details-button-container button, .ybs .switching-deals .product-listing .product-details-button-container a {
  max-width: 8.3rem;
}
.ybs .switching-deals .product-listing .product-details-button-container .btn-primary, .ybs .switching-deals .product-listing .product-details-button-container .btn-gray {
  border-color: var(--button-border);
  background-color: #fff;
  color: var(--button-primary-text);
}
.ybs .switching-deals .product-listing .product-details-button-container .btn-primary:hover, .ybs .switching-deals .product-listing .product-details-button-container .btn-gray:hover {
  border-color: var(--button-primary-hover-text);
  color: var(--button-primary-hover-text);
}
@media screen and (max-width: 767px) {
  .ybs .switching-deals .product-listing .product-details-button-container {
    flex-direction: row;
  }
}
.ybs .switching-deals .product-listing .col > .name,
.ybs .switching-deals .product-listing .col > .product-spec-detail-wrap,
.ybs .switching-deals .product-listing .col > .value {
  flex: 0 0 50%;
  width: 50%;
}
.ybs .switching-deals .product-listing .additional-features {
  display: flex;
  margin: 0.5em 0;
  flex-wrap: wrap;
}
.ybs .switching-deals .product-listing .additional-features .additional-features-label {
  display: block;
}
.ybs .switching-deals .product-listing .additional-features .product-feature {
  margin: 1em 1em 0 0;
  padding: 0;
  position: relative;
}
.ybs .switching-deals .product-listing .additional-features .product-feature svg {
  margin-right: 0.2em;
}
.ybs .switching-deals .product-listing .view-details .product-compare {
  display: none;
}
.ybs .switching-deals .product-listing .product-compare,
.ybs .switching-deals .product-listing .product-compare input {
  display: none;
}
.ybs .switching-deals .product-listing .aprc-text {
  font-size: 0.65em;
  display: block;
}
.ybs .switching-deals .product-listing .erc-text {
  color: var(--box-info-text);
  font-family: var(--font-family-base);
  min-height: 4.25em;
  font-size: 0.85rem;
  line-height: 1.6;
  width: 102%;
  margin-top: 0.55em;
}
.ybs .switching-deals .product-listing .product-row-wrap .rate,
.ybs .switching-deals .product-listing .product-row-wrap .aprc,
.ybs .switching-deals .product-listing .product-row-wrap .estimated-monthly-cost,
.ybs .switching-deals .product-listing .product-row-wrap .true-cost,
.ybs .switching-deals .product-listing .product-row-wrap .product-fee {
  flex: 0 0 100%;
  margin-bottom: 1em;
  border-bottom: 1px dotted #dfe6ec;
}
@media screen and (min-width: 40em) {
  .ybs .switching-deals .product-listing .product-row-wrap {
    display: flex;
    margin-bottom: 1.5em;
    max-width: 100%;
  }
  .ybs .switching-deals .product-listing .product-row-wrap > .col {
    display: block;
  }
  .ybs .switching-deals .product-listing > .product-row-wrap > .col {
    border-radius: 0.195rem;
    border-right: solid 3px #e6e6e6;
    border-bottom: none;
  }
  .ybs .switching-deals .product-listing > .product-row-wrap > .col:last-child {
    border-right: none;
  }
  .ybs .switching-deals .product-listing .col > .name,
  .ybs .switching-deals .product-listing .col > .product-spec-detail-wrap,
  .ybs .switching-deals .product-listing .col > .value {
    flex: unset;
    width: inherit;
  }
  .ybs .switching-deals .product-listing .col > .name {
    font-size: 0.92rem;
    text-align: center;
  }
  .ybs .switching-deals .product-listing .value,
  .ybs .switching-deals .product-listing .product-spec-detail-wrap {
    text-align: center;
  }
  .ybs .switching-deals .product-listing .name {
    color: var(--box-info-text);
    display: block;
    font-family: var(--font-family-base);
    line-height: 1.35em;
    margin-bottom: 0.5em;
    min-height: 4.25em;
  }
  .ybs .switching-deals .product-listing .details {
    font-size: 0.85rem;
    color: #555;
    display: inline-block;
    line-height: 1.35em;
    margin-top: 10px;
    padding: 0 10px;
  }
  .ybs .switching-deals .product-listing .view-details .product-compare {
    display: inline-block;
  }
  .ybs .switching-deals .product-listing .product-row-wrap .rate,
  .ybs .switching-deals .product-listing .product-row-wrap .aprc,
  .ybs .switching-deals .product-listing .product-row-wrap .estimated-monthly-cost,
  .ybs .switching-deals .product-listing .product-row-wrap .true-cost,
  .ybs .switching-deals .product-listing .product-row-wrap .product-fee {
    margin-bottom: 0;
  }
  .ybs .switching-deals .product-listing .product-row-wrap .rate {
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;
  }
  .ybs .switching-deals .product-listing .product-row-wrap .aprc,
  .ybs .switching-deals .product-listing .product-row-wrap .estimated-monthly-cost,
  .ybs .switching-deals .product-listing .product-row-wrap .true-cost {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .ybs .switching-deals .product-listing .product-row-wrap .product-fee {
    flex: 0 0 17%;
    max-width: 17%;
  }
}
@media print, screen and (min-width: 640px) {
  .ybs .switching-deals .product-listing .erc-text {
    line-height: normal;
    min-height: unset;
    margin: 0;
    align-self: center;
  }
}
.ybs .switching-deals table {
  border-collapse: separate;
  border-spacing: 0.187rem;
  width: 100%;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  padding-right: 0.3rem;
  padding-left: 0.3rem;
}
.ybs .switching-deals table td {
  padding: 0.875rem;
}
.ybs .switching-deals table tr:nth-child(2n+1) {
  background-color: #f6f6f6;
}
.ybs .switching-deals table tr:nth-child(2n) {
  background-color: #fff;
}
.ybs .switching-deals .compare-checkbox > label {
  color: #555;
}
.ybs .switching-deals .compare-checkbox > input {
  visibility: hidden;
}
.ybs .switching-deals .compare-checkbox > label:after {
  content: "";
  cursor: pointer;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 1.2em;
  height: 1.25em;
  background: white;
  border: 2px solid rgba(167, 167, 167, 0.8);
  border-bottom: 3px solid rgba(167, 167, 167, 0.8);
  border-radius: 5px;
}
.ybs .switching-deals .compare-checkbox > input:checked + label:after {
  border-color: var(--primary);
  background-image: url("/o/ybs-theme/images/icons/check.png");
  background-size: contain;
}
.ybs .switching-deals .compare-checkbox > input:disabled + label {
  color: rgba(167, 167, 167, 0.3);
}
.ybs .switching-deals .compare-checkbox > input:disabled + label:after {
  cursor: not-allowed;
  background: rgba(167, 167, 167, 0.3);
  border: 2px solid rgba(167, 167, 167, 0.5);
}
.ybs .switching-deals .form-checkbox {
  color: var(--link-grey);
  font-size: 0.95em;
  font-weight: 300;
  margin-bottom: 0.2em;
  text-align: left;
  width: 100%;
}
.ybs .switching-deals .form-control.input {
  background-color: var(--input-group-icon-bg);
}
.ybs .switching-deals .fancy-input-box {
  width: 1rem;
  height: 1rem;
  border-radius: 5px;
  background-color: var(--input-bg);
  border: 2px solid var(--input-border);
  border-bottom: 3px solid var(--input-border);
  position: relative;
  box-sizing: border-box;
}
.ybs .switching-deals .fancy-input-box input[type=checkbox] {
  visibility: visible;
  display: inline-block;
  all: unset;
  border: 0px;
  width: 14px;
  height: 14px;
}
.ybs .switching-deals .fancy-input-box input[type=checkbox]:checked {
  background-image: url("/o/ybs-theme/images/icons/check.png");
}
.ybs .switching-deals .filter-groups .filter-group {
  background-color: inherit !important;
  border: none !important;
  color: var(--link-grey) !important;
}
.ybs .switching-deals .filter-groups li::before {
  display: none !important;
}
.ybs .switching-deals .filter-groups li :not(.no-bullets) {
  display: block !important;
}
@media screen and (min-width: 551px) and (max-width: 768px) {
  .ybs .switching-deals .hide-tablet {
    display: none !important;
  }
}
@media screen and (max-width: 550px) {
  .ybs .switching-deals .hide-mobile {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .ybs .switching-deals .hide-desktop {
    display: none !important;
  }
}
.ybs .switching-deals .comparison-wrap {
  border-top: none;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  margin: 0;
  padding: 1em 0 1em 0;
  z-index: 22;
}
.ybs .switching-deals .comparison-inner-wrap {
  max-width: 67em;
  margin: 0 auto;
}
.ybs .switching-deals .comparison-wrap .clear-all {
  position: absolute;
  top: 0.25em;
  right: 0.25em;
  color: #fff;
  font-size: 3em;
  cursor: pointer;
  padding: 0.5em;
}
.ybs .switching-deals .comparison-wrap .compare-group h3 {
  color: #fff;
}
@media screen and (max-width: 41.25em) {
  .ybs .switching-deals .comparison-wrap .compare-group .compare-item {
    width: 70%;
  }
}
.ybs .switching-deals .comparison-wrap .compare-group .compare-item {
  position: relative;
  display: inline-block;
  padding: 0.75em;
  vertical-align: top;
  /* width: 100%; */
  height: 100%;
  /* Make all items same height duie to flex */
  border: solid 1px #fff;
  border-radius: 5px;
  background-color: #fff;
  font-family: var(--font-family-bold);
  padding-right: 1.5em;
  margin-bottom: 0.25em;
  min-width: 70%;
  font-size: 1.1em;
}
@media screen and (min-width: 769px) {
  .ybs .switching-deals .comparison-wrap .compare-group .compare-item {
    min-height: 72px;
    min-width: 60%;
  }
}
.ybs .switching-deals .comparison-wrap .compare-group .compare-item.empty-slot {
  background-color: transparent;
  border-style: dashed;
  color: #fff;
  width: 100%;
}
.ybs .switching-deals .comparison-wrap .compare-group .compare-item .icon-close {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  cursor: pointer;
  padding: 15px;
}
.ybs .switching-deals .compare-group .compare-item .product-code {
  color: var(--link-grey);
  display: inline-block;
  font-size: 0.86em;
}
.ybs .switching-deals .compare-modal.active .different th,
.ybs .switching-deals .compare-modal.active .different td {
  font-weight: bold;
}
.ybs .switching-deals .box-2 {
  box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.05);
  background: #fff;
  background: radial-gradient(ellipse at center, #dff0f7 0%, #a4d3db 100%);
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-bottom: none;
  border-right: 0;
  border-radius: 0.4em;
  overflow: hidden;
}
.ybs .switching-deals .box-2 .box-title {
  background-color: #d3d9dc;
}
.ybs .switching-deals .comparison-wrap .compare-group {
  padding: 0.5em 1em;
}
.ybs .switching-deals .comparison-wrap .compare-group h3 {
  color: var(--text-grey);
}
.ybs .switching-deals .comparison-wrap .compare-group a {
  vertical-align: middle;
}
.ybs .switching-deals .compare-items .flex-container {
  padding-left: 0;
}
.ybs .switching-deals .compare__cta-section {
  justify-content: center;
  display: flex;
}
.ybs .switching-deals .compare__cta-section .btn-cta {
  align-self: center;
}
@media print, screen and (max-width: 900px) {
  .ybs .switching-deals .compare__cta-section {
    width: 100%;
    margin-top: 1.5em;
  }
}
.ybs .switching-deals .comparison-inner-wrap .clear-all.icon-close {
  top: 0;
  color: var(--text-grey);
  line-height: 0.5em;
}
.ybs .switching-deals .comparison-inner-wrap .clear-all.icon-close svg {
  width: 1rem;
}
.ybs .switching-deals .comparison-wrap .compare-group .compare-item .icon-close {
  top: 0;
  padding: 0.7em;
  line-height: 1em;
  transform: none;
}
.ybs .switching-deals .comparison-wrap .compare-group .compare-item.empty-slot {
  color: var(--text-grey);
  background-color: var(--input-group-icon-bg);
  border: none;
}
.ybs .switching-deals .comparison-wrap .compare-group .compare-item {
  box-shadow: 0px 4px 0px 0px rgba(0, 40, 92, 0.066), 0 0 0.2em rgba(0, 0, 0, 0.05);
  padding: 1.56rem 2.6rem 1.45rem 3.12rem;
  line-height: 1.4em;
}
.ybs .switching-deals .compare-item-1:before,
.ybs .switching-deals .compare-item-2:before,
.ybs .switching-deals .compare-item-3:before {
  content: "";
  position: absolute;
  left: 0.1em;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  line-height: 0.7em;
  font-family: ybs-headline;
  font-size: 4rem;
  background: transparent;
  background: -webkit-linear-gradient(#6c757d, var(--primary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgba 0, 0, 0, 0));
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgba 0, 0, 0, 0));
}
.ybs .switching-deals .compare-item-1:before {
  content: "1";
}
.ybs .switching-deals .compare-item-2:before {
  content: "2";
}
.ybs .switching-deals .compare-item-3:before {
  content: "3";
}
.ybs .switching-deals .compare-title {
  font-size: 1.04rem;
}
.ybs .switching-deals .naked-button {
  background: none !important;
  border: none !important;
}
.ybs .switching-deals .empty-slot.compare-item-2:before,
.ybs .switching-deals .empty-slot.compare-item-3:before {
  color: var(--input-placeholder);
  background: -webkit-linear-gradient(var(--input-placeholder), #959595);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgba 0, 0, 0, 0));
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgba 0, 0, 0, 0));
}
.ybs .switching-deals .gw:before,
.ybs .switching-deals .gw:after,
.ybs .switching-deals .group:before,
.ybs .switching-deals .group:after {
  content: "";
  display: table;
}
.ybs .switching-deals .gw:after,
.ybs .switching-deals .group:after {
  clear: both;
}
.ybs .switching-deals .gw,
.ybs .switching-deals .group {
  zoom: 1;
}

.ybs .ct-label {
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  line-height: 1;
}
.ybs .ct-chart-line .ct-label,
.ybs .ct-chart-bar .ct-label {
  display: block;
  display: -webkit-flex;
  display: flex;
}
.ybs .ct-label.ct-horizontal.ct-start {
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ybs .ct-label.ct-horizontal.ct-end {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ybs .ct-label.ct-vertical.ct-start {
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}
.ybs .ct-label.ct-vertical.ct-end {
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ybs .ct-chart-bar .ct-label.ct-horizontal.ct-start {
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}
.ybs .ct-chart-bar .ct-label.ct-horizontal.ct-end {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}
.ybs .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ybs .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ybs .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}
.ybs .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: end;
}
.ybs .ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 2px;
}
.ybs .ct-grid-background {
  fill: none;
}
.ybs .ct-point {
  stroke-width: 10px;
  stroke-linecap: round;
}
.ybs .ct-line {
  fill: none;
  stroke-width: 4px;
}
.ybs .ct-area {
  stroke: none;
  fill-opacity: 0.1;
}
.ybs .ct-bar {
  fill: none;
  stroke-width: 10px;
}
.ybs .ct-slice-donut {
  fill: none;
  stroke-width: 60px;
}
.ybs .ct-series-a .ct-point,
.ybs .ct-series-a .ct-line,
.ybs .ct-series-a .ct-bar,
.ybs .ct-series-a .ct-slice-donut {
  stroke: #d70206;
}
.ybs .ct-series-a .ct-slice-pie,
.ybs .ct-series-a .ct-slice-donut-solid,
.ybs .ct-series-a .ct-area {
  fill: #d70206;
}
.ybs .ct-series-b .ct-point,
.ybs .ct-series-b .ct-line,
.ybs .ct-series-b .ct-bar,
.ybs .ct-series-b .ct-slice-donut {
  stroke: #f05b4f;
}
.ybs .ct-series-b .ct-slice-pie,
.ybs .ct-series-b .ct-slice-donut-solid,
.ybs .ct-series-b .ct-area {
  fill: #f05b4f;
}
.ybs .ct-series-c .ct-point,
.ybs .ct-series-c .ct-line,
.ybs .ct-series-c .ct-bar,
.ybs .ct-series-c .ct-slice-donut {
  stroke: #f4c63d;
}
.ybs .ct-series-c .ct-slice-pie,
.ybs .ct-series-c .ct-slice-donut-solid,
.ybs .ct-series-c .ct-area {
  fill: #f4c63d;
}
.ybs .ct-series-d .ct-point,
.ybs .ct-series-d .ct-line,
.ybs .ct-series-d .ct-bar,
.ybs .ct-series-d .ct-slice-donut {
  stroke: #d17905;
}
.ybs .ct-series-d .ct-slice-pie,
.ybs .ct-series-d .ct-slice-donut-solid,
.ybs .ct-series-d .ct-area {
  fill: #d17905;
}
.ybs .ct-series-e .ct-point,
.ybs .ct-series-e .ct-line,
.ybs .ct-series-e .ct-bar,
.ybs .ct-series-e .ct-slice-donut {
  stroke: #453d3f;
}
.ybs .ct-series-e .ct-slice-pie,
.ybs .ct-series-e .ct-slice-donut-solid,
.ybs .ct-series-e .ct-area {
  fill: #453d3f;
}
.ybs .ct-series-f .ct-point,
.ybs .ct-series-f .ct-line,
.ybs .ct-series-f .ct-bar,
.ybs .ct-series-f .ct-slice-donut {
  stroke: var(--color-primary);
}
.ybs .ct-series-f .ct-slice-pie,
.ybs .ct-series-f .ct-slice-donut-solid,
.ybs .ct-series-f .ct-area {
  fill: var(--color-primary);
}
.ybs .ct-series-g .ct-point,
.ybs .ct-series-g .ct-line,
.ybs .ct-series-g .ct-bar,
.ybs .ct-series-g .ct-slice-donut {
  stroke: #0544d3;
}
.ybs .ct-series-g .ct-slice-pie,
.ybs .ct-series-g .ct-slice-donut-solid,
.ybs .ct-series-g .ct-area {
  fill: #0544d3;
}
.ybs .ct-series-h .ct-point,
.ybs .ct-series-h .ct-line,
.ybs .ct-series-h .ct-bar,
.ybs .ct-series-h .ct-slice-donut {
  stroke: #6b0392;
}
.ybs .ct-series-h .ct-slice-pie,
.ybs .ct-series-h .ct-slice-donut-solid,
.ybs .ct-series-h .ct-area {
  fill: #6b0392;
}
.ybs .ct-series-i .ct-point,
.ybs .ct-series-i .ct-line,
.ybs .ct-series-i .ct-bar,
.ybs .ct-series-i .ct-slice-donut {
  stroke: #f05b4f;
}
.ybs .ct-series-i .ct-slice-pie,
.ybs .ct-series-i .ct-slice-donut-solid,
.ybs .ct-series-i .ct-area {
  fill: #f05b4f;
}
.ybs .ct-series-j .ct-point,
.ybs .ct-series-j .ct-line,
.ybs .ct-series-j .ct-bar,
.ybs .ct-series-j .ct-slice-donut {
  stroke: #dda458;
}
.ybs .ct-series-j .ct-slice-pie,
.ybs .ct-series-j .ct-slice-donut-solid,
.ybs .ct-series-j .ct-area {
  fill: #dda458;
}
.ybs .ct-series-k .ct-point,
.ybs .ct-series-k .ct-line,
.ybs .ct-series-k .ct-bar,
.ybs .ct-series-k .ct-slice-donut {
  stroke: #eacf7d;
}
.ybs .ct-series-k .ct-slice-pie,
.ybs .ct-series-k .ct-slice-donut-solid,
.ybs .ct-series-k .ct-area {
  fill: #eacf7d;
}
.ybs .ct-series-l .ct-point,
.ybs .ct-series-l .ct-line,
.ybs .ct-series-l .ct-bar,
.ybs .ct-series-l .ct-slice-donut {
  stroke: #86797d;
}
.ybs .ct-series-l .ct-slice-pie,
.ybs .ct-series-l .ct-slice-donut-solid,
.ybs .ct-series-l .ct-area {
  fill: #86797d;
}
.ybs .ct-series-m .ct-point,
.ybs .ct-series-m .ct-line,
.ybs .ct-series-m .ct-bar,
.ybs .ct-series-m .ct-slice-donut {
  stroke: #b2c326;
}
.ybs .ct-series-m .ct-slice-pie,
.ybs .ct-series-m .ct-slice-donut-solid,
.ybs .ct-series-m .ct-area {
  fill: #b2c326;
}
.ybs .ct-series-n .ct-point,
.ybs .ct-series-n .ct-line,
.ybs .ct-series-n .ct-bar,
.ybs .ct-series-n .ct-slice-donut {
  stroke: #6188e2;
}
.ybs .ct-series-n .ct-slice-pie,
.ybs .ct-series-n .ct-slice-donut-solid,
.ybs .ct-series-n .ct-area {
  fill: #6188e2;
}
.ybs .ct-series-o .ct-point,
.ybs .ct-series-o .ct-line,
.ybs .ct-series-o .ct-bar,
.ybs .ct-series-o .ct-slice-donut {
  stroke: #a748ca;
}
.ybs .ct-series-o .ct-slice-pie,
.ybs .ct-series-o .ct-slice-donut-solid,
.ybs .ct-series-o .ct-area {
  fill: #a748ca;
}
.ybs .ct-square {
  display: block;
  position: relative;
  width: 100%;
}
.ybs .ct-square:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 100%;
}
.ybs .ct-square:after {
  content: "";
  display: table;
  clear: both;
}
.ybs .ct-square > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ybs .ct-minor-second {
  display: block;
  position: relative;
  width: 100%;
}
.ybs .ct-minor-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 93.75%;
}
.ybs .ct-minor-second:after {
  content: "";
  display: table;
  clear: both;
}
.ybs .ct-minor-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ybs .ct-major-second {
  display: block;
  position: relative;
  width: 100%;
}
.ybs .ct-major-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 88.8888888889%;
}
.ybs .ct-major-second:after {
  content: "";
  display: table;
  clear: both;
}
.ybs .ct-major-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ybs .ct-minor-third {
  display: block;
  position: relative;
  width: 100%;
}
.ybs .ct-minor-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 83.3333333333%;
}
.ybs .ct-minor-third:after {
  content: "";
  display: table;
  clear: both;
}
.ybs .ct-minor-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ybs .ct-major-third {
  display: block;
  position: relative;
  width: 100%;
}
.ybs .ct-major-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 80%;
}
.ybs .ct-major-third:after {
  content: "";
  display: table;
  clear: both;
}
.ybs .ct-major-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ybs .ct-perfect-fourth {
  display: block;
  position: relative;
  width: 100%;
}
.ybs .ct-perfect-fourth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 75%;
}
.ybs .ct-perfect-fourth:after {
  content: "";
  display: table;
  clear: both;
}
.ybs .ct-perfect-fourth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ybs .ct-perfect-fifth {
  display: block;
  position: relative;
  width: 100%;
}
.ybs .ct-perfect-fifth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 66.6666666667%;
}
.ybs .ct-perfect-fifth:after {
  content: "";
  display: table;
  clear: both;
}
.ybs .ct-perfect-fifth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ybs .ct-minor-sixth {
  display: block;
  position: relative;
  width: 100%;
}
.ybs .ct-minor-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 62.5%;
}
.ybs .ct-minor-sixth:after {
  content: "";
  display: table;
  clear: both;
}
.ybs .ct-minor-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ybs .ct-golden-section {
  display: block;
  position: relative;
  width: 100%;
}
.ybs .ct-golden-section:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 61.804697157%;
}
.ybs .ct-golden-section:after {
  content: "";
  display: table;
  clear: both;
}
.ybs .ct-golden-section > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ybs .ct-major-sixth {
  display: block;
  position: relative;
  width: 100%;
}
.ybs .ct-major-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 60%;
}
.ybs .ct-major-sixth:after {
  content: "";
  display: table;
  clear: both;
}
.ybs .ct-major-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ybs .ct-minor-seventh {
  display: block;
  position: relative;
  width: 100%;
}
.ybs .ct-minor-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 56.25%;
}
.ybs .ct-minor-seventh:after {
  content: "";
  display: table;
  clear: both;
}
.ybs .ct-minor-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ybs .ct-major-seventh {
  display: block;
  position: relative;
  width: 100%;
}
.ybs .ct-major-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 53.3333333333%;
}
.ybs .ct-major-seventh:after {
  content: "";
  display: table;
  clear: both;
}
.ybs .ct-major-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ybs .ct-octave {
  display: block;
  position: relative;
  width: 100%;
}
.ybs .ct-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 50%;
}
.ybs .ct-octave:after {
  content: "";
  display: table;
  clear: both;
}
.ybs .ct-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ybs .ct-major-tenth {
  display: block;
  position: relative;
  width: 100%;
}
.ybs .ct-major-tenth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 40%;
}
.ybs .ct-major-tenth:after {
  content: "";
  display: table;
  clear: both;
}
.ybs .ct-major-tenth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ybs .ct-major-eleventh {
  display: block;
  position: relative;
  width: 100%;
}
.ybs .ct-major-eleventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 37.5%;
}
.ybs .ct-major-eleventh:after {
  content: "";
  display: table;
  clear: both;
}
.ybs .ct-major-eleventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ybs .ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%;
}
.ybs .ct-major-twelfth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 33.3333333333%;
}
.ybs .ct-major-twelfth:after {
  content: "";
  display: table;
  clear: both;
}
.ybs .ct-major-twelfth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ybs .ct-double-octave {
  display: block;
  position: relative;
  width: 100%;
}
.ybs .ct-double-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 25%;
}
.ybs .ct-double-octave:after {
  content: "";
  display: table;
  clear: both;
}
.ybs .ct-double-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ybs .ct-area,
.ybs .ct-line {
  pointer-events: none;
}
.ybs .ct-label.ct-horizontal.ct-end {
  line-height: 1.6;
  overflow: visible;
}
.ybs .ct-bar {
  stroke-width: 30;
}
.ybs .ct-series-a .ct-bar,
.ybs .ct-series-b .ct-bar {
  stroke-width: 30;
}
.ybs .ct-hide-legend .ct-legend {
  display: none;
}
.ybs .ct-axis-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.91em !important;
  font-weight: bold;
  fill: #666;
}
.ybs .ct-series-a .ct-slice-donut,
.ybs .ct-series-a .ct-slice-pie,
.ybs .ct-series-a .ct-point,
.ybs .ct-series-a .ct-bar,
.ybs .ct-series-a .ct-line {
  stroke: var(--color-primary);
}
.ybs .ct-series-a .ct-slice-pie {
  fill: var(--color-primary);
}
.ybs .ct-legend .ct-series-0:before {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.ybs figure.graph ul.ct-legend > li[data-legend][data-legend]:before {
  background-image: none;
}
.ybs .ct-series-b .ct-slice-donut,
.ybs .ct-series-b .ct-slice-pie,
.ybs .ct-series-b .ct-point,
.ybs .ct-series-b .ct-bar,
.ybs .ct-series-b .ct-line {
  stroke: var(--color-secondary);
}
.ybs .ct-series-b .ct-slice-pie {
  fill: var(--color-secondary);
}
.ybs .ct-legend .ct-series-1:before {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}
.ybs .ct-series-c .ct-slice-donut,
.ybs .ct-series-c .ct-slice-pie,
.ybs .ct-series-c .ct-point,
.ybs .ct-series-c .ct-bar,
.ybs .ct-series-c .ct-line {
  stroke: var(--chart-series-4);
}
.ybs .ct-series-c .ct-slice-pie {
  fill: var(--chart-series-4);
}
.ybs .ct-legend .ct-series-2:before {
  background-color: var(--chart-series-4);
  border-color: var(--chart-series-4);
}
.ybs .ct-series-d .ct-slice-donut,
.ybs .ct-series-d .ct-slice-pie,
.ybs .ct-series-d .ct-point,
.ybs .ct-series-d .ct-bar,
.ybs .ct-series-d .ct-line {
  stroke: var(--chart-series-3);
}
.ybs .ct-series-d .ct-slice-pie {
  fill: var(--chart-series-3);
}
.ybs .ct-legend .ct-series-3:before {
  background-color: var(--chart-series-3);
  border-color: var(--chart-series-3);
}
.ybs .ct-legend {
  position: relative;
  z-index: 10;
  list-style: none;
  text-align: center;
}
.ybs .ct-legend li {
  position: relative;
  margin-right: 1.5em;
  margin-left: 1.5em;
  margin-bottom: 0;
  cursor: pointer;
  display: inline-block;
}
.ybs .ct-legend li:before {
  border: 3px solid transparent;
  border-radius: 2px;
  background-image: none;
}
.ybs .ct-legend li.inactive:before {
  background: transparent;
}
.ybs .ct-legend.ct-legend-inside {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1em;
  background-color: #fff;
  border: solid 2px #eee;
  text-align: left;
  border-radius: 3px;
}
.ybs .ct-legend.ct-legend-inside li {
  display: block;
  margin: 0;
  padding: 0 1.5em;
}
.ybs .ct-bar {
  stroke-width: 45px;
}
.ybs .ct-legend li:before,
.ybs ul:not(.ct-legend):not(.no-bullets):not(.accordion) > li:not(.no-bullet):not(.accordion-item):not(.list-tick-item):before {
  content: "";
  position: absolute;
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
  margin-top: 0.28em;
  margin-left: -1.5em;
}

.nav-open {
  overflow-y: hidden;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.ybs #commercial-navigation .nav-list li:before {
  content: none;
}
.ybs #commercial-navigation .nav-list > li {
  margin-bottom: 0;
  padding-left: 0;
  width: 100%;
}
@media screen and (min-width: 64.063rem) {
  .ybs #commercial-navigation .nav-list > li {
    width: auto;
  }
}
.ybs #commercial-navigation .nav-list > li svg {
  color: var(--color-secondary);
  width: 1rem;
}
.ybs #commercial-navigation .submenu li {
  padding-left: 0;
  margin-bottom: 0;
}
.ybs .commercial-header {
  align-items: center;
  background-color: var(--color-grey-50);
  display: flex;
  flex-wrap: wrap;
  min-height: 6.25rem;
  padding-left: 4vw;
}
.ybs .commercial-header a img {
  transform: translateX(0);
  width: 14.6rem;
}
.ybs .commercial-header .portlet {
  margin-bottom: 0;
}
.ybs .commercial-header.fixed-header {
  animation: slideDown 0.7s;
  position: fixed;
  width: 100%;
  z-index: 99;
  top: 0;
}
.ybs .commercial-header.fixed-header .breadcrumb-icon {
  top: 1.5rem;
}
@media screen and (max-width: 48rem) {
  .nav-open .ybs .commercial-header a img {
    transition: transform 0.7s;
    transform: translateX(-21.875rem);
  }
}
.ybs .commercial-nav-new .breadcrumb-icon {
  border: 0;
  background: transparent;
  cursor: pointer;
  color: var(--color-primary);
  font-size: 2rem;
  position: fixed;
  right: 0.5rem;
  top: 5.5rem;
  transition: right 0.7s;
}
.ybs .commercial-nav-new .navigation-bar {
  background: var(--color-grey-300);
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateX(20.625rem);
  transition: transform 0.7s;
  width: 19.375rem;
  z-index: 99;
}
.ybs .commercial-nav-new .hamburger-icon,
.ybs .commercial-nav-new .close-icon {
  position: relative;
  display: block;
}
.ybs .commercial-nav-new .close-icon {
  display: none;
}
.nav-open .ybs .commercial-nav-new .navigation-bar {
  transform: translateX(0);
  overflow-y: scroll;
}
@media screen and (min-width: 64.063rem) {
  .nav-open .ybs .commercial-nav-new .navigation-bar {
    overflow-y: visible;
  }
}
.nav-open .ybs .commercial-nav-new .close-icon {
  display: block;
}
.nav-open .ybs .commercial-nav-new .hamburger-icon {
  display: none;
}
.nav-open .ybs .commercial-nav-new .breadcrumb-icon {
  right: 20rem;
  transition: right 0.7s;
}
.ybs .commercial-nav-new .nav-list {
  padding-left: 0;
  list-style: none;
}
.ybs .commercial-nav-new .nav-list a {
  color: var(--color-primary);
  display: block;
  text-decoration: none;
}
.ybs .commercial-nav-new .nav-list > li > a {
  font-size: 1.063rem;
  font-weight: bold;
}
.ybs .commercial-nav-new .nav-list > li a {
  padding: 0.938rem 0.938rem 0.938rem 2.188rem;
  border-bottom: 1px solid var(--color-grey-500);
}
.ybs .commercial-nav-new .nav-list > li svg {
  float: right;
}
.ybs .commercial-nav-new .nav-list > li:hover .submenu {
  display: block;
}
.ybs .commercial-nav-new .nav-list > li.active > a {
  background-color: var(--color-grey-50);
}
.ybs .commercial-nav-new .nav-list > li.active svg {
  transform: rotate(180deg);
}
.ybs .commercial-nav-new .submenu {
  display: none;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.ybs .commercial-nav-new .submenu li {
  background-color: var(--color-grey-300);
}
.ybs .commercial-nav-new .submenu li a {
  display: block;
  font-size: 0.938rem;
  padding-left: 3.125rem;
}
.ybs .commercial-nav-new .submenu li a:hover, .ybs .commercial-nav-new .submenu li a:focus {
  background-color: var(--color-grey-50);
}
.ybs .commercial-nav-new .login {
  display: flex;
  justify-content: space-evenly;
  margin-top: 7.5rem;
}
.ybs .commercial-nav-new .login a {
  border-radius: 0.25rem;
  box-sizing: border-box;
  font-size: 1rem;
  text-align: center;
  padding: 0.938rem;
  text-decoration: none;
  width: 43%;
}
.ybs .commercial-nav-new .login a:first-child {
  background-color: var(--color-grey-50);
  color: var(--color-primary);
}
.ybs .commercial-nav-new .login a:last-child {
  background-color: var(--color-primary);
  color: var(--color-grey-50);
}
.ybs .commercial-nav-new .mobile-logo-container {
  align-items: center;
  border-bottom: 0.063rem solid var(--color-grey-500);
  display: flex;
  height: 6.25rem;
  justify-content: center;
}
.ybs .commercial-nav-new .mobile-logo-container img {
  max-width: 80%;
}
@media screen and (min-width: 64.063rem) {
  .ybs .commercial-nav-new {
    padding-left: 3.4vw;
  }
  .ybs .commercial-nav-new .main-header {
    align-items: center;
    display: flex;
    height: 6rem;
    margin: 0 auto;
    width: 90%;
  }
  .ybs .commercial-nav-new .breadcrumb-icon {
    display: none;
  }
  .ybs .commercial-nav-new .navigation-bar {
    background-color: transparent;
    height: auto;
    position: relative;
    transform: translateX(0);
    width: 100%;
    transition: none;
  }
  .ybs .commercial-nav-new .nav-list {
    display: inline;
  }
  .ybs .commercial-nav-new .nav-list a {
    display: inline;
  }
  .ybs .commercial-nav-new .nav-list > li {
    border-bottom: none;
    position: relative;
  }
  .ybs .commercial-nav-new .nav-list > li:hover svg {
    transform: rotate(180deg);
  }
  .ybs .commercial-nav-new .nav-list > li svg {
    float: none;
  }
  .ybs .commercial-nav-new .nav-list > li a {
    border-bottom: 0;
    padding: 0.938rem 0.938rem 0.938rem 1.563rem;
  }
  .ybs .commercial-nav-new .nav-list > li > a {
    padding: 0 0.625rem;
  }
  .ybs .commercial-nav-new .nav-list > li:first-child > a {
    padding-left: 0;
  }
  .ybs .commercial-nav-new .nav-list > li:last-child > a {
    padding-right: 0;
  }
  .ybs .commercial-nav-new .submenu {
    left: 50%;
    position: absolute;
    padding-top: 2.313rem;
    transform: translateX(-50%);
    width: 15.938rem;
  }
  .ybs .commercial-nav-new .submenu:before {
    border-left: 0.625rem solid transparent;
    border-right: 0.625rem solid transparent;
    border-bottom: 0.625rem solid var(--color-grey-300);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 1.688rem;
    transform: translateX(-50%);
    width: 0;
  }
  .ybs .commercial-nav-new .submenu li {
    border-bottom: 0.125rem solid var(--color-grey-500);
  }
  .ybs .commercial-nav-new .submenu li:last-child {
    border-bottom: 0;
  }
  .ybs .commercial-nav-new .submenu li a {
    padding: 0.938rem 1.125rem;
  }
  .ybs .commercial-nav-new .login,
  .ybs .commercial-nav-new .mobile-logo-container {
    display: none;
  }
}
.ybs .nav-login-container .portlet {
  margin-bottom: 0;
}
.ybs .nav-login-container .portlet-decorate .portlet-content {
  border-style: none;
}
.ybs .nav-login-bar {
  font-size: 1rem;
  height: 3.813rem;
  border-bottom: 1px solid var(--color-grey-500);
}
.ybs .nav-login-bar a {
  text-decoration: none;
}
.ybs .nav-login-bar a:focus-visible {
  z-index: 99;
}
.ybs .nav-login-bar .site-links {
  display: flex;
  height: 100%;
}
.ybs .nav-login-bar .site-links a {
  background-color: var(--color-grey-50);
  color: var(--color-grey-900);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
}
.ybs .nav-login-bar .site-links a.active {
  background-color: var(--breadcrumb-item-link);
  color: var(--color-grey-50);
}
.ybs .nav-login-bar .site-action-links {
  display: none;
}
@media screen and (min-width: 48rem) {
  .ybs .nav-login-bar {
    display: flex;
    justify-content: space-between;
  }
  .ybs .nav-login-bar .site-links a {
    width: 15.625rem;
  }
  .ybs .nav-login-bar .site-action-links {
    display: flex;
  }
  .ybs .nav-login-bar .site-action-links a {
    width: 7.563rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-grey-900);
    border-left: 1px solid var(--color-grey-900);
  }
  .ybs .nav-login-bar .site-action-links svg {
    width: 1.125rem;
    height: 1.125rem;
    vertical-align: sub;
    margin-right: 0.188rem;
  }
}
@media screen and (min-width: 64rem) {
  .ybs .nav-login-bar {
    margin: 0 auto;
  }
  .ybs .nav-login-bar .site-links a {
    width: 17.563rem;
  }
}

.ybs .anchor-margin {
  margin-top: -9rem;
}
.ybs .spacer-margin {
  margin-bottom: 8rem !important;
}

.ybs .footer {
  position: relative;
  background: #fff;
  background-image: -moz-radial-gradient(circle closest-side at 50% 95%, #f1f0f2 -620%, #cccacf 3300%);
  background-image: -o-radial-gradient(circle closest-side at 50% 95%, #f1f0f2 -620%, #cccacf 3300%);
  background-image: -webkit-radial-gradient(circle closest-side at 50% 95%, #f1f0f2 -620%, #cccacf 3300%);
  background-image: radial-gradient(circle closest-side at 50% 95%, #f1f0f2 -620%, #cccacf 3300%);
}
.ybs .footer .container, .ybs .footer .main-header__group, .ybs .footer .saving-tips .saving-tips__breadcrumb, .ybs .saving-tips .footer .saving-tips__breadcrumb {
  position: relative;
}
.ybs .footer.footer--squircles::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("/o/ybs-theme/images/squircles-footer.png");
  background-size: 100% auto;
  top: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: bottom center;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
  filter: FlipH;
}
.ybs .footer .list-none,
.ybs .footer .list-none > ul {
  padding-left: 0;
}
.ybs .footer .list-none li,
.ybs .footer .list-none > ul li {
  margin-left: 0.125em;
  margin-bottom: 0.3rem;
  font-size: 0.99rem;
}
.ybs .footer .list-none li i,
.ybs .footer .list-none li svg,
.ybs .footer .list-none > ul li i,
.ybs .footer .list-none > ul li svg {
  margin-right: 0.4rem;
}
.ybs .footer .big-icon i,
.ybs .footer .big-icon svg {
  font-size: 1.6rem;
}
.ybs .footer .list-bullets li {
  margin-bottom: 0.3rem;
  padding-left: 1.9rem;
}
.ybs .footer .ct-legend li:before,
.ybs .footer ul:not(.ct-legend):not(.no-bullets):not(.accordion) > li:not(.no-bullet):not(.accordion-item):before {
  margin-top: 0.15em;
  margin-left: -1.6em;
}
.ybs .footer .search {
  overflow: inherit;
}
.ybs .footer .search .search-box,
.ybs .footer .search .search-box input {
  width: 100%;
}
@media screen and (max-width: 576px) {
  .ybs .footer .footer__links.list-bullets {
    width: 50%;
    float: left;
    margin-bottom: -1rem;
  }
}
.ybs .footer .footer__links.list-none.align-left li {
  display: flex;
  grid-gap: 0.95rem;
  margin-top: 0.15rem;
}
.ybs .footer .footer__links.list-none.align-left li svg {
  margin-right: 0;
  margin-top: 0.1rem;
}
.ybs .footer__title {
  color: #777777;
  font-family: var(--font-family-bold);
  font-size: 1.61rem;
  font-weight: 400;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .ybs .footer__title {
    font-size: 1.46rem;
  }
}
@media screen and (max-width: 600px) {
  .ybs .footer__title {
    font-size: 1.3rem;
  }
}
.ybs .footer a {
  color: #666666;
  text-decoration: none;
}
.ybs .footer__img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.ybs .footer__img img {
  max-width: 100%;
  height: 2.524em;
}
.ybs .footer__commercial-contact-information-items {
  margin-top: 1em;
  font-size: 0.953em;
  letter-spacing: -0.02em;
}
.ybs .footer__commercial-contact-information-items p,
.ybs .footer__commercial-contact-information-items a {
  color: #fff;
  line-height: 1.9em;
}
.ybs .footer__commercial-contact-information-items p[href^="mailto:"],
.ybs .footer__commercial-contact-information-items a[href^="mailto:"] {
  font-weight: normal;
}
.ybs .footer__commercial-contact-information-items p:not([href]),
.ybs .footer__commercial-contact-information-items a:not([href]) {
  text-decoration: none;
  cursor: default;
}
.ybs .footer__links li i {
  color: var(--color-secondary);
}
.ybs .footer__links li p,
.ybs .footer__links li a {
  font-family: var(--font-family-light);
  font-size: 0.99rem;
  font-weight: bold;
  color: var(--link-grey);
}
@media screen and (max-width: 768px) {
  .ybs .footer__links li p,
  .ybs .footer__links li a {
    font-size: 0.89rem;
  }
}
.ybs .footer.commercial-footer {
  background-color: var(--deep-grey);
  width: 100%;
  background-image: url("/o/ybs-theme/images/commercial-footer.png");
  background-size: 100% auto;
}
@media (min-width: 1024px) {
  .ybs .footer.commercial-footer .products__list {
    padding-left: 0px;
  }
}
.ybs .footer.commercial-footer__img img {
  height: 2.5em;
  width: auto;
}
@media screen and (max-width: 992px) {
  .ybs .footer.commercial-footer__img img {
    height: 2.5em;
    width: auto;
  }
}
@media screen and (max-width: 576px) {
  .ybs .footer.commercial-footer__img img {
    height: 1.7em;
    width: auto;
  }
}
.ybs .footer.commercial-footer .footer__title {
  margin-bottom: 1.4rem;
  color: #fff;
}
.ybs .footer.commercial-footer .footer__links li a {
  font-family: var(--font-family-base);
  color: #fff;
}
.ybs .footer.commercial-footer .footer__links li svg {
  width: 2.5rem;
}
.ybs .footer.commercial-footer .footer__navigation {
  margin-bottom: -24px;
}
.ybs .footer.commercial-footer .footer__navigation .footer__links li a {
  font-family: var(--font-family-light);
}
.ybs .footer.commercial-footer .social-icons a {
  color: #fff;
}
.ybs .footer__navigation .footer__links li a {
  display: inline-block;
  font-size: 0.91rem;
  text-decoration: underline;
}
.ybs .footer__navigation ul li {
  display: inline !important;
}
.ybs .footer__navigation ul li .divider {
  margin: 0rem 0.6rem;
}
.ybs .footer__navigation ul li a :not(.panel) {
  font-size: 0.92rem;
  text-decoration: underline;
  color: #777777;
}
.ybs .footer__tweet > ul > li p {
  letter-spacing: -0.0178875rem;
  font-size: 0.95rem;
  line-height: 1.47rem;
  margin-left: 1.4rem;
  margin-bottom: 0.175rem;
  color: #666666;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .ybs .footer__tweet > ul > li p {
    font-size: 0.9rem;
    word-break: break-word;
  }
}
.ybs .footer__tweet > ul > li p:last-child {
  font-size: 0.8rem;
  font-family: var(--font-family-bold);
  margin-left: 2.53rem;
}
@media screen and (max-width: 768px) {
  .ybs .footer__tweet > ul > li p:last-child {
    font-size: 0.7rem;
  }
}
.ybs .footer__tweet > ul > li p:last-child::before {
  content: "";
  position: absolute;
  height: 1.1rem !important;
  width: 0.8rem !important;
  margin-left: -1.1rem;
  margin-top: 0.15rem;
  padding-right: 0.4rem;
  background: transparent url("/o/ybs-theme/images/icons/time.png") center center no-repeat !important;
}
.ybs .footer__tweet > ul > li p:last-child a::after {
  content: "";
  position: absolute;
  height: 1.4rem;
  width: 1rem;
  background: transparent url("/o/ybs-theme/images/icons/external_link.png") center center no-repeat !important;
}
.ybs .footer__tweet > ul > li::before {
  background: transparent url("/o/ybs-theme/images/icons/twitter-ybs.png") center center no-repeat !important;
  position: absolute;
  width: 1.4rem !important;
  content: "";
  margin-left: -0.275rem !important;
}
.ybs .footer .legal-information__title,
.ybs .footer .legal-information strong,
.ybs .footer .legal-information p {
  font-size: 0.93rem;
  line-height: 1.5rem;
  margin-bottom: 0.93rem;
  color: var(--details-highlight-restriction);
}
.ybs .footer .legal-information__title {
  margin-top: 1rem;
}
.ybs .footer .legal-information__title strong {
  font-family: var(--font-family-base);
}
.ybs .footer .legal-information p {
  font-family: var(--font-family-light);
  font-weight: bold;
}
.ybs .footer .legal-information a {
  color: var(--color-secondary);
}
.ybs .footer .cookie-policy > p {
  color: #777777;
  font-size: 0.73rem;
  line-height: 1.6;
}
.ybs .footer .panel {
  display: flex;
  align-items: center;
  height: 4.2rem;
  background-color: var(--color-primary);
}
.ybs .footer .panel ul {
  margin: 0;
  padding-left: 1.9rem;
}
.ybs .footer .panel a,
.ybs .footer .panel span {
  font-size: 0.92rem;
  text-decoration: none;
  color: #fff !important;
}
.ybs .footer .panel a:hover {
  text-decoration: underline;
}
.ybs .footer .social-icons {
  display: flex;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  margin-top: 1rem;
  margin-bottom: 2.5rem;
}
.ybs .footer .commercial-legal-container {
  background-color: var(--gray-5);
}
@media (min-width: 1024px) {
  .ybs .footer .commercial-legal-container .container, .ybs .footer .commercial-legal-container .main-header__group, .ybs .footer .commercial-legal-container .saving-tips .saving-tips__breadcrumb, .ybs .saving-tips .footer .commercial-legal-container .saving-tips__breadcrumb {
    padding-left: 22px;
  }
}
.ybs.cbs .footer .panel {
  height: auto;
}
.ybs.cbs .footer__navigation .footer__links {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}
@media screen and (max-width: 768px) {
  .ybs.cbs .footer__navigation .footer__links {
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .ybs.cbs .footer__navigation .footer__links li {
    display: block !important;
  }
  .ybs.cbs .footer__navigation .footer__links li .divider {
    display: none;
  }
}
.ybs.cbs .footer__navigation .footer__links li a {
  font-size: 0.8rem;
  text-decoration: none;
}

.ybs .guide-card {
  border-radius: 0.5rem;
  box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease-in-out;
  background-color: var(--color-grey-50);
  margin-bottom: 1rem;
}
.ybs .guide-card__link {
  text-decoration: none !important;
}
.ybs .guide-card__link:hover {
  transform: scale(1.02);
}
.ybs .guide-card__link:focus-visible h4 {
  outline: solid 0.2rem var(--element-outline);
  border-radius: 0.2em;
}
.ybs .guide-card__short {
  background-color: var(--color-grey-50);
  overflow: hidden;
  position: relative;
  border-radius: 0.5rem;
  height: auto;
  transition: all 0.2s ease-in-out;
}
.ybs .guide-card__short:hover {
  transform: scale(1.02);
}
.ybs .guide-card__short .guide-card__box-content {
  min-height: 9.5rem;
}
.ybs .guide-card__img {
  display: block;
  height: 100%;
  position: relative;
}
.ybs .guide-card__img picture {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.ybs .guide-card__img picture::after {
  content: "";
  display: block;
  margin-right: 0;
  margin-top: 0;
  position: absolute;
  right: 0;
  z-index: 2;
  bottom: 0;
  height: 5px;
  top: auto;
  width: 100%;
}
.ybs .guide-card__img .home-owners {
  height: 100%;
}
.ybs .guide-card__img .home-owners picture::after {
  background-color: var(--article-home-owners-title);
}
.ybs .guide-card__img .home-buyers {
  height: 100%;
}
.ybs .guide-card__img .home-buyers picture::after {
  background-color: var(--article-home-buyers-title);
}
.ybs .guide-card__img .my-money {
  height: 100%;
}
.ybs .guide-card__img .my-money picture::after {
  background-color: var(--article-my-money-title);
}
.ybs .guide-card__img .life-moments {
  height: 100%;
}
.ybs .guide-card__img .life-moments picture::after {
  background-color: var(--article-life-moments-title);
}
.ybs .guide-card__img .our-money-movement {
  height: 100%;
}
.ybs .guide-card__img .our-money-movement picture::after {
  background-color: var(--color-secondary);
}
.ybs .guide-card__img img {
  width: 100%;
}
.ybs .guide-card__box-content {
  background-color: var(--color-grey-50);
  padding: 1.9rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  overflow: hidden;
  position: relative;
}
@media (max-width: 640px) {
  .ybs .guide-card__box-content {
    min-height: 9.5rem;
  }
}
.ybs .guide-card__box-content .home-owners-style, .ybs .guide-card__box-content .category__life-moments i.fa-homeowners, .ybs .guide-card__box-content .category__our-money-movement i.fa-homeowners, .ybs .guide-card__box-content .category__my-money i.fa-homeowners, .ybs .guide-card__box-content .category__home-buyers i.fa-homeowners, .ybs .guide-card__box-content .category__home-owners i.fa-homeowners {
  height: 1.06rem;
  margin: 0.3rem 0.2rem 0 0;
  width: 1.06rem;
}
.ybs .guide-card__box-content .category__home-owners {
  align-items: center;
  display: flex;
  color: var(--text-small);
  font-size: 0.95rem;
  line-height: 1.5rem;
}
.ybs .guide-card__box-content .category__home-owners svg {
  font-size: 1.2rem;
  margin-right: 0.25rem;
  color: var(--article-home-owners-title);
}
.ybs .guide-card__box-content .category__home-owners svg.fa-user {
  font-size: 0.95rem;
}
.ybs .guide-card__box-content .category__home-owners svg.fa-user path {
  stroke: var(--article-home-owners-title);
  stroke-width: 1.5rem;
}
.ybs .guide-card__box-content .category__home-buyers {
  align-items: center;
  display: flex;
  color: var(--text-small);
  font-size: 0.95rem;
  line-height: 1.5rem;
}
.ybs .guide-card__box-content .category__home-buyers svg {
  font-size: 1.2rem;
  margin-right: 0.25rem;
  color: var(--article-home-buyers-title);
}
.ybs .guide-card__box-content .category__home-buyers svg.fa-user {
  font-size: 0.95rem;
}
.ybs .guide-card__box-content .category__home-buyers svg.fa-user path {
  stroke: var(--article-home-buyers-title);
  stroke-width: 1.5rem;
}
.ybs .guide-card__box-content .category__my-money {
  align-items: center;
  display: flex;
  color: var(--text-small);
  font-size: 0.95rem;
  line-height: 1.5rem;
}
.ybs .guide-card__box-content .category__my-money svg {
  font-size: 1.2rem;
  margin-right: 0.25rem;
  color: var(--article-my-money-title);
}
.ybs .guide-card__box-content .category__my-money svg.fa-user {
  font-size: 0.95rem;
}
.ybs .guide-card__box-content .category__my-money svg.fa-user path {
  stroke: var(--article-my-money-title);
  stroke-width: 1.5rem;
}
.ybs .guide-card__box-content .category__life-moments, .ybs .guide-card__box-content .category__our-money-movement {
  align-items: center;
  display: flex;
  color: var(--text-small);
  font-size: 0.95rem;
  line-height: 1.5rem;
}
.ybs .guide-card__box-content .category__life-moments svg, .ybs .guide-card__box-content .category__our-money-movement svg {
  font-size: 1.2rem;
  margin-right: 0.25rem;
  color: var(--article-life-moments-title);
}
.ybs .guide-card__box-content .category__life-moments svg.fa-user, .ybs .guide-card__box-content .category__our-money-movement svg.fa-user {
  font-size: 0.95rem;
}
.ybs .guide-card__box-content .category__life-moments svg.fa-user path, .ybs .guide-card__box-content .category__our-money-movement svg.fa-user path {
  stroke: var(--article-life-moments-title);
  stroke-width: 1.5rem;
}
.ybs .guide-card__box-content .title {
  font-family: var(--font-family-bold);
  font-size: 1.1rem;
  line-height: 1.53rem;
  position: relative;
  word-break: break-word;
}
.ybs .guide-card__box-content .title__home-owners {
  color: var(--article-home-owners-title);
}
.ybs .guide-card__box-content .title__home-buyers {
  color: var(--article-home-buyers-title);
}
.ybs .guide-card__box-content .title__my-money {
  color: var(--article-my-money-title);
}
.ybs .guide-card__box-content .title__life-moments, .ybs .guide-card__box-content .title__our-money-movement {
  color: var(--article-life-moments-title);
}
@media (max-width: 640px) {
  .ybs .guide-card__box-content .title {
    font-size: 1.06rem;
    line-height: 1.33rem;
  }
}
.ybs .guide-card__box-content .title::after {
  background: linear-gradient(to right, transparent, var(--white) 40%);
  background: -webkit-gradient(to right, transparent, var(--white) 40%);
  bottom: 0;
  content: "";
  height: 1.5rem;
  position: absolute;
  right: 0px;
  width: 80%;
}
.ybs .guide-card__box-content .description {
  color: var(--color-grey-900);
  font-size: 0.95rem;
  font-weight: 18.75rem;
  line-height: 1.6rem;
  overflow: hidden;
  text-overflow: clip;
}
@media (max-width: 640px) {
  .ybs .guide-card__box-content .description {
    display: none;
  }
}
@media (min-width: 640px) {
  .ybs .guide-card__box-content .description {
    font-size: 0.89rem;
    line-height: 1.4rem;
  }
}
@media (max-width: 1024px) {
  .ybs .guide-card__box-content .description p {
    font-size: 0.89rem;
    line-height: 1.4rem;
  }
}
@media (min-width: 1024px) {
  .ybs .guide-card__box-content .description p {
    font-size: 0.99rem;
    line-height: 1.59rem;
  }
  .ybs .guide-card__box-content .description p:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 63%;
    height: 1.5rem;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%);
  }
}
.ybs .guide-card:hover {
  transform: scale(1.02);
}

@media (max-width: 699px) {
  .ybs.cbs .main-header .main-header__group__secondary,
  .ybs.cbs .main-header.main-header--fixed .main-header__group__secondary {
    width: 13.5rem;
  }
}
.ybs.cbs .main-header .main-header__group__navigation--secondary #secondary-navigation .secondary-navigation,
.ybs.cbs .main-header.main-header--fixed .main-header__group__navigation--secondary #secondary-navigation .secondary-navigation {
  align-items: start;
}
@media (min-width: 1780px) {
  .ybs.cbs .main-header .main-header__group__navigation--secondary #secondary-navigation .secondary-navigation,
  .ybs.cbs .main-header.main-header--fixed .main-header__group__navigation--secondary #secondary-navigation .secondary-navigation {
    align-items: center;
  }
}
.ybs.cbs .main-header .main-header__group__navigation--secondary #secondary-navigation .secondary-navigation__link:last-of-type, .ybs.cbs .main-header .main-header__group__navigation--secondary #secondary-navigation .secondary-navigation__link:first-of-type,
.ybs.cbs .main-header.main-header--fixed .main-header__group__navigation--secondary #secondary-navigation .secondary-navigation__link:last-of-type,
.ybs.cbs .main-header.main-header--fixed .main-header__group__navigation--secondary #secondary-navigation .secondary-navigation__link:first-of-type {
  display: inline-flex;
}
.ybs.nandp .main-header .main-header__group__navigation--secondary,
.ybs.nandp .main-header.main-header--fixed .main-header__group__navigation--secondary {
  display: flex;
  justify-content: flex-end;
  position: initial;
}
.ybs.nandp .main-header .main-header__group__navigation--secondary #secondary-navigation .secondary-navigation__link:last-of-type,
.ybs.nandp .main-header .main-header__group__navigation--secondary #secondary-navigation .secondary-navigation__link:first-of-type,
.ybs.nandp .main-header.main-header--fixed .main-header__group__navigation--secondary #secondary-navigation .secondary-navigation__link:last-of-type,
.ybs.nandp .main-header.main-header--fixed .main-header__group__navigation--secondary #secondary-navigation .secondary-navigation__link:first-of-type {
  display: inline-flex;
}
@media (max-width: 699px) {
  .ybs.nandp .main-header {
    height: 5.2rem;
  }
}
.ybs .main-header {
  background: #fff;
  box-shadow: 0px 3px 0 0px rgba(0, 40, 92, 0.04);
  left: 0;
  position: relative;
  width: 100%;
  will-change: contents;
  z-index: 20;
}
@keyframes headerfixed {
  from {
    opacity: 0;
    margin-top: -4rem;
  }
  to {
    opacity: 1;
    margin-top: 0;
  }
}
@media (max-width: 899px) {
  .ybs .main-header {
    padding: 0.8rem 1.4rem 0.8rem 1.4rem;
  }
}
.ybs .main-header a {
  text-decoration: none;
}
.ybs .main-header__group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  justify-content: space-between;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.ybs .main-header__group__logo {
  align-items: center;
  display: flex;
  height: 3rem;
  overflow: hidden;
  width: 2.1rem;
  display: block;
}
.ybs .main-header__group__logo img {
  display: block;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  width: 11.2rem;
}
@media (min-width: 350px) {
  .ybs .main-header__group__logo img {
    width: 14rem;
  }
}
@media (min-width: 700px) {
  .ybs .main-header__group__logo img {
    width: 100%;
  }
}
@media (max-width: 349px) {
  .ybs .main-header__group__logo {
    margin: 0.45rem 0 0.3rem 0;
  }
}
@media (min-width: 350px) {
  .ybs .main-header__group__logo {
    margin: 0.7rem 0 0.3rem -0.6rem;
    width: 2.6rem;
  }
}
@media (min-width: 700px) {
  .ybs .main-header__group__logo {
    margin-top: 0;
  }
}
@media (min-width: 481px) {
  .ybs .main-header__group__logo {
    width: 14rem;
  }
}
@media (min-width: 1024px) {
  .ybs .main-header__group__logo {
    width: 17rem;
    height: auto;
    margin: 0;
  }
}
.ybs .main-header__group__navigation {
  height: auto;
}
.ybs .main-header__group__navigation #mobile-menu-icon {
  display: none;
}
@media (max-width: 699px) {
  .ybs .main-header__group__navigation #mobile-menu-icon {
    display: inline-block !important;
  }
}
.ybs .main-header__group__navigation--secondary {
  align-items: flex-start;
  display: flex;
  height: 3.5rem;
  justify-content: flex-start;
}
@media (min-width: 640px) {
  .ybs .main-header__group__navigation--secondary {
    justify-content: flex-end;
  }
}
@media (min-width: 900px) and (max-width: 1179px) {
  .ybs .main-header__group__navigation--secondary {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
  }
}
@media (min-width: 1180px) {
  .ybs .main-header__group__navigation--secondary {
    height: 2rem;
  }
}
.ybs .main-header__group__navigation--secondary .secondary-navigation {
  display: flex;
  gap: 0.5rem;
}
@media (min-width: 901px) {
  .ybs .main-header__group__navigation--secondary .secondary-navigation {
    gap: 0.8rem;
  }
}
.ybs .main-header__group__navigation--secondary .secondary-navigation__link:last-of-type {
  display: none;
}
@media (min-width: 700px) {
  .ybs .main-header__group__navigation--secondary .secondary-navigation__link:last-of-type {
    display: inline-flex;
  }
}
.ybs .main-header__group__navigation--secondary .secondary-navigation a {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
  font-family: var(--font-family-base);
}
.ybs .main-header__group__navigation--secondary .secondary-navigation a svg {
  color: var(--color-secondary);
  height: 1.2rem;
  width: 1.2rem;
}
@media (min-width: 900px) {
  .ybs .main-header__group__navigation--secondary .secondary-navigation a svg {
    height: 0.85rem;
    margin-right: 0.2rem;
    width: 0.85rem;
  }
}
@media (min-width: 1568px) {
  .ybs .main-header__group__navigation--secondary .secondary-navigation a svg {
    height: 1rem;
    width: 1rem;
  }
}
.ybs .main-header__group__navigation--secondary .secondary-navigation a strong {
  color: var(--details-highlight-restriction);
}
@media (min-width: 900px) {
  .ybs .main-header__group__navigation--secondary .secondary-navigation a strong {
    color: var(--color-grey-900);
  }
}
@media (max-width: 1779px) {
  .ybs .main-header__group__navigation--secondary .secondary-navigation a strong {
    font-weight: 100;
  }
}
@media (min-width: 900px) {
  .ybs .main-header__group__navigation--secondary .secondary-navigation a {
    color: var(--color-grey-900);
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .ybs .main-header__group__navigation--secondary .secondary-navigation a {
    font-size: 0.9rem;
  }
}
@media (min-width: 1200px) and (max-width: 1779px) {
  .ybs .main-header__group__navigation--secondary .secondary-navigation a {
    font-size: 0.95rem;
  }
}
@media (min-width: 1780px) {
  .ybs .main-header__group__navigation--secondary .secondary-navigation a {
    color: var(--color-primary);
    display: flex;
    font-family: var(--font-family-bold);
    font-size: 1.04333rem;
  }
}
.ybs .main-header__group__navigation--secondary .button-menu-mobile-search {
  align-items: center;
  background: transparent;
  border: 0;
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
  margin-right: 0.7rem;
  margin-top: 0.3rem;
}
.ybs .main-header__group__navigation--secondary .button-menu-mobile-search svg {
  color: var(--color-secondary);
  stroke: var(--color-secondary);
  height: 1.2rem;
  margin-bottom: 0.2em;
  width: 1.2rem;
}
@media (min-width: 901px) {
  .ybs .main-header__group__navigation--secondary .button-menu-mobile-search svg {
    height: 0.9rem;
    margin-top: -0.3rem;
    width: 0.9rem;
  }
}
@media (min-width: 1024px) {
  .ybs .main-header__group__navigation--secondary .button-menu-mobile-search svg {
    height: 1rem;
    width: 1rem;
  }
}
@media (min-width: 1200px) {
  .ybs .main-header__group__navigation--secondary .button-menu-mobile-search svg {
    height: 1.1rem;
    margin-top: -0.1rem;
    width: 1.1rem;
  }
}
.ybs .main-header__group__navigation--secondary .button-menu-mobile-search strong {
  color: var(--details-highlight-restriction);
  font-family: var(--font-family-base);
  font-weight: 100;
  margin-left: 0.1rem;
}
@media (min-width: 900px) {
  .ybs .main-header__group__navigation--secondary .button-menu-mobile-search strong {
    color: var(--color-grey-900);
  }
}
@media (min-width: 1568px) and (max-width: 1779px) {
  .ybs .main-header__group__navigation--secondary .button-menu-mobile-search strong {
    font-size: 1rem;
  }
}
@media (min-width: 900px) {
  .ybs .main-header__group__navigation--secondary .button-menu-mobile-search:hover strong {
    color: var(--color-primary);
  }
}
@media (min-width: 900px) {
  .ybs .main-header__group__navigation--secondary .button-menu-mobile-search {
    flex-direction: row;
    margin-top: -0.1rem;
  }
}
@media (min-width: 1024px) {
  .ybs .main-header__group__navigation--secondary .button-menu-mobile-search {
    font-size: 0.9rem;
    margin-top: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .ybs .main-header__group__navigation--secondary .button-menu-mobile-search {
    font-size: 0.95rem;
  }
}
@media (min-width: 1780px) {
  .ybs .main-header__group__navigation--secondary .button-menu-mobile-search {
    display: none;
  }
}
@media (max-width: 699px) {
  .ybs .main-header__group__navigation {
    position: relative;
    order: 1;
  }
}
@media (min-width: 700px) {
  .ybs .main-header__group__navigation {
    order: 2;
    height: 2rem;
  }
}
@media (min-width: 900px) {
  .ybs .main-header__group__navigation {
    height: 5.6rem;
    margin-left: auto;
    order: 1;
    padding-top: 1.5rem;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .ybs .main-header__group__navigation {
    margin-left: 2rem;
    margin-right: auto;
  }
}
@media (min-width: 1568px) {
  .ybs .main-header__group__navigation {
    margin-left: 4rem;
  }
}
@media (min-width: 1780px) {
  .ybs .main-header__group__navigation {
    height: 5.2rem;
    margin-left: 5rem;
  }
}
.ybs .main-header__group__navigation.ybs-commercial {
  display: flex;
  margin-left: unset;
}
@media (min-width: 1780px) {
  .ybs .main-header__group__navigation.ybs-commercial {
    padding-top: 1.5rem;
  }
}
@media (max-width: 699px) {
  .ybs .main-header__group__navigation.ybs-commercial {
    position: unset;
    height: 2rem;
  }
}
.ybs .main-header__group__navigation.ybs-commercial ul {
  flex-wrap: nowrap;
}
.ybs .main-header__group__navigation.ybs-commercial .nav-commercial ul {
  max-height: calc(100vh - 8rem);
  min-height: unset;
}
.ybs .main-header__group__searchbar {
  display: none;
  width: 15.4rem;
}
@media (min-width: 1780px) {
  .ybs .main-header__group__searchbar {
    display: block;
    height: 2.9rem;
    order: 2;
  }
}
.ybs .main-header__group__searchbar input {
  border-radius: 0.2rem;
  border: 2px solid var(--color-grey-700);
  padding: 0.5rem;
  width: 100%;
}
.ybs .main-header__group__access {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  height: 2.9rem;
  justify-content: flex-end;
  margin-left: auto;
  order: 2;
  position: relative;
  z-index: 2;
}
@media (max-width: 699px) {
  .ybs .main-header__group__access {
    width: 60%;
  }
}
@media (max-width: 400px) {
  .ybs .main-header__group__access.main-header__group__access--hidden .sign-in {
    opacity: 0;
    pointer-events: none;
  }
}
.ybs .main-header__group__access .sign-in {
  align-items: center;
  background-color: transparent;
  border-bottom: 0.2rem solid var(--color-primary);
  border-radius: 0.2rem;
  border: 0.15rem solid var(--color-primary);
  color: var(--color-primary);
  display: flex;
  font-size: 0.7rem;
  grid-gap: 0.25rem;
  height: 3rem;
  margin: 0.3rem 0.2rem 0.2rem 0;
  padding: 0.3rem 1.5rem 0.3rem 0.5rem;
  font-size: 0.6rem;
  margin-right: 0;
  padding: 0.4rem 1.35rem 0.4rem 0.7rem;
}
.ybs .main-header__group__access .sign-in:focus-visible {
  box-shadow: 0 0 0 0.125rem white, 0 0 0 0.3rem var(--element-outline);
  outline: none;
}
@media (max-width: 699px) {
  .ybs .main-header__group__access .sign-in {
    margin-left: auto;
  }
}
.ybs .main-header__group__access .sign-in svg {
  color: var(--color-primary);
}
.ybs .main-header__group__access .sign-in strong {
  font-size: 1rem;
  margin-left: 0.2rem;
}
@media (min-width: 700px) {
  .ybs .main-header__group__access .sign-in strong {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  .ybs .main-header__group__access .sign-in strong {
    font-size: 1.1rem;
  }
}
.ybs .main-header__group__access .register {
  align-items: center;
  color: var(--details-highlight-restriction);
  display: inline-flex;
  font-size: 0.8rem;
  flex-direction: column;
  position: absolute;
  right: -9px;
  top: -3.2rem;
}
.ybs .main-header__group__access .register svg {
  color: var(--color-secondary);
  height: 1.16rem;
  margin-right: 0.1rem;
  stroke: var(--color-secondary);
  width: 1.05rem;
}
.ybs .main-header__group__access .register strong {
  font-weight: 100;
}
@media (min-width: 700px) {
  .ybs .main-header__group__access .register {
    font-size: 0.88rem;
    right: 0;
    margin-right: 0.5rem;
  }
}
@media (min-width: 1024px) {
  .ybs .main-header__group__access .register {
    font-size: 0.94rem;
  }
}
@media (min-width: 1780px) {
  .ybs .main-header__group__access .register {
    margin-right: 0;
  }
}
@media (min-width: 640px) and (max-width: 699px) {
  .ybs .main-header__group__access .register {
    display: none;
  }
}
@media (min-width: 700px) {
  .ybs .main-header__group__access .register {
    color: var(--color-grey-900);
    flex-direction: row;
    gap: 0.2rem;
    position: relative;
    top: 0;
  }
}
@media (max-width: 639px) {
  .ybs .main-header__group__access .register {
    top: -3.1rem;
  }
  .ybs .main-header__group__access .register svg {
    height: 1.26rem;
    width: 1.2rem;
  }
}
@media (min-width: 700px) {
  .ybs .main-header__group__access {
    align-items: center;
    flex-direction: row;
    gap: 1rem;
  }
}
@media (min-width: 900px) {
  .ybs .main-header__group__access {
    margin-top: 1.5rem;
  }
}
@media (min-width: 1180px) {
  .ybs .main-header__group__access {
    margin-top: 0;
  }
}
@media (min-width: 1780px) {
  .ybs .main-header__group__access {
    margin-left: 1.2rem;
    height: 5.2rem;
    margin-top: 0.05rem;
  }
}
@media (min-width: 700px) {
  .ybs .main-header__group {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
}
@media (min-width: 700px) and (max-width: 1220px) {
  .ybs .main-header__group {
    max-width: 72rem;
  }
}
@media (min-width: 900px) and (max-width: 1023px) {
  .ybs .main-header__group {
    margin: 0 auto 0 auto;
  }
}
@media (min-width: 912px) {
  .ybs .main-header__group {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 1201px) {
  .ybs .main-header__group {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }
}
@media (min-width: 1308px) {
  .ybs .main-header__group {
    padding-left: 0;
    padding-right: 0;
    max-width: 90%;
  }
}
@media (min-width: 1440px) {
  .ybs .main-header__group {
    margin-top: 0.01rem;
    max-width: 78rem;
  }
}
@media (min-width: 1568px) and (max-width: 1779px) {
  .ybs .main-header__group {
    padding-left: 5rem;
    padding-right: 6rem;
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1780px) {
  .ybs .main-header__group {
    padding-left: 6rem;
    padding-right: 6rem;
    width: 100%;
    max-width: 100%;
  }
}
.ybs .main-header__group__primary {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
@media (max-width: 699px) {
  .ybs .main-header__group__primary {
    justify-content: space-between;
    height: 6rem;
  }
}
@media (min-width: 900px) {
  .ybs .main-header__group__primary {
    align-items: center;
    flex-direction: row;
  }
}
@media (min-width: 900px) and (max-width: 1179px) {
  .ybs .main-header__group__primary {
    width: 75%;
  }
}
@media (max-width: 699px) {
  .ybs .main-header__group__secondary {
    position: absolute;
    right: 0;
    top: 0;
    width: 12rem;
  }
}
@media (min-width: 900px) {
  .ybs .main-header__group__secondary {
    margin-top: 0;
    order: 2;
  }
}
@media (min-width: 1780px) {
  .ybs .main-header__group__secondary {
    align-items: center;
    display: flex;
    height: 5.2rem;
  }
}
.ybs .main-header__group__commercial {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (max-width: 600px) {
  .ybs .main-header__group__commercial .main-header__group__logo {
    width: 100%;
  }
}
@media (max-width: 350px) {
  .ybs .main-header__group__commercial .main-header__group__logo {
    width: 11.2rem;
  }
}
@media (min-width: 1780px) {
  .ybs .main-header__group__commercial .main-header__group__logo {
    margin-top: -0.25rem;
  }
}
@media (min-width: 520px) {
  .ybs .main-header__group__commercial {
    flex-direction: row;
    align-items: center;
  }
}
.ybs .main-header.main-header--fixed {
  animation: headerfixed ease-in-out 0.3s forwards;
  position: fixed;
  top: 0;
}
@media (min-width: 700px) {
  .ybs .main-header.main-header--fixed {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media (min-width: 1780px) {
  .ybs .main-header.main-header--fixed {
    padding: 0;
  }
}
.ybs .main-header.main-header--fixed + #content {
  margin-top: 80px;
}
.ybs .main-header.main-header--fixed .button-menu-mobile::after {
  display: none;
}
.ybs .main-header.main-header--fixed .button-menu-mobile + #mobile-menu-icon {
  margin-left: 0.5rem;
  width: 3rem;
}
@media (min-width: 700px) and (max-width: 899px) {
  .ybs .main-header.main-header--fixed #primary-navigation .primary-navigation__item__submenu {
    margin-top: unset;
  }
}
@media (min-width: 700px) and (max-width: 1780px) {
  .ybs .main-header.main-header--fixed #primary-navigation .primary-navigation__item__submenu {
    top: 4rem;
  }
}
@media (max-width: 699px) {
  .ybs .main-header.main-header--fixed #primary-navigation .primary-navigation__item__submenu {
    top: 4.5rem;
  }
}
.ybs .main-header.main-header--fixed .main-header__group__logo {
  margin-top: 0;
  transform: none;
  width: 2.7rem;
}
@media (min-width: 375px) {
  .ybs .main-header.main-header--fixed .main-header__group__logo img {
    width: 13rem;
  }
}
@media (min-width: 1024px) {
  .ybs .main-header.main-header--fixed .main-header__group__logo img {
    width: 17rem;
  }
}
@media (max-width: 349px) {
  .ybs .main-header.main-header--fixed .main-header__group__logo {
    width: 2.2rem;
  }
}
@media (min-width: 1024px) {
  .ybs .main-header.main-header--fixed .main-header__group__logo {
    width: 3.5rem;
  }
}
@media (min-width: 1781px) {
  .ybs .main-header.main-header--fixed .main-header__group__logo {
    width: 17rem;
  }
}
.ybs .main-header.main-header--fixed .main-header__group__primary {
  align-items: center;
  flex-direction: row;
  height: 3rem;
}
@media (min-width: 900px) and (max-width: 1179px) {
  .ybs .main-header.main-header--fixed .main-header__group__primary {
    width: auto;
  }
}
@media (min-width: 1780px) {
  .ybs .main-header.main-header--fixed .main-header__group__primary {
    width: 48%;
    height: 4.7rem;
  }
}
@media (max-width: 699px) {
  .ybs .main-header.main-header--fixed .main-header__group__secondary {
    width: 18rem;
  }
}
.ybs .main-header.main-header--fixed .main-header__group__navigation {
  margin-left: 0;
  margin-right: auto;
  width: auto;
  z-index: 3;
}
@media (min-width: 1570px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation {
    margin-left: 5rem;
  }
}
.ybs .main-header.main-header--fixed .main-header__group__commercial {
  flex-direction: row;
}
@media (min-width: 600px) {
  .ybs .main-header.main-header--fixed .main-header__group__commercial .main-header__group__logo {
    width: 17rem;
  }
}
@media (max-width: 600px) {
  .ybs .main-header.main-header--fixed .main-header__group__commercial .main-header__group__logo {
    width: 2.5rem;
  }
}
.ybs .main-header.main-header--fixed .main-header__group__commercial .main-header__group__logo img {
  width: 13rem;
}
.ybs .main-header.main-header--fixed .main-header__group__navigation--secondary {
  position: absolute;
  right: 11rem;
}
.ybs .main-header.main-header--fixed .main-header__group__navigation--secondary .button-menu-mobile-search {
  flex-direction: column;
  margin-right: 0.5rem;
}
.ybs .main-header.main-header--fixed .main-header__group__navigation--secondary .button-menu-mobile-search svg {
  height: 1.2rem;
  width: 1.2rem;
}
@media (min-width: 900px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary .button-menu-mobile-search strong {
    color: var(--details-highlight-restriction);
  }
}
@media (min-width: 1200px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary .button-menu-mobile-search strong {
    font-size: 0.9rem;
  }
}
@media (min-width: 651px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary .button-menu-mobile-search {
    margin-right: 1rem;
  }
}
@media (min-width: 700px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary .button-menu-mobile-search {
    margin-right: 0.5rem;
  }
}
@media (min-width: 750px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary .button-menu-mobile-search {
    margin-top: 0.25rem;
    margin-right: 0.7rem;
  }
}
@media (min-width: 900px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary .button-menu-mobile-search {
    margin-top: -0.45rem;
  }
}
@media (min-width: 901px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary .button-menu-mobile-search {
    margin-top: -0.2rem;
  }
}
@media (min-width: 1024px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary .button-menu-mobile-search {
    margin-top: 0.3rem;
  }
}
@media (min-width: 1200px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary .button-menu-mobile-search {
    margin-top: 0.1rem;
  }
}
@media (min-width: 900px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary #secondary-navigation .secondary-navigation a svg {
    height: 1.2rem;
    width: 1.2rem;
  }
}
@media (min-width: 900px) and (max-width: 1779px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary #secondary-navigation .secondary-navigation a strong {
    color: var(--details-highlight-restriction);
  }
}
@media (min-width: 1780px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary #secondary-navigation .secondary-navigation a {
    flex-direction: row;
    font-size: 0.95rem;
  }
}
.ybs .main-header.main-header--fixed .main-header__group__navigation--secondary #secondary-navigation .secondary-navigation__link:first-of-type {
  display: none;
}
@media (min-width: 651px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary #secondary-navigation .secondary-navigation__link:first-of-type {
    display: block;
  }
}
@media (min-width: 700px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary #secondary-navigation .secondary-navigation__link:first-of-type {
    display: none;
  }
}
@media (min-width: 750px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary #secondary-navigation .secondary-navigation__link:first-of-type {
    display: block;
  }
}
@media (max-width: 549px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary {
    display: none;
  }
}
@media (min-width: 640px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary {
    right: 8rem;
  }
}
@media (min-width: 700px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary {
    margin-bottom: 0;
    margin-right: auto;
  }
}
@media (min-width: 1201px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary {
    right: 9rem;
  }
}
@media (min-width: 1401px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary {
    right: 14rem;
  }
}
@media (min-width: 1568px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary {
    right: 20rem;
  }
}
@media (min-width: 1780px) {
  .ybs .main-header.main-header--fixed .main-header__group__navigation--secondary {
    position: relative;
    right: 1rem;
    top: 0;
  }
}
.ybs .main-header.main-header--fixed .main-header__group__access {
  margin-top: 0;
}
.ybs .main-header.main-header--fixed .main-header__group__access .register {
  display: none;
}
@media (min-width: 550px) {
  .ybs .main-header.main-header--fixed .main-header__group__access .register {
    display: inline-flex;
  }
}
@media (min-width: 700px) {
  .ybs .main-header.main-header--fixed .main-header__group__access .register {
    display: none;
  }
}
@media (max-width: 639px) {
  .ybs .main-header.main-header--fixed .main-header__group__access .register {
    top: 0.2rem;
    right: 7.5rem;
  }
  .ybs .main-header.main-header--fixed .main-header__group__access .register svg {
    height: 1.26rem;
    width: 1.2rem;
  }
}
@media (min-width: 1401px) {
  .ybs .main-header.main-header--fixed .main-header__group__access .register {
    display: inline-flex;
    margin-right: 0;
  }
}
.ybs .main-header.main-header--fixed #primary-navigation .primary-navigation__item--current .primary-navigation__item__link::before {
  bottom: -0.2rem;
}
@media (min-width: 700px) {
  .ybs .main-header.main-header--fixed #primary-navigation .primary-navigation__item.children .primary-navigation__item__link::after {
    bottom: -1.6rem;
  }
}
@media (min-width: 1568px) {
  .ybs .main-header.main-header--fixed #primary-navigation .primary-navigation__item.children .primary-navigation__item__link::after {
    bottom: -1.3rem;
  }
}
@media (min-width: 1780px) {
  .ybs .main-header.main-header--fixed #primary-navigation .primary-navigation__item.children .primary-navigation__item__link::after {
    bottom: -1.2rem;
  }
}
@media (max-width: 699px) {
  .ybs .main-header.main-header--fixed #primary-navigation .primary-navigation__item__link strong {
    height: 1rem;
  }
}
@media (min-width: 700px) {
  .ybs .main-header.main-header--fixed #primary-navigation .primary-navigation__item__link strong {
    padding: 0 0.1rem 0 0.1rem;
  }
}
.ybs .main-header.main-header--fixed #primary-navigation .primary-navigation__item__link::after {
  bottom: 0.2rem;
}
@media (max-width: 699px) {
  .ybs .main-header.main-header--fixed #primary-navigation .primary-navigation__item__link {
    font-size: 0.7rem;
    min-width: 3.5rem;
  }
}
@media (min-width: 700px) {
  .ybs .main-header.main-header--fixed #primary-navigation .primary-navigation__item__link {
    font-size: 1.1rem;
  }
}
@media (min-width: 1024px) {
  .ybs .main-header.main-header--fixed #primary-navigation .primary-navigation__item__link {
    font-size: 1.2rem;
  }
}
@media (min-width: 1568px) {
  .ybs .main-header.main-header--fixed #primary-navigation .primary-navigation__item__link {
    font-size: 1.3rem;
  }
}
@media (max-width: 699px) {
  .ybs .main-header.main-header--fixed #primary-navigation {
    left: 3rem;
  }
}
@media (min-width: 640px) and (max-width: 749px) {
  .ybs .main-header.main-header--fixed #secondary-navigation .secondary-navigation__link:first-of-type {
    display: none;
  }
}
.ybs .main-header.main-header--fixed #secondary-navigation .secondary-navigation__link:last-of-type {
  display: none;
}
@media (min-width: 800px) {
  .ybs .main-header.main-header--fixed #secondary-navigation .secondary-navigation__link:last-of-type {
    display: inline-flex;
  }
}
.ybs .main-header.main-header--fixed #secondary-navigation .secondary-navigation a {
  color: var(--details-highlight-restriction);
  flex-direction: column;
}
.ybs .main-header ul {
  list-style-type: none;
  padding: 0;
}

.has-edit-mode-menu .main-header,
.has-edit-mode-menu .main-header.main-header--fixed {
  position: relative;
}

@media (min-width: 1440px) and (max-width: 1779px) {
  .has-control-menu .ybs #primary-navigation .primary-navigation__item__submenu {
    margin-top: 0.8rem;
  }
}
@media (min-width: 1440px) and (max-width: 1779px) {
  .has-control-menu .ybs #primary-navigation .primary-navigation__item.children .primary-navigation__item__link::after {
    bottom: -2.2rem;
  }
}
.has-control-menu .main-header.main-header--fixed {
  top: 3rem;
}
@media (min-width: 1780px) {
  .has-control-menu .main-header.main-header--fixed #primary-navigation {
    margin-top: -1.5rem;
  }
}
@media (min-width: 1200px) {
  .has-control-menu .main-header.main-header--fixed #primary-navigation .primary-navigation__item__submenu {
    margin-top: 0.6rem;
  }
}
@media (min-width: 1200px) and (max-width: 1779px) {
  .has-control-menu .main-header.main-header--fixed #primary-navigation .primary-navigation__item.children .primary-navigation__item__link::after {
    bottom: -1.3rem;
  }
}

.controls-visible.has-control-menu.signed-in .ybs .main-header {
  height: auto;
  padding-left: 0;
  padding-right: 0;
}
.controls-visible.has-control-menu.signed-in .ybs .main-header::before {
  background: #e9ecef;
  content: "";
  height: 40px;
  display: block;
  width: 100%;
}
.controls-visible.has-control-menu.signed-in .ybs .main-header__group__searchbar {
  position: relative;
}
@media (min-width: 900px) and (max-width: 1179px) {
  .controls-visible.has-control-menu.signed-in.open.product-menu-open .ybs .main-header__group__primary {
    width: auto;
  }
}
.controls-visible.has-control-menu.signed-in.open.product-menu-open .ybs .main-header.main-header--fixed {
  position: sticky;
  position: -webkit-sticky;
}
@media (min-width: 1200px) {
  .controls-visible.has-control-menu.signed-in.open.product-menu-open .ybs .main-header.main-header--fixed #primary-navigation .primary-navigation__item.children .primary-navigation__item__link::after {
    bottom: 0;
  }
}
@media (min-width: 1780px) {
  .controls-visible.has-control-menu.signed-in.open.product-menu-open .ybs .main-header.main-header--fixed #primary-navigation .primary-navigation__item.children .primary-navigation__item__link::after {
    bottom: 0.3rem;
  }
}
.controls-visible.has-control-menu.signed-in.open.product-menu-open .ybs .main-header.main-header--fixed .main-header__group .main-header__group__primary {
  width: 100%;
}
.controls-visible.has-control-menu.signed-in.open.product-menu-open .ybs .main-header.main-header--fixed .main-header__group .main-header__group__primary .main-header__group__navigation {
  margin-left: 0;
  margin-right: auto;
}

.ybs .portlet-forms {
  background-color: var(--box1-bg);
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 2em;
  border-radius: 0.2em;
  padding: 2rem 1rem;
  position: relative;
  box-shadow: var(--box-shadow);
}
.ybs .portlet-forms textarea:focus,
.ybs .portlet-forms input:focus,
.ybs .portlet-forms .form-control:focus,
.ybs .portlet-forms .custom-control .custom-control-input:focus ~ .custom-control-label::before {
  outline: none !important;
  box-shadow: none !important;
}
.ybs .portlet-forms .ddm-form-name {
  font-family: var(--font-family-base) !important;
  font-size: 1.5rem !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 0.75em !important;
  padding: 0 !important;
}
.ybs .portlet-forms .ddm-label {
  display: block;
  color: var(--text-color);
}
.ybs .portlet-forms .ddm-label-required {
  display: none;
}
.ybs .portlet-forms .ddm-field {
  padding: 0 !important;
}
.ybs .portlet-forms .ddm-field .form-group .lfr-ddm-legend {
  padding: inherit;
  font-size: 0.875rem;
}
.ybs .portlet-forms .lfr-ddm-form-pagination-controls {
  display: flex;
}
.ybs .portlet-forms .lfr-ddm-form-pagination-controls.align-center {
  justify-content: center;
}
.ybs .portlet-forms .liferay-ddm-form-field-paragraph h2 {
  font-family: var(--font-family-base);
  font-size: 1.65em;
  letter-spacing: -0.01em;
  margin-bottom: 0.75em;
}
.ybs .portlet-forms .liferay-ddm-form-field-paragraph p {
  color: var(--text-color);
  margin: 0;
  margin-bottom: 1em;
  padding: 0;
  line-height: 1.5;
  font-size: 0.9rem;
}
.ybs .portlet-forms fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.ybs .portlet-forms .ddm-drag .ddm-field .form-group input.form-control,
.ybs .portlet-forms .ddm-field-text,
.ybs .portlet-forms .ddm-field .form-group textarea.form-control.ddm-field-text {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding: 0.6em 0.6em;
  margin-bottom: 0.25em;
  border-radius: 0.2em;
  color: var(--input-text);
  transition: border 600ms;
  background-color: var(--input-bg);
  font-family: var(--font-family-base);
  vertical-align: top;
  min-width: 0;
  border: 2px solid var(--input-border);
  border-bottom: 3px solid var(--input-border);
}
.ybs .portlet-forms .ddm-drag .ddm-field .form-group input.form-control:focus, .ybs .portlet-forms .ddm-drag .ddm-field .form-group input.form-control:active,
.ybs .portlet-forms .ddm-field-text:focus,
.ybs .portlet-forms .ddm-field-text:active,
.ybs .portlet-forms .ddm-field .form-group textarea.form-control.ddm-field-text:focus,
.ybs .portlet-forms .ddm-field .form-group textarea.form-control.ddm-field-text:active {
  outline: none;
  border-color: var(--input-focus);
}
.ybs .portlet-forms .ddm-drag .ddm-field .form-group input.form-control::-webkit-input-placeholder,
.ybs .portlet-forms .ddm-field-text::-webkit-input-placeholder,
.ybs .portlet-forms .ddm-field .form-group textarea.form-control.ddm-field-text::-webkit-input-placeholder {
  color: var(--input-placeholder);
}
.ybs .portlet-forms .ddm-drag .ddm-field .form-group input.form-control:-moz-placeholder,
.ybs .portlet-forms .ddm-field-text:-moz-placeholder,
.ybs .portlet-forms .ddm-field .form-group textarea.form-control.ddm-field-text:-moz-placeholder {
  color: var(--input-placeholder);
}
.ybs .portlet-forms .ddm-drag .ddm-field .form-group input.form-control::-moz-placeholder,
.ybs .portlet-forms .ddm-field-text::-moz-placeholder,
.ybs .portlet-forms .ddm-field .form-group textarea.form-control.ddm-field-text::-moz-placeholder {
  color: var(--input-placeholder);
}
.ybs .portlet-forms .ddm-drag .ddm-field .form-group input.form-control:-ms-input-placeholder,
.ybs .portlet-forms .ddm-field-text:-ms-input-placeholder,
.ybs .portlet-forms .ddm-field .form-group textarea.form-control.ddm-field-text:-ms-input-placeholder {
  color: var(--input-placeholder);
}
.ybs .portlet-forms .form-builder-select-field {
  display: inline-block;
  box-sizing: border-box;
  width: auto;
  min-width: 30%;
  margin-bottom: 0.25em;
  border-radius: 0.2em;
  color: var(--input-text);
  transition: border 600ms;
  background-color: var(--input-bg);
  font-family: var(--font-family-base);
  vertical-align: top;
  border: 2px solid var(--input-border);
  border-bottom: 3px solid var(--input-border);
}
.ybs .portlet-forms .form-builder-select-field .form-control {
  padding: 0 0.6em;
}
.ybs .portlet-forms .form-builder-select-field:focus, .ybs .portlet-forms .form-builder-select-field:active {
  outline: none;
  border-color: var(--input-focus);
}
.ybs .portlet-forms .form-builder-select-field::-webkit-input-placeholder {
  color: var(--input-placeholder);
}
.ybs .portlet-forms .form-builder-select-field:-moz-placeholder {
  color: var(--input-placeholder);
}
.ybs .portlet-forms .form-builder-select-field::-moz-placeholder {
  color: var(--input-placeholder);
}
.ybs .portlet-forms .form-builder-select-field:-ms-input-placeholder {
  color: var(--input-placeholder);
}
.ybs .portlet-forms .lfr-ddm-checkbox-multiple .custom-control-label-text {
  font-family: var(--font-family-bold);
  color: var(--text-color);
  padding-bottom: 0.2em;
  font-size: 0.9rem;
  line-height: 1.8rem;
}
.ybs .portlet-forms .custom-checkbox .custom-control-label::before,
.ybs .portlet-forms .custom-control-input:checked ~ .custom-control-label::before,
.ybs .portlet-forms .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 5px;
}
.ybs .portlet-forms .custom-checkbox .custom-control-label::before {
  border: 2px solid var(--input-border);
  border-bottom: 3px solid var(--input-border);
}
.ybs .portlet-forms .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
.ybs .portlet-forms .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--color-primary);
  background-color: transparent;
}
.ybs .portlet-forms .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  content: "✓";
  background: transparent;
  color: var(--color-primary-hover);
  font-size: 1.4rem;
  font-weight: 900;
  margin-left: 0.32rem;
  margin-top: 0.2rem;
  transition: all 200ms cubic-bezier(0, 0.24, 1, 1.03);
}
.ybs .portlet-forms .select-arrow-down-container {
  background-image: url("data:image/svg+xml;charset=utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /> </svg>");
  background-size: 100%;
  width: 1rem;
  height: 1rem;
  padding-right: 1rem;
  cursor: default;
}
.ybs .portlet-forms .select-arrow-down-container svg {
  display: none;
}
.ybs .portlet-forms .has-error .custom-control-label::before,
.ybs .portlet-forms .has-error .custom-control-label::after,
.ybs .portlet-forms .has-error .form-builder-select-field, .ybs .portlet-forms .has-error.form-group input.form-control.ddm-field-text, .ybs .portlet-forms .has-error.form-group textarea.form-control.ddm-field-text, .ybs .portlet-forms .has-error.form-group input.form-control[type=text] {
  border-color: var(--input-error);
}
.ybs .portlet-forms .has-error .form-feedback-group {
  display: none;
}
.ybs .portlet-forms .active.ddm-form-page.lfr-ddm-form-page > span {
  display: none;
}
.ybs .portlet-forms .position-relative.row > div {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .ybs .portlet-forms .position-relative.row {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .ybs .portlet-forms .position-relative.row div.col-ddm:first-child:nth-last-child(3),
  .ybs .portlet-forms .position-relative.row div.col-ddm:first-child:nth-last-child(3) ~ div.col-ddm {
    flex: 0 0 32%;
    max-width: 32%;
  }
}
.ybs .portlet-forms .position-relative.row div.col-ddm:first-child:nth-last-child(3) .form-builder-select-field {
  min-width: 0;
  width: 100%;
  height: 2.5rem;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .ybs .portlet-forms .position-relative.row div.col-ddm:first-child:nth-last-child(3) {
    flex: 0 0 21%;
    max-width: 21%;
  }
}
.ybs .portlet-forms .ddm-radio .custom-control.custom-radio.custom-control-inline {
  display: block;
  margin: 0 0 0.2rem 0 !important;
}
.ybs .portlet-forms .ddm-radio .custom-control.custom-radio.custom-control-inline .custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--color-primary);
}
.ybs .portlet-forms .ddm-radio .custom-control.custom-radio.custom-control-inline .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
  background-color: var(--color-primary);
  border-radius: 3px;
  margin: 0.32rem 0 0 0.32rem;
  width: 13px;
  height: 12px;
}
.ybs .portlet-forms .ddm-radio .custom-control.custom-radio.custom-control-inline .custom-control-label {
  font-size: 0.925rem;
  line-height: 1.7rem;
}
.ybs .portlet-forms .ddm-radio .custom-control.custom-radio.custom-control-inline .custom-control-label:before {
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 5px;
  background-color: transparent;
  border-width: 2px 2px 3px 2px;
}
.ybs .portlet-forms .ddm-radio .custom-control.custom-radio.custom-control-inline .custom-control-label:after {
  transition: all 0.15s cubic-bezier(0.42, 0, 1, 1);
}
.ybs .portlet-forms .form-control.results-chosen.select-field-trigger .option-selected {
  font-size: 0;
}
.ybs .portlet-forms .form-control.results-chosen.select-field-trigger .option-selected.option-selected-placeholder::before {
  content: "Please select...";
  font-size: 1rem;
}
.ybs .portlet-forms .form-control.results-chosen.select-field-trigger .option-selected:not(.option-selected-placeholder) {
  font-size: 1rem;
}
.ybs .portlet-forms .ddm-form-page.lfr-ddm-form-page .position-relative.row {
  margin: 0 auto;
}
@media (max-width: 90rem) {
  .ybs .portlet-forms .ddm-form-page.lfr-ddm-form-page .position-relative.row {
    max-width: none;
  }
}
@media (max-width: 75rem) {
  .ybs .portlet-forms .ddm-form-page.lfr-ddm-form-page .position-relative.row {
    max-width: none;
  }
}
@media (min-width: 105rem) {
  .ybs .portlet-forms .ddm-form-page.lfr-ddm-form-page .position-relative.row {
    max-width: none;
  }
}
.ybs .portlet-forms .ddm-form-basic-info h1.ddm-form-name {
  display: none;
}
.ybs .portlet-forms .ddm-form-basic-info.ddm-form-success-page h1.ddm-form-name {
  display: block;
}
.ybs .portlet-forms h2.lfr-ddm-form-page-title {
  padding: 0;
  margin-bottom: 1.5rem;
}

.dropdown-menu ul.list-unstyled li button[data-testid=dropdownItem-0] {
  display: none;
}

.ybs .media-centre {
  border-radius: 0.5rem;
  box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .ybs .media-centre {
    background-color: var(--color-grey-50);
    margin-bottom: 1rem;
  }
}
.ybs .media-centre__link {
  text-decoration: none !important;
}
.ybs .media-centre__link:focus-visible h4 {
  outline: solid 0.2rem var(--element-outline);
  border-radius: 0.2em;
}
.ybs .media-centre__short {
  background-color: var(--color-grey-50);
  overflow: hidden;
  position: relative;
  border-radius: 0.5rem;
  height: auto;
  transition: all 0.2s ease-in-out;
}
.ybs .media-centre__short .media-centre__box-content {
  min-height: 13rem;
}
.ybs .media-centre__short:hover {
  transform: scale(1);
}
.ybs .media-centre__img {
  display: block;
  position: relative;
}
.ybs .media-centre__img picture {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.ybs .media-centre__img picture::after {
  background-image: linear-gradient(to right, var(--color-secondary), var(--color-primary));
  bottom: 0;
  height: 5px;
  top: auto;
  width: 100%;
  background-color: var(--color-primary);
  content: "";
  display: block;
  margin-right: 0;
  margin-top: 0;
  position: absolute;
  right: 0;
  z-index: 2;
}
.ybs .media-centre__img img {
  width: 100%;
}
.ybs .media-centre__box-content {
  background-color: var(--color-grey-50);
  padding: 1.3rem 1rem 1.5rem 1.3rem;
  min-height: 17.5rem;
}
@media (max-width: 640px) {
  .ybs .media-centre__box-content {
    min-height: unset;
  }
}
.ybs .media-centre__box-content .category {
  color: var(--text-small);
  font-size: 0.82rem;
  line-height: 1.5rem;
}
.ybs .media-centre__box-content .category svg {
  font-size: 1.2rem;
  color: var(--color-secondary);
  margin-right: 0.25rem;
}
.ybs .media-centre__box-content .title {
  color: var(--color-primary);
  font-family: var(--font-family-bold);
  font-size: 1.1rem;
  line-height: 1.53rem;
  position: relative;
  word-break: break-word;
}
@media (min-width: 640px) {
  .ybs .media-centre__box-content .title {
    font-size: 1.06rem;
    line-height: 1.33rem;
  }
}
.ybs .media-centre__box-content .title::after {
  background: linear-gradient(to right, transparent, var(--white) 40%);
  background: -webkit-gradient(to right, transparent, var(--white) 40%);
  bottom: 0;
  content: "";
  height: 1.5rem;
  position: absolute;
  right: 0px;
  width: 80%;
}
.ybs .media-centre__box-content .date {
  color: var(--legend-color);
  font-size: 0.8rem;
  font-weight: 25rem;
  line-height: 1.75rem;
}
.ybs .media-centre__box-content .date svg {
  margin-right: 0.25rem;
}
.ybs .media-centre__box-content .date_short {
  color: var(--text-grey);
  font-size: 1rem;
  font-weight: 25rem;
  line-height: 1.75rem;
}
.ybs .media-centre__box-content .description {
  color: var(--color-grey-900);
  font-size: 0.95rem;
  font-weight: 25rem;
  line-height: 1.51rem;
  overflow: hidden;
  text-overflow: clip;
}
@media (min-width: 640px) {
  .ybs .media-centre__box-content .description {
    font-size: 0.89rem;
    line-height: 1.4rem;
  }
}
.ybs .media-centre:hover {
  transform: scale(1.02);
}

.mfp-content .ybs-modal-content,
.mfp-content .modal-content {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  background-color: var(--color-grey-50);
  margin-top: 20px;
  border-radius: 0.2em;
}

@media screen and (max-width: 31.25em) {
  .mfp-content .ybs-modal-content,
  .mfp-content .modal-content {
    margin-top: 0;
    border-radius: 0;
    min-height: 100%;
  }
}
.mfp-content .ybs-modal-content h1,
.mfp-content .modal-content h1 {
  font-size: 4.5em;
  width: 80%;
}

.mfp-content .ybs-modal-content,
.mfp-content .ybs-modal-content-alt,
.mfp-content .modal-content,
.mfp-content .modal-content-alt {
  display: block;
  position: relative;
}

body.mfp-active {
  overflow-y: hidden;
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  overflow: hidden;
  position: fixed;
  background: var(--color-grey-1000);
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
  border-radius: 0.2em;
  height: 100%;
  overflow: auto;
}

@media screen and (max-width: 31.25em) {
  .mfp-content {
    border-radius: 0;
  }
}
#compare-products h3 {
  color: var(--primary);
}
#compare-products .show-differences button {
  font-size: 0.81rem;
  padding: 0.5rem 0.8rem;
}
#compare-products .compare-title {
  font-weight: bold;
  color: var(--link-grey);
  line-height: 1.16rem;
}
#compare-products .compare-title .product-code {
  font-weight: normal;
  font-size: 0.687rem;
  color: #999999;
}
#compare-products.active .different th {
  color: #fff;
  background-color: var(--primary);
  border-right: 0.23rem solid var(--link-grey);
  border-top: solid var(--primary);
  border-bottom: solid #e7e7ed;
}
#compare-products.active .different td {
  font-weight: bold;
  color: var(--primary);
}
#compare-products.active .different td span {
  font-weight: bold;
  color: var(--primary);
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-close button {
  display: none;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: var(--input-placeholder);
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: var(--input-placeholder);
}

.mfp-preloader a:hover {
  color: var(--color-grey-50);
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  padding: 0 0 18px 10px;
  font-style: normal;
  font-size: 28px;
  opacity: 1;
}
.mfp-close svg {
  color: #707070;
  font-size: 3.125rem;
  height: 1.7rem;
  stroke: #707070;
  transition: ease-in-out 0.3s;
  margin: 0;
  width: 1.07rem;
  pointer-events: none;
}
.mfp-close svg path {
  stroke-width: 18px;
}
.mfp-close:hover svg.svg-inline--fa.fa-w-11 {
  color: #222222;
  stroke: #222222;
}

.mfp-content .row[data-js-interest-calc=modal] .mfp-close {
  opacity: 0.65;
}
.mfp-content .row[data-js-interest-calc=modal] .mfp-close svg.svg-inline--fa.fa-w-11 {
  color: var(--color-grey-50);
  stroke: var(--color-grey-50);
}
.mfp-content .row[data-js-interest-calc=modal] .mfp-close:hover, .mfp-content .row[data-js-interest-calc=modal] .mfp-close:focus {
  opacity: 1;
}
.mfp-content .row[data-js-interest-calc=modal] .mfp-close:hover svg.svg-inline--fa.fa-w-11, .mfp-content .row[data-js-interest-calc=modal] .mfp-close:focus svg.svg-inline--fa.fa-w-11 {
  color: var(--color-grey-50);
  stroke: var(--color-grey-50);
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: var(--color-grey-50);
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--input-placeholder);
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid var(--color-grey-50);
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid var(--time-color);
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid var(--color-grey-50);
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid var(--time-color);
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: var(--color-grey-1000);
  border-radius: 0.2em;
}

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: var(--time-color);
}

.mfp-figure small {
  color: var(--breadcrumb-item-separator);
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: var(--color-grey-100);
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
}
.mfp-fade.mfp-bg {
  opacity: 0;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-content [id=savings-finder-comparison-modal] {
  position: relative;
}

.mfp-content [id=savings-finder-comparison-modal] .mfp-close {
  top: 0;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
  right: 0 !important;
  opacity: 1;
  background-color: var(--color-grey-50);
  padding-left: 92%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.mfp-content [id=savings-finder-comparison-modal] > .row.col {
  padding: 0;
}

@media print, screen and (max-width: 90em) {
  .mfp-content [id=savings-finder-comparison-modal] .mfp-close {
    right: 5.5%;
  }
}
.swiper-side .savings-badge {
  margin-top: -3em;
  padding-bottom: 3em;
}

.swiper-slide .savings-badge {
  padding-bottom: 4em;
  margin-top: -3em;
}

.btn,
.primary-nav-wrapper li,
.tabs-style-only .tabs-title a,
.tabs .tabs-title a,
.fancy-input-box:after,
.input,
.mfp-close,
.social-icons .fa {
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.55, 1);
}

.mfp-fade.mfp-wrap .mfp-content,
.mfp-fade.mfp-bg {
  transition: all 600ms cubic-bezier(0, 0.64, 0.42, 0.98);
}

.animation-cubic-bezier {
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.75, 1);
}

.mfp-content .ybs-modal-content.box-10,
.mfp-content .ybs-modal-content.bg-10 .mfp-content .modal-content.box-10,
.mfp-content .modal-content.bg-10 {
  background: var(--color-grey-900);
}

.mfp-content .ybs-modal-content.box-10 .mfp-close:after,
.mfp-content .modal-content.box-10 .mfp-close:after {
  color: var(--color-grey-50);
}

.js-cookie-modal .mfp-content .ybs-modal-content,
.js-cookie-modal .mfp-content .modal-content {
  background-color: var(--color-grey-900);
  color: var(--color-grey-50);
}

.mfp-content .modal-not-found {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100%;
  max-width: 100%;
  color: var(--color-grey-50);
}

.ybs #primary-navigation .portlet {
  position: inherit;
}
.ybs #primary-navigation .primary-navigation {
  align-items: center;
  display: flex;
  margin: 0.5rem 0 0 0;
}
@media (max-width: 699px) {
  .ybs #primary-navigation .primary-navigation {
    margin: 0;
  }
}
.ybs #primary-navigation .primary-navigation__item {
  padding: 0 0 1.3rem 0;
  display: flex;
}
@keyframes arrow_up {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(-1, -1);
  }
}
@keyframes arrow_down {
  from {
    transform: scale(-1, -1);
  }
  to {
    transform: scale(1, 1);
  }
}
.ybs #primary-navigation .primary-navigation__item::before {
  display: none;
}
.ybs #primary-navigation .primary-navigation__item__link {
  color: var(--color-primary);
  font-size: 0.8rem;
  font-family: var(--font-family-bold);
  letter-spacing: -0.007rem;
  padding: 0;
  position: relative;
}
.ybs #primary-navigation .primary-navigation__item__link strong {
  font-weight: 100;
  height: 1.4rem;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.ybs #primary-navigation .primary-navigation__item__link strong::after {
  display: none;
}
.ybs #primary-navigation .primary-navigation__item__link strong + svg {
  width: 0.78em;
}
@media (max-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item__link strong {
    width: 4rem;
  }
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item__link strong {
    padding: 0 0.1rem 0 0.1rem;
  }
}
@media (min-width: 901px) {
  .ybs #primary-navigation .primary-navigation__item__link strong {
    height: auto;
  }
}
.ybs #primary-navigation .primary-navigation__item__link span {
  display: none;
}
.ybs #primary-navigation .primary-navigation__item__link span svg {
  stroke: var(--color-primary);
  height: 100%;
  width: 100%;
}
@media (max-width: 699px) {
  .ybs #primary-navigation .primary-navigation__item__link span {
    align-items: center;
    display: flex;
    height: 1.6rem;
    justify-content: center;
    width: 1.6rem;
  }
}
@media (max-width: 699px) {
  .ybs #primary-navigation .primary-navigation__item__link {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
  }
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item__link {
    margin-left: 1rem;
  }
}
@media (min-width: 700px) and (max-width: 899px) {
  .ybs #primary-navigation .primary-navigation__item__link {
    font-size: 1.2rem;
  }
}
@media (min-width: 900px) and (max-width: 910px) {
  .ybs #primary-navigation .primary-navigation__item__link {
    font-size: 1.1rem;
  }
}
@media (min-width: 911px) {
  .ybs #primary-navigation .primary-navigation__item__link {
    font-size: 1.2rem;
  }
}
@media (min-width: 901px) {
  .ybs #primary-navigation .primary-navigation__item__link {
    align-items: center;
    display: flex;
    letter-spacing: -0.005rem;
  }
}
@media (max-width: 900px) {
  .ybs #primary-navigation .primary-navigation__item__link {
    pointer-events: none;
  }
}
@media (min-width: 1024px) {
  .ybs #primary-navigation .primary-navigation__item__link {
    font-size: 1.25rem;
    grid-gap: 0.3rem;
  }
}
@media (min-width: 1440px) {
  .ybs #primary-navigation .primary-navigation__item__link {
    font-size: 1.35rem;
  }
}
.ybs #primary-navigation .primary-navigation__item__link .icon {
  animation: 400ms arrow_down alternate forwards;
  color: var(--color-secondary);
  vertical-align: -0.4rem;
}
@media (min-width: 769px) {
  .ybs #primary-navigation .primary-navigation__item__link .icon {
    margin: 0.1rem 0 0 0;
  }
}
@media (min-width: 1024px) {
  .ybs #primary-navigation .primary-navigation__item__link .icon {
    margin: -0.1rem 0 0 -0.2rem;
  }
}
@media (min-width: 1780px) {
  .ybs #primary-navigation .primary-navigation__item__link .icon {
    width: 0.9rem;
    margin: 0.01rem 0 0 -0.1rem;
  }
}
.ybs #primary-navigation .primary-navigation__item__submenu {
  background: #fff;
  background: linear-gradient(180deg, var(--color-grey-400) 0%, var(--color-grey-50) 20%);
  display: block;
  left: 0;
  margin-left: 0;
  opacity: 0;
  padding-bottom: 1rem;
  position: fixed;
  top: auto;
  visibility: hidden;
  width: 100%;
  z-index: 20;
}
@media (max-width: 699px) {
  .ybs #primary-navigation .primary-navigation__item__submenu {
    background: linear-gradient(180deg, rgba(227, 227, 227, 0.9) 0%, rgb(255, 255, 255) 100%);
    overflow-y: auto;
    padding: 1.2rem;
    height: 100%;
    top: 7.6rem;
  }
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item__submenu {
    border-bottom-left-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    box-shadow: 0 3px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    position: absolute;
    top: 100%;
    width: 100%;
  }
}
@media (min-width: 700px) and (max-width: 899px) {
  .ybs #primary-navigation .primary-navigation__item__submenu {
    margin-top: 0.8rem;
  }
}
@media (min-width: 1500px) {
  .ybs #primary-navigation .primary-navigation__item__submenu {
    left: 50%;
    margin-left: -45%;
    max-width: 90%;
  }
}
@media (min-width: 1568px) {
  .ybs #primary-navigation .primary-navigation__item__submenu {
    margin-left: -36.5%;
    max-width: 73%;
  }
}
.ybs #primary-navigation .primary-navigation__item__submenu li {
  margin-top: 1.19rem;
  padding: 0 0.5rem;
  width: 100%;
}
.ybs #primary-navigation .primary-navigation__item__submenu li > span {
  display: inline-block;
  height: 1.4rem;
  vertical-align: text-bottom;
  width: 1.4rem;
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li > span {
    height: 1.3rem;
    width: 1.3rem;
  }
}
.ybs #primary-navigation .primary-navigation__item__submenu li > span svg {
  color: var(--color-secondary);
  height: 100%;
  width: 100%;
}
.ybs #primary-navigation .primary-navigation__item__submenu li strong {
  align-items: center;
  color: var(--color-primary);
  display: inline-flex;
  font-family: var(--font-family-bold);
  font-size: 1.24rem;
  margin-bottom: 0;
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li strong {
    color: #656565;
    font-size: 0.9rem;
  }
}
@media (min-width: 1440px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li strong {
    font-size: 1.2rem;
  }
}
.ybs #primary-navigation .primary-navigation__item__submenu li strong + ul li {
  margin-bottom: 1rem;
  margin-top: 0;
  padding-left: 1.6rem;
  width: 100%;
}
.ybs #primary-navigation .primary-navigation__item__submenu li strong + ul li a {
  font-size: 0.99rem;
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li strong + ul li a {
    font-size: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li strong + ul li a {
    font-size: 0.9rem;
  }
}
@media (min-width: 1440px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li strong + ul li a {
    font-size: 1rem;
  }
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li strong + ul li + .primary-navigation__item__submenu__link {
    margin-top: 1.7rem;
  }
}
.ybs #primary-navigation .primary-navigation__item__submenu li strong + ul li.primary-navigation__item__submenu__link {
  margin: 1.5rem 0 0 0;
  padding-left: 0;
}
@media (max-width: 699px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li strong + ul li.primary-navigation__item__submenu__link {
    display: block;
  }
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li strong + ul li.primary-navigation__item__submenu__link a {
    display: flex;
  }
}
.ybs #primary-navigation .primary-navigation__item__submenu li strong + ul li.primary-navigation__item__submenu__link span {
  display: inline-block;
  height: 1.4rem;
  vertical-align: text-bottom;
  width: 1.4rem;
}
.ybs #primary-navigation .primary-navigation__item__submenu li strong + ul li.primary-navigation__item__submenu__link span svg {
  color: var(--color-secondary);
  height: 100%;
  width: 100%;
}
.ybs #primary-navigation .primary-navigation__item__submenu li strong + ul li.primary-navigation__item__submenu__link strong {
  color: var(--color-primary);
  font-size: 1.18939rem;
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li strong + ul li.primary-navigation__item__submenu__link strong {
    font-size: 0.8rem;
  }
}
@media (min-width: 1440px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li strong + ul li.primary-navigation__item__submenu__link strong {
    font-size: 1.2rem;
  }
}
@media (max-width: 699px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li strong + ul li {
    display: none;
  }
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li strong + ul li {
    line-height: 1rem;
    margin-bottom: 0.4rem;
  }
}
@media (min-width: 1440px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li strong + ul li {
    line-height: 1.5rem;
  }
}
@media (max-width: 699px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li strong.primary-navigation-accordion--opened + ul li {
    display: block;
  }
  .ybs #primary-navigation .primary-navigation__item__submenu li strong.primary-navigation-accordion--opened + ul li:last-of-type {
    margin-bottom: 0;
  }
}
.ybs #primary-navigation .primary-navigation__item__submenu li strong.primary-navigation__item__submenu__title svg {
  color: var(--color-secondary);
  height: 1.25rem;
  position: absolute;
  right: 0;
  top: 0.2rem;
  width: 1.25rem;
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li strong.primary-navigation__item__submenu__title svg {
    display: none;
  }
}
@media (max-width: 699px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li strong.primary-navigation__item__submenu__title.primary-navigation-accordion--opened svg {
    transform: rotate(180deg);
  }
}
@media (max-width: 699px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li strong.primary-navigation__item__submenu__title {
    position: relative;
    width: 90%;
  }
}
.ybs #primary-navigation .primary-navigation__item__submenu li a {
  color: var(--color-primary);
  text-decoration: none;
}
.ybs #primary-navigation .primary-navigation__item__submenu li.primary-navigation__item__submenu__product {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0.4em;
  box-shadow: 0 1px 8px #ccc;
  display: inline-block;
  height: 6.25rem;
  margin: 0 0.6rem 1rem 0;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  vertical-align: top;
  width: 28%;
}
.ybs #primary-navigation .primary-navigation__item__submenu li.primary-navigation__item__submenu__product > a {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
  width: 100%;
}
.ybs #primary-navigation .primary-navigation__item__submenu li.primary-navigation__item__submenu__product > a .product__icon {
  height: 3rem;
  padding: 0.4rem;
  place-items: center;
  width: 3rem;
}
.ybs #primary-navigation .primary-navigation__item__submenu li.primary-navigation__item__submenu__product > a .product__icon svg {
  color: var(--color-secondary);
  height: 100%;
  width: 100%;
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li.primary-navigation__item__submenu__product > a .product__icon {
    height: 3rem;
    width: 3rem;
  }
}
@media (min-width: 1440px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li.primary-navigation__item__submenu__product > a .product__icon {
    height: 3.5rem;
    width: 3.5rem;
  }
}
.ybs #primary-navigation .primary-navigation__item__submenu li.primary-navigation__item__submenu__product > a .product__title {
  color: var(--color-primary);
  font-family: var(--font-family-bold);
  font-size: 0.9rem;
  padding: 0;
  text-align: center;
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li.primary-navigation__item__submenu__product > a .product__title {
    font-size: 0.8rem;
  }
}
@media (min-width: 901px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li.primary-navigation__item__submenu__product > a .product__title {
    font-size: 0.9rem;
  }
}
@media (min-width: 1440px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li.primary-navigation__item__submenu__product > a .product__title {
    font-size: 1.1rem;
  }
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li.primary-navigation__item__submenu__product > a {
    justify-content: flex-start;
    padding: 0 0.2rem;
  }
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li.primary-navigation__item__submenu__product {
    background: #fff;
    display: flex;
    margin-top: 1.6rem;
    height: 5.8rem;
    width: 13%;
    margin-top: -1.5rem;
  }
}
@media (min-width: 800px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li.primary-navigation__item__submenu__product {
    width: 14%;
  }
}
@media (min-width: 1200px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li.primary-navigation__item__submenu__product {
    height: auto;
    padding-bottom: 0.3rem;
    width: 13.4%;
  }
}
@media (max-width: 699px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li:last-of-type {
    margin-bottom: 100%;
  }
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item__submenu li {
    margin-top: 0;
    padding-left: 1.2rem;
    width: 30%;
  }
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item.children .primary-navigation__item__link::after {
    border-bottom: 16px solid var(--color-grey-400);
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    bottom: -1.6rem;
    content: "";
    display: none;
    height: 0;
    left: 50%;
    margin-left: -1rem;
    position: absolute;
    width: 0;
  }
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item.children .primary-navigation__item__link::after {
    bottom: -1.3rem;
  }
}
@media (min-width: 900px) {
  .ybs #primary-navigation .primary-navigation__item.children .primary-navigation__item__link::after {
    bottom: -1.8rem;
  }
}
@media (min-width: 1440px) {
  .ybs #primary-navigation .primary-navigation__item.children .primary-navigation__item__link::after {
    bottom: -1.6rem;
  }
}
@media (min-width: 1780px) {
  .ybs #primary-navigation .primary-navigation__item.children .primary-navigation__item__link::after {
    bottom: -1.1rem;
  }
}
.ybs #primary-navigation .primary-navigation__item.children .primary-navigation__item__toggle-button {
  border-radius: 0.1rem;
  padding: 0;
  margin-left: 0.3rem;
}
.ybs #primary-navigation .primary-navigation__item.children .primary-navigation__item__toggle-button svg {
  margin-right: 0;
}
.ybs #primary-navigation .primary-navigation__item--current::before {
  display: none;
}
.ybs #primary-navigation .primary-navigation__item--current .primary-navigation__item__link::before {
  background: var(--color-secondary);
  border-radius: 5px;
  bottom: -0.2rem;
  content: "";
  display: none;
  height: 0.25rem;
  position: absolute;
  left: -0.2rem;
  transition-duration: 0.3s;
  transition-property: width;
  transition-timing-function: ease-out;
  width: 108%;
  z-index: -1;
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item--current .primary-navigation__item__link::before {
    bottom: -0.7rem;
    display: block;
  }
}
@media (min-width: 1024px) {
  .ybs #primary-navigation .primary-navigation__item--current .primary-navigation__item__link::before {
    bottom: -0.3rem;
  }
}
@media (min-width: 1780px) {
  .ybs #primary-navigation .primary-navigation__item--current .primary-navigation__item__link::before {
    bottom: -0.2rem;
  }
}
.ybs #primary-navigation .primary-navigation__item:hover .primary-navigation__item__link, .ybs #primary-navigation .primary-navigation__item.active .primary-navigation__item__link {
  color: var(--color-primary-hover);
  text-decoration: none;
}
.ybs #primary-navigation .primary-navigation__item:hover .primary-navigation__item__link::after, .ybs #primary-navigation .primary-navigation__item.active .primary-navigation__item__link::after {
  display: block;
}
.ybs #primary-navigation .primary-navigation__item:hover .primary-navigation__item__toggle-button .icon, .ybs #primary-navigation .primary-navigation__item.active .primary-navigation__item__toggle-button .icon {
  animation: 500ms arrow_up alternate forwards;
}
.ybs #primary-navigation .primary-navigation__item:hover .primary-navigation__item__submenu, .ybs #primary-navigation .primary-navigation__item.active .primary-navigation__item__submenu {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 700px) {
  .ybs #primary-navigation .primary-navigation__item:hover .primary-navigation__item__submenu, .ybs #primary-navigation .primary-navigation__item.active .primary-navigation__item__submenu {
    padding-top: 3rem;
  }
}
.ybs #primary-navigation .primary-navigation__item:hover .primary-navigation__item__submenu__title svg, .ybs #primary-navigation .primary-navigation__item.active .primary-navigation__item__submenu__title svg {
  transition: ease-in-out 0.1s;
}
.ybs #primary-navigation .primary-navigation__item:hover .primary-navigation__item__submenu {
  z-index: 21;
}
@media (max-width: 699px) {
  .ybs #primary-navigation .primary-navigation__item {
    min-width: 3.5rem;
  }
}
@media (max-width: 699px) {
  .ybs #primary-navigation {
    left: 2rem;
    position: absolute;
    visibility: hidden;
  }
}
.ybs #secondary-navigation .secondary-navigation {
  align-items: center;
  grid-gap: 0.9rem;
}
.ybs #secondary-navigation .secondary-navigation li a:hover {
  text-decoration: none;
}
.ybs #secondary-navigation .secondary-navigation li a span {
  display: block;
  padding-top: 0.3rem;
}
@media (min-width: 900px) {
  .ybs #secondary-navigation .secondary-navigation li a span {
    margin-top: -0.4rem;
    padding-top: 0;
  }
}
@media (min-width: 1780px) {
  .ybs #secondary-navigation .secondary-navigation li a span {
    margin-top: 0.13rem;
  }
}
.ybs #secondary-navigation .secondary-navigation li a span svg {
  height: 1.25rem;
  stroke: var(--color-secondary);
  width: 1.25rem;
}
@media (min-width: 900px) {
  .ybs #secondary-navigation .secondary-navigation li a span svg {
    height: auto;
    stroke: var(--color-secondary);
    width: 0.9rem;
  }
}
@media (min-width: 1024px) {
  .ybs #secondary-navigation .secondary-navigation li a span svg {
    width: 1rem;
  }
}
@media (min-width: 1780px) {
  .ybs #secondary-navigation .secondary-navigation li a span svg {
    width: 1.05rem;
    margin-bottom: 0.14rem;
  }
}
.ybs #secondary-navigation .secondary-navigation li a strong {
  color: var(--details-highlight-restriction);
  font-weight: 100;
  margin-top: -0.2rem;
}
@media (min-width: 900px) {
  .ybs #secondary-navigation .secondary-navigation li a strong {
    color: var(--color-grey-900);
    margin-left: 0.05rem;
  }
}
@media (min-width: 1780px) {
  .ybs #secondary-navigation .secondary-navigation li a strong {
    color: var(--color-primary);
  }
}
@media (min-width: 900px) {
  .ybs #secondary-navigation .secondary-navigation li a:hover strong {
    color: var(--color-primary);
  }
}
@media (max-width: 768px) {
  .ybs #secondary-navigation .secondary-navigation li a {
    font-size: 0.8rem;
    font-weight: 100;
  }
}
.ybs #secondary-navigation .secondary-navigation li::before {
  display: none;
}
.ybs #secondary-navigation .secondary-navigation li.secondary-navigation__search__button {
  display: none;
}
@media (max-width: 768px) {
  .ybs #secondary-navigation .secondary-navigation li.secondary-navigation__search__button {
    display: block;
  }
}
@media (max-width: 768px) {
  .ybs #secondary-navigation .secondary-navigation li.secondary-navigation__search__field {
    display: none;
  }
}
.ybs #secondary-navigation .secondary-navigation li.secondary-navigation__branches strong {
  display: none;
}
.ybs #secondary-navigation .secondary-navigation li.secondary-navigation__branches strong:last-child {
  display: block;
}
@media (min-width: 769px) {
  .ybs #secondary-navigation .secondary-navigation li.secondary-navigation__branches strong:last-child {
    display: none;
  }
}
@media (min-width: 769px) {
  .ybs #secondary-navigation .secondary-navigation li.secondary-navigation__branches strong {
    display: inline-block;
  }
}
.ybs #secondary-navigation .secondary-navigation li.secondary-navigation__about {
  display: none;
}
@media (min-width: 769px) {
  .ybs #secondary-navigation .secondary-navigation li.secondary-navigation__about {
    display: inline-block;
  }
}
@media (min-width: 1024px) {
  .ybs #secondary-navigation .secondary-navigation {
    margin-top: 0.4rem;
  }
}
.ybs .icon-hamburguer, .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox + #mobile-menu-icon, .ybs .fancy-input-box.fancy-checkbox .button-menu-mobile + #mobile-menu-icon,
.ybs .button-menu-mobile + #mobile-menu-icon {
  cursor: pointer;
  height: 2.4rem;
  left: -0.06rem;
  top: -0.2rem;
  margin: 0;
  padding: 0;
  position: absolute;
  transform: scale(1.75) translate3d(-4px, 0px, 0);
  width: 3.5rem;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.ybs .icon-hamburguer g, .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox + #mobile-menu-icon g, .ybs .fancy-input-box.fancy-checkbox .button-menu-mobile + #mobile-menu-icon g,
.ybs .button-menu-mobile + #mobile-menu-icon g {
  transform: scale(0.06) translate(-279px, -48px);
}
.ybs .icon-hamburguer path, .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox + #mobile-menu-icon path, .ybs .fancy-input-box.fancy-checkbox .button-menu-mobile + #mobile-menu-icon path,
.ybs .button-menu-mobile + #mobile-menu-icon path {
  fill: none;
  -webkit-transition: stroke-dashoffset 0.7s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -moz-transition: stroke-dashoffset 0.7s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -o-transition: stroke-dashoffset 0.7s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -ms-transition: stroke-dashoffset 0.7s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  transition: stroke-dashoffset 0.7s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 60px;
  stroke: var(--color-primary);
}
.ybs .icon-hamburguer path#top, .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox + #mobile-menu-icon path#top,
.ybs .button-menu-mobile + #mobile-menu-icon path#top, .ybs .icon-hamburguer path#bottom, .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox + #mobile-menu-icon path#bottom,
.ybs .button-menu-mobile + #mobile-menu-icon path#bottom {
  stroke-dasharray: 240px 950px;
}
.ybs .icon-hamburguer path#middle, .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox + #mobile-menu-icon path#middle,
.ybs .button-menu-mobile + #mobile-menu-icon path#middle {
  stroke-dasharray: 240px 240px;
}
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(-2rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.ybs .menu-hamburguer-checked + #mobile-menu-icon path, .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox.checked + #mobile-menu-icon path,
.ybs .button-menu-mobile:checked + #mobile-menu-icon path {
  stroke: #999999;
}
.ybs .menu-hamburguer-checked + #mobile-menu-icon path#top, .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox.checked + #mobile-menu-icon path#top,
.ybs .button-menu-mobile:checked + #mobile-menu-icon path#top, .ybs .menu-hamburguer-checked + #mobile-menu-icon path#bottom, .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox.checked + #mobile-menu-icon path#bottom,
.ybs .button-menu-mobile:checked + #mobile-menu-icon path#bottom {
  stroke-dashoffset: -650px;
  stroke-dashoffset: -650px;
}
.ybs .menu-hamburguer-checked + #mobile-menu-icon path#middle, .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox.checked + #mobile-menu-icon path#middle,
.ybs .button-menu-mobile:checked + #mobile-menu-icon path#middle {
  stroke-dashoffset: -115px;
  stroke-dasharray: 1px 220px;
}
.ybs .menu-hamburguer-checked + #mobile-menu-icon + #primary-navigation, .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox.checked + #mobile-menu-icon + #primary-navigation,
.ybs .button-menu-mobile:checked + #mobile-menu-icon + #primary-navigation {
  height: 4rem;
  left: 1.5rem;
  top: 0;
  visibility: visible;
  z-index: 5;
}
.ybs .menu-hamburguer-checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item, .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox.checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item,
.ybs .button-menu-mobile:checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item {
  animation-duration: 0.1s;
  animation-name: slideInRight;
}
.ybs .menu-hamburguer-checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item:nth-child(0), .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox.checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item:nth-child(0),
.ybs .button-menu-mobile:checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item:nth-child(0) {
  animation-duration: 0s;
}
.ybs .menu-hamburguer-checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item:nth-child(1), .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox.checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item:nth-child(1),
.ybs .button-menu-mobile:checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item:nth-child(1) {
  animation-duration: 0.2s;
}
.ybs .menu-hamburguer-checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item:nth-child(2), .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox.checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item:nth-child(2),
.ybs .button-menu-mobile:checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item:nth-child(2) {
  animation-duration: 0.4s;
}
.ybs .menu-hamburguer-checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item:nth-child(3), .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox.checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item:nth-child(3),
.ybs .button-menu-mobile:checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item:nth-child(3) {
  animation-duration: 0.6s;
}
.ybs .menu-hamburguer-checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item:nth-child(4), .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox.checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item:nth-child(4),
.ybs .button-menu-mobile:checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item:nth-child(4) {
  animation-duration: 0.8s;
}
.ybs .menu-hamburguer-checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item:nth-child(5), .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox.checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item:nth-child(5),
.ybs .button-menu-mobile:checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item:nth-child(5) {
  animation-duration: 1s;
}
.ybs .menu-hamburguer-checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item .primary-navigation__item__submenu, .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox.checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item .primary-navigation__item__submenu,
.ybs .button-menu-mobile:checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item .primary-navigation__item__submenu {
  z-index: -1;
}
.ybs .menu-hamburguer-checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item__link:hover::after, .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox.checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item__link:hover::after,
.ybs .button-menu-mobile:checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item__link:hover::after {
  display: none;
}
@media (max-width: 699px) {
  .ybs .menu-hamburguer-checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item__toggle-button, .ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox.checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item__toggle-button,
  .ybs .button-menu-mobile:checked + #mobile-menu-icon + #primary-navigation .primary-navigation__item__toggle-button {
    display: none;
  }
}
.ybs .fancy-input-box.fancy-checkbox .button-menu-mobile,
.ybs .button-menu-mobile {
  align-items: center;
  appearance: none;
  background: transparent;
  color: var(--color-primary);
  font-family: var(--font-family-bold);
  font-size: 1.2rem;
  gap: 0.5rem;
  height: 2.1rem;
  outline: none;
  padding: 0 0 0 2rem;
  position: relative;
  width: 100%;
  visibility: visible;
  z-index: 2;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.ybs .fancy-input-box.fancy-checkbox .button-menu-mobile::after,
.ybs .button-menu-mobile::after {
  align-items: center;
  background: transparent;
  content: attr(data-title);
  display: inline-flex;
  font-size: 1.25rem;
  height: 2.4rem;
  line-height: normal;
  width: 100%;
}
.ybs .fancy-input-box.fancy-checkbox .button-menu-mobile:checked::after,
.ybs .button-menu-mobile:checked::after {
  content: "";
}
@media (min-width: 700px) {
  .ybs .fancy-input-box.fancy-checkbox .button-menu-mobile,
  .ybs .button-menu-mobile {
    display: none;
  }
}
.ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox {
  border: 0;
  height: auto;
  width: auto;
}
.ybs .main-header__group__navigation .fancy-input-box.fancy-checkbox.checked .button-menu-mobile::after {
  content: "";
}
.ybs .primary-navigation-dropdown--opened .primary-navigation__item__submenu {
  animation: fade_in_submenu ease-in-out 500ms forwards;
}
@keyframes fade_in_submenu {
  from {
    opacity: 0;
    transform: translateY(-1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.ybs .primary-navigation-dropdown--opened .primary-navigation__item__submenu__title.primary-navigation-accordion--opened + ul li {
  display: block;
}
.ybs .primary-navigation-dropdown--opened .primary-navigation__item:hover .primary-navigation__item__submenu, .ybs .primary-navigation-dropdown--opened .primary-navigation__item.active .primary-navigation__item__submenu {
  visibility: visible;
}
@media (min-width: 1568px) {
  .ybs.cbs #primary-navigation .primary-navigation__item__submenu {
    margin-left: -48rem;
    max-width: 96rem;
  }
}
@media (min-width: 2500px) {
  .ybs.cbs #primary-navigation .primary-navigation__item__submenu {
    margin-left: -55rem;
    max-width: 110rem;
  }
}
@media (min-width: 700px) {
  .ybs.cbs #primary-navigation .primary-navigation__item__submenu li:not(.primary-navigation__item__submenu__product) {
    width: 23%;
  }
}
.ybs.cbs #primary-navigation .primary-navigation__item__submenu li:not(.primary-navigation__item__submenu__product) ul li {
  margin-left: 0;
  padding-left: 0;
  width: 100%;
}
@media (min-width: 846px) {
  .ybs.cbs #primary-navigation .primary-navigation__item__submenu li.primary-navigation__item__submenu__product + li:not(.primary-navigation__item__submenu__product) {
    margin-left: 1rem;
  }
}
@media (min-width: 1568px) {
  .ybs.cbs #primary-navigation .primary-navigation__item__submenu li.primary-navigation__item__submenu__product + li:not(.primary-navigation__item__submenu__product) {
    margin-left: 2rem;
  }
}
@media (min-width: 2500px) {
  .ybs.cbs #primary-navigation .primary-navigation__item__submenu li.primary-navigation__item__submenu__product + li:not(.primary-navigation__item__submenu__product) {
    margin-left: 4rem;
  }
}

.has-control-menu.open .main-header__group__secondary {
  display: none;
}
.has-control-menu.has-edit-mode-menu .main-header.page-editor__disabled-area.collapsed .main-header__group__secondary {
  display: none;
}

.notification-container {
  position: fixed;
  left: 50%;
  bottom: 5%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1000000;
  transition: 250ms;
}
.notification-container h3 {
  margin-bottom: 0.2em;
  color: #fff;
}
.notification-container .notification-count {
  position: absolute;
  top: -2em;
  right: 0;
  padding: 0.5em;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
  border: 1px solid #c3c3c3;
  border-bottom: 1px solid #fff;
}

.notification,
.notification-container #survey-popup,
.logout-survey,
.notification.notification-position-3 {
  position: relative;
  background-color: #f0f4f7;
  box-shadow: 0px 4px 0px 0px rgba(0, 40, 92, 0.2);
  border: 2px solid rgba(0, 40, 92, 0.2);
  padding: 1.25em;
  padding-top: 0.9em;
  border-radius: 0.3em;
  -webkit-animation: 500ms notificationSlideIn;
  animation: 500ms notificationSlideIn;
  transition: 250ms;
  padding-bottom: 0.3em;
  background: #332a40;
  color: white;
  z-index: 10;
}
.notification p,
.notification-container #survey-popup p,
.logout-survey p,
.notification.notification-position-3 p {
  color: #fff;
}

.js-help .notification-container [id=survey-popup] {
  display: none;
}

.logout-survey {
  margin-bottom: 1em;
  background-color: white;
  max-width: 800px;
}

@media screen and (max-width: 31.25em) {
  .notification {
    border-radius: 0;
    -webkit-transform: none;
    transform: none;
  }
}
.notification.notification-position-2, .notification.notification-position-1, .notification.notification-position-0 {
  display: none;
}
@media screen and (max-width: 31.25em) {
  .notification.notification-position-3 {
    border-radius: 0;
    -webkit-transform: none;
    transform: none;
  }
}
.notification.notification-error, .notification.notification-failure {
  background-color: #ff5656;
}
.notification.notification-failure .notification-close, .notification.notification-failure .notification-content, .notification.notification-failure .notification-title {
  color: #fff;
}
.notification.notification-success {
  background-color: #c9ddb8;
}
.notification > .notification-close {
  font-size: 2.25em;
  position: absolute;
  top: -0.1em;
  right: -0.1em;
  color: white;
  line-height: 0.5em;
  cursor: pointer;
  padding: 0.5em;
}
.notification .notification-body {
  padding-right: 2em;
}
.notification .survey-inner {
  text-align: center;
}
.notification .notification-title,
.notification .survey-inner h3 {
  display: block;
  color: white;
  font-family: Aller-bold;
}
.notification .notification-content {
  vertical-align: middle;
  display: inline-block;
  font-size: 0.9em;
  color: white;
  line-height: 1.7em;
}
@media screen and (max-width: 31.25em) {
  .notification .notification-content {
    left: -2px;
    right: -2px;
    max-width: 101%;
    bottom: -2px;
    -webkit-transform: none;
    transform: none;
  }
}
@media screen and (max-width: 25em) {
  .notification .notification-body > p {
    width: 100%;
  }
}

/************************************************/
.notification.notification-position-3 {
  width: 32rem;
  height: 5.7rem;
  background-color: #332a40;
  position: fixed;
  left: calc(50% - 16rem);
  bottom: 5vh;
  color: #fff;
  padding: 1.3rem;
  padding-top: 0.93rem;
  padding-bottom: 0.31rem;
  box-shadow: 0px 4px 0px 0px rgba(0, 40, 92, 0.2);
  border: 2px solid rgba(0, 40, 92, 0.2);
  padding: 1.25em;
  padding-top: 0.9em;
  border-radius: 0.3em;
  padding-bottom: 0.3em;
}
.notification.notification-position-3.notification-failure {
  background-color: #ff5656;
}

.notification-close {
  font-size: 2.25em;
  position: absolute;
  top: -0.1em;
  right: -0.1em;
  color: white;
  line-height: 0.5em;
  cursor: pointer;
  padding: 0.5em;
}

.notification-title {
  font-family: var(--font-family-bold);
  font-size: 1rem;
}

.notification-content {
  font-size: 0.9em;
  line-height: 1.7em;
}

.ybs .slider {
  width: 100%;
  display: block;
  position: relative;
  padding: 0;
  margin: 0.5em 0;
  border-radius: 0.18em;
}
.ybs .slider .small-4 {
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
.ybs .slider .progress {
  display: block;
  position: absolute;
  height: 0.5rem;
  z-index: 1;
  border-radius: 0.18em;
  background-color: var(--color-primary);
}
.ybs .slider .progress-empty {
  display: block;
  height: 0.5rem;
  position: absolute;
  width: 100%;
  right: 0;
  top: 0;
  z-index: 2;
  background-color: #d9d9d9;
  border-radius: 0.18em;
}
.ybs .slider .handle {
  position: absolute;
  top: -0.5em;
  width: 1.5em;
  height: 1.5em;
  z-index: 3;
  border-radius: 8px;
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-bottom: 3px solid #a7afb1;
}
.ybs .slider .flex-container {
  margin-top: 1.25em;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.ybs .slider .range-curr-value {
  text-align: center;
  font-family: var(--font-family-bold);
  padding: 0.5em 0.1em;
  width: 75%;
  margin: 0 auto;
  display: block;
}
.ybs .slider .range-min,
.ybs .slider .range-max {
  color: #666666;
  box-sizing: border-box;
  -ms-align-self: center;
  align-self: center;
}
.ybs .slider .range-min {
  text-align: left;
  padding-left: 0.5em;
}
.ybs .slider .range-max {
  text-align: right;
  padding-right: 0.5em;
}
.ybs input[type=text].range {
  width: 85px;
  display: inline-block;
  background-color: transparent;
  border: none;
  float: right;
  text-align: right;
  font-size: 1em;
  font-family: var(--font-family-base);
  color: inherit;
  border: solid 2px #e9e9e9;
  padding: 0.3em;
  border-radius: 0.3em;
}
.ybs .range-disabled + .slider .range-curr-value,
.ybs .input-disabled {
  background-color: #cecece;
  -webkit-user-select: none;
  -webkit-user-input: disabled;
  -moz-user-select: none;
  -moz-user-input: disabled;
  user-select: none;
  user-input: disabled;
  cursor: default;
}

.ybs .related-articles.row {
  display: grid;
  gap: 1.3rem 1.7rem;
  grid-template-columns: 1fr;
  margin-bottom: 1.5rem;
  margin-top: 1rem;
  width: 100%;
}
@media (min-width: 640px) {
  .ybs .related-articles.row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .ybs .related-articles.row {
    grid-template-columns: repeat(4, 1fr);
  }
}
.ybs .related-articles.row .related-articles__item .journal-content-article {
  height: 100%;
}

.ybs .slick-slider.slick-initialized {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ybs .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.ybs .slick-list:focus {
  outline: none;
}
.ybs .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.ybs .slick-slider .slick-track,
.ybs .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: margin-left 150ms;
}
.ybs .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.ybs .slick-track:before,
.ybs .slick-track:after {
  display: table;
  content: "";
}
.ybs .slick-track:after {
  clear: both;
}
.ybs .slick-loading .slick-track {
  visibility: hidden;
}
.ybs .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.ybs [dir=rtl] .slick-slide {
  float: right;
}
.ybs .slick-slide img {
  display: block;
}
.ybs .slick-slide.slick-loading img {
  display: none;
}
.ybs .slick-slide.dragging img {
  pointer-events: none;
}
.ybs .slick-initialized .slick-slide {
  display: block;
}
.ybs .slick-loading .slick-slide {
  visibility: hidden;
}
.ybs .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.ybs .slick-arrow.slick-hidden {
  display: none;
}
.ybs .slick-slide > div > [class*=col-] {
  max-width: inherit;
}
.ybs .slick-prev.slick-arrow,
.ybs .slick-next.slick-arrow {
  position: absolute;
  top: 43%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: var(--color-grey-50);
  border: solid 1px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  padding: 0.5em;
  z-index: 2;
  cursor: pointer;
  height: 2em;
  width: 2em;
  text-align: center;
  overflow: hidden;
  transition: 150ms;
  border-radius: 0.2em;
  background-color: var(--color-grey-50);
  box-shadow: var(--box-shadow);
  border: none;
  color: var(--color-primary);
  font-weight: bold;
}
.ybs .slick-prev.slick-arrow {
  left: -0.5em;
}
.ybs .slick-next.slick-arrow {
  right: -0.5em;
}
.ybs .slick-is-first > .slick-prev.slick-arrow,
.ybs .slick-is-last > .slick-next.slick-arrow {
  visibility: hidden;
}
.ybs .slick-slider.slick-preview-hidden .slick-list {
  overflow: hidden;
}
.ybs .carousel,
.ybs .swiper-container {
  margin: 0 auto;
  position: relative;
  list-style: none;
  padding: 0;
  z-index: 1;
}

/*!
 * smartbanner.js v1.18.0 <https://github.com/ain/smartbanner.js#readme>
 * Copyright © 2022 Ain Tohvri, contributors. Licensed under GPL-3.0.
 */
.smartbanner {
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  width: 100%;
  height: 84px;
  background: #f3f3f3;
  font-family: Helvetica, sans, sans-serif;
  /** Android styles **/
}

.smartbanner__exit {
  position: absolute;
  top: calc(50% - 6px);
  left: 9px;
  display: block;
  margin: 0;
  width: 12px;
  height: 12px;
  border: 0;
  text-align: center;
}

.smartbanner__exit::before, .smartbanner__exit::after {
  position: absolute;
  width: 1px;
  height: 12px;
  background: #767676;
  content: " ";
}

.smartbanner__exit::before {
  transform: rotate(45deg);
}

.smartbanner__exit::after {
  transform: rotate(-45deg);
}

.smartbanner__icon {
  position: absolute;
  top: 10px;
  left: 30px;
  width: 64px;
  height: 64px;
  border-radius: 15px;
  background-size: 64px 64px;
}

.smartbanner__info {
  position: absolute;
  top: 10px;
  left: 104px;
  display: flex;
  overflow-y: hidden;
  width: 60%;
  height: 64px;
  align-items: center;
  color: #000;
}

.smartbanner__info__title {
  font-size: 14px;
}

.smartbanner__info__author, .smartbanner__info__price {
  font-size: 12px;
}

.smartbanner__button {
  position: absolute;
  top: 32px;
  right: 10px;
  z-index: 1;
  display: block;
  padding: 0 10px;
  min-width: 10%;
  border-radius: 5px;
  background: #f3f3f3;
  color: #1474fc;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
}

.smartbanner__button__label {
  text-align: center;
}

.smartbanner.smartbanner--android {
  background: #3d3d3d url("data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7");
  box-shadow: inset 0 4px 0 #88b131;
}

.smartbanner.smartbanner--android .smartbanner__exit {
  left: 6px;
  margin-right: 7px;
  width: 17px;
  height: 17px;
  border-radius: 14px;
  background: #1c1e21;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
  color: #b1b1b3;
  font-family: "ArialRoundedMTBold", Arial;
  font-size: 20px;
  line-height: 17px;
  text-shadow: 0 1px 1px #000;
}

.smartbanner.smartbanner--android .smartbanner__exit::before, .smartbanner.smartbanner--android .smartbanner__exit::after {
  top: 3px;
  left: 8px;
  width: 2px;
  height: 11px;
  background: #b1b1b3;
}

.smartbanner.smartbanner--android .smartbanner__exit:active, .smartbanner.smartbanner--android .smartbanner__exit:hover {
  color: #eee;
}

.smartbanner.smartbanner--android .smartbanner__icon {
  background-color: transparent;
  box-shadow: none;
}

.smartbanner.smartbanner--android .smartbanner__info {
  color: #ccc;
  text-shadow: 0 1px 2px #000;
}

.smartbanner.smartbanner--android .smartbanner__info__title {
  color: #fff;
  font-weight: bold;
}

.smartbanner.smartbanner--android .smartbanner__button {
  top: 30px;
  right: 20px;
  padding: 0;
  min-width: 12%;
  border-radius: 0;
  background: none;
  box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;
  color: #d1d1d1;
  font-size: 14px;
  font-weight: bold;
}

.smartbanner.smartbanner--android .smartbanner__button:active, .smartbanner.smartbanner--android .smartbanner__button:hover {
  background: none;
}

.smartbanner.smartbanner--android .smartbanner__button__label {
  display: block;
  padding: 0 10px;
  background: #42b6c9;
  background: linear-gradient(to bottom, #42b6c9, #39a9bb);
  box-shadow: none;
  line-height: 24px;
  text-align: center;
  text-shadow: none;
  text-transform: none;
}

.smartbanner.smartbanner--android .smartbanner__button__label:active, .smartbanner.smartbanner--android .smartbanner__button__label:hover {
  background: #2ac7e1;
}

/**
 * Loading Animation/spinner
 */
.loading-spinner {
  position: relative;
  min-height: 10em;
  /*Takes into account 2em from top, and the 100px height */
}

.loading-spinner:before,
.loading-spinner:after {
  display: block;
  height: 100px;
  width: 100px;
  padding-top: 2em;
  position: absolute;
  top: 2em;
  left: 45%;
  z-index: 2;
}

.loading-spinner[data-loading-spinner-text]:after {
  content: attr(data-loading-spinner-text);
}

.loading-spinner:before {
  content: "";
  background-color: transparent;
  background-image: url(../images/loading-spinner.gif);
  background-size: 100px 100px;
  background-position: center;
}

.cbs .loading-spinner:before {
  background-image: url(../images/cbs_loading-spinner.gif);
}

body {
  overflow-x: hidden;
}

.hide-accessible {
  clip: rect(0 0 0 0) !important;
  position: absolute !important;
  -webkit-transform: scale(0);
  -webkit-transform-origin-x: 0;
  -webkit-transform-origin-y: 0;
  *position: fixed !important;
  _position: absolute !important;
}

/*# sourceMappingURL=main.css.map */
/*# sourceMappingURL=main.css.map */