@font-face {
  font-family: "vw-text";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/fonts/VWTextWeb-Regular.eot"), url("/assets/fonts/VWTextWeb-Regular.woff") format("woff"), url("/assets/fonts/VWTextWeb-Regular.ttf") format("truetype"), url("/assets/fonts/VWTextWeb-Regular.svg#$name") format("svg"); }

@font-face {
  font-family: "vw-text";
  font-style: normal;
  font-weight: bold;
  src: url("/assets/fonts/VWTextWeb-Bold.eot"), url("/assets/fonts/VWTextWeb-Bold.woff") format("woff"), url("/assets/fonts/VWTextWeb-Bold.ttf") format("truetype"), url("/assets/fonts/VWTextWeb-Bold.svg#$name") format("svg"); }

@font-face {
  font-family: "vw-head";
  font-style: normal;
  font-weight: 200;
  src: url("/assets/fonts/VWHeadWeb-Light.eot"), url("/assets/fonts/VWHeadWeb-Light.woff") format("woff"), url("/assets/fonts/VWHeadWeb-Light.ttf") format("truetype"), url("/assets/fonts/VWHeadWeb-Light.svg#$name") format("svg"); }

@font-face {
  font-family: "vw-head";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/fonts/VWHeadWeb-Regular.eot"), url("/assets/fonts/VWHeadWeb-Regular.woff") format("woff"), url("/assets/fonts/VWHeadWeb-Regular.ttf") format("truetype"), url("/assets/fonts/VWHeadWeb-Regular.svg#$name") format("svg"); }

@font-face {
  font-family: "vw-head";
  font-style: normal;
  font-weight: bold;
  src: url("/assets/fonts/VWHeadWeb-Bold.eot"), url("/assets/fonts/VWHeadWeb-Bold.woff") format("woff"), url("/assets/fonts/VWHeadWeb-Bold.ttf") format("truetype"), url("/assets/fonts/VWHeadWeb-Bold.svg#$name") format("svg"); }

a {
  color: #1e5fbe; }
  a:hover {
    color: #174992; }

.nav-link.active {
  color: #fff; }

.btn-primary {
  background-color: #1e5fbe;
  border-color: #1e5fbe; }
  .btn-primary:hover {
    background-color: #174992;
    border-color: #103366; }

.vwd-cms-root,
.modal {
  font-family: vw-text, sans-serif;
  font-weight: normal; }

.modal-header,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: vw-head, sans-serif; }

.hidden {
  display: none; }

.modal-open .alert-fade {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1060;
  width: 100%; }

.modal-open .spinner-container.overlay {
  z-index: 1060; }

.modal-backdrop {
  z-index: 1040; }

.modal {
  z-index: 1050; }

.modal-backdrop + .modal + .modal-backdrop {
  z-index: 1051; }

.modal-backdrop + .modal + .modal-backdrop + .modal {
  z-index: 1052; }

.navbar-brand {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.navbar + * {
  min-height: 100vh;
  padding: 72px 16px 16px; }

.navbar {
  background-color: #000; }
  .navbar.double + * {
    padding-top: 112px; }
  .navbar .logo {
    width: 3rem;
    height: auto;
    margin-right: 1rem; }

.multiple-navbars {
  flex-direction: column;
  align-items: stretch; }

.main-nav-row {
  display: flex;
  align-items: center; }

.no-match {
  display: block;
  padding: 1em 0;
  font-size: 4em;
  font-weight: bold;
  text-align: center; }

.app-content {
  position: relative; }
  .app-content .table td,
  .app-content .table th {
    vertical-align: middle; }

.buttons {
  display: block;
  margin: 0 -4px; }
  .buttons > * {
    margin: 0 4px; }

.spinner-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 32px 0; }
  .spinner-container.overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    margin: 0;
    background-color: rgba(255, 255, 255, 0.5); }

.form {
  max-width: 640px;
  margin: 0 auto; }

.relative {
  position: relative; }

textarea.form-control {
  min-height: 160px; }

.text-button {
  color: #1e5fbe;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent; }
  .text-button:hover {
    color: #174992;
    text-decoration: underline; }
  .text-button.disabled {
    pointer-events: none;
    -webkit-filter: grayscale(1);
            filter: grayscale(1); }

.actions-cell > * + * {
  margin-left: 16px; }

.login-screen,
.activation-screen,
.reset-screen {
  position: relative; }
  .login-screen .card,
  .activation-screen .card,
  .reset-screen .card {
    max-width: 26rem;
    margin: 4rem auto; }
    .login-screen .card .title,
    .activation-screen .card .title,
    .reset-screen .card .title {
      padding: .25rem 0;
      margin: 0 0 1rem;
      font-size: 1.25rem;
      color: #fff;
      text-align: left;
      background-color: #373940; }
    .login-screen .card .logo,
    .activation-screen .card .logo,
    .reset-screen .card .logo {
      width: 5rem;
      height: auto; }

.current-user .nav-item .nav-link {
  color: #fff; }

.form-group {
  display: flex;
  flex-direction: column; }
  .form-group.form-check {
    display: block; }

.required .form-group > label::after {
  font-weight: bold;
  color: #dc3545;
  content: ' *'; }

.form-error {
  margin-top: .25em;
  font-size: 80%;
  color: #dc3545;
  order: 1; }
  .form-error ~ .form-control {
    border-color: #dc3545; }
  .form-error ~ label {
    color: #dc3545; }
  .form-error ~ .form-check {
    color: #dc3545; }

.modal-body .buttons,
.form .buttons {
  display: flex;
  justify-content: flex-end; }
  .modal-body .buttons > *,
  .form .buttons > * {
    margin: 0 8px; }

th.clickable {
  cursor: pointer; }

th .cell {
  display: flex;
  align-items: center; }
  th .cell .name {
    flex: 1; }
  th .cell i {
    width: 16px; }

.table-header-cell-popover {
  max-width: 320px;
  padding: 8px; }
  .table-header-cell-popover .sort-buttons {
    display: flex;
    margin: 0 -4px; }
    .table-header-cell-popover .sort-buttons > * {
      flex: 1;
      margin: 0 4px; }
    .table-header-cell-popover .sort-buttons + * {
      margin-top: 16px; }
  .table-header-cell-popover .filters .form-check {
    display: flex; }
  .table-header-cell-popover .filters .form-check-label {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .table-header-cell-popover .filters .actions {
    display: flex;
    margin: 4px -4px 0; }
    .table-header-cell-popover .filters .actions > * {
      margin: 0 4px; }
    .table-header-cell-popover .filters .actions + * {
      margin-top: 16px; }
  .table-header-cell-popover .filters + * {
    margin-top: 16px; }
  .table-header-cell-popover .footer-buttons {
    display: flex;
    justify-content: space-between; }

@font-face {
  font-family: "vw-text";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/fonts/VWTextWeb-Regular.eot"), url("/assets/fonts/VWTextWeb-Regular.woff") format("woff"), url("/assets/fonts/VWTextWeb-Regular.ttf") format("truetype"), url("/assets/fonts/VWTextWeb-Regular.svg#$name") format("svg"); }

@font-face {
  font-family: "vw-text";
  font-style: normal;
  font-weight: bold;
  src: url("/assets/fonts/VWTextWeb-Bold.eot"), url("/assets/fonts/VWTextWeb-Bold.woff") format("woff"), url("/assets/fonts/VWTextWeb-Bold.ttf") format("truetype"), url("/assets/fonts/VWTextWeb-Bold.svg#$name") format("svg"); }

@font-face {
  font-family: "vw-head";
  font-style: normal;
  font-weight: 200;
  src: url("/assets/fonts/VWHeadWeb-Light.eot"), url("/assets/fonts/VWHeadWeb-Light.woff") format("woff"), url("/assets/fonts/VWHeadWeb-Light.ttf") format("truetype"), url("/assets/fonts/VWHeadWeb-Light.svg#$name") format("svg"); }

@font-face {
  font-family: "vw-head";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/fonts/VWHeadWeb-Regular.eot"), url("/assets/fonts/VWHeadWeb-Regular.woff") format("woff"), url("/assets/fonts/VWHeadWeb-Regular.ttf") format("truetype"), url("/assets/fonts/VWHeadWeb-Regular.svg#$name") format("svg"); }

@font-face {
  font-family: "vw-head";
  font-style: normal;
  font-weight: bold;
  src: url("/assets/fonts/VWHeadWeb-Bold.eot"), url("/assets/fonts/VWHeadWeb-Bold.woff") format("woff"), url("/assets/fonts/VWHeadWeb-Bold.ttf") format("truetype"), url("/assets/fonts/VWHeadWeb-Bold.svg#$name") format("svg"); }

.vwd-root {
  font-family: vw-text, sans-serif;
  font-weight: normal;
  background-color: #fff; }
  .vwd-root strong {
    font-family: vw-head, sans-serif; }

.vwd-root a:hover,
.dcp-root a:hover {
  text-decoration: none; }

.vwd-tabs-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style-type: none; }
  .vwd-tabs-nav button {
    margin: 1em 2em; }
  .vwd-tabs-nav .active button {
    color: #fff;
    background-color: #001e50; }

.vwd-tabs-nav-secondary {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none; }
  .vwd-tabs-nav-secondary .name-tab {
    display: block;
    padding: 0 1rem;
    margin: 0;
    white-space: nowrap;
    border-bottom: 1px solid #dfe4e8; }
    .vwd-tabs-nav-secondary .name-tab > * {
      position: relative;
      top: 1px;
      display: block;
      padding: .5rem 0;
      color: #001e50;
      border-bottom: 2px solid transparent; }
      .vwd-tabs-nav-secondary .name-tab > *:hover {
        color: #00b0f0; }
    .vwd-tabs-nav-secondary .name-tab.active > * {
      border-bottom-color: #001e50; }

.fb_dialog {
  z-index: 99 !important; }
  .fb_dialog.fb_customer_chat_bubble_pop_in {
    bottom: 50pt !important; }

.fb-customerchat iframe {
  bottom: 95pt !important; }

.toast-fade {
  position: fixed;
  right: 50px;
  bottom: 50px;
  width: 350px; }
  .toast-fade .toast {
    transition: opacity 450ms; }
    .toast-fade .toast.show {
      opacity: 1; }

.landing-page .news {
  display: flex;
  flex-direction: column; }
  .landing-page .news .actions {
    text-align: right; }
    .landing-page .news .actions > * {
      margin-left: 16px; }
  .landing-page .news .news-title {
    margin: 16px 0; }

.photo-input {
  display: flex;
  flex-direction: column;
  width: 200px;
  height: 150px;
  overflow: hidden;
  background-color: #e0e0e0;
  border-radius: 8px; }
  .photo-input .interaction-area {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    cursor: pointer; }
    .photo-input .interaction-area i {
      font-size: 72px; }
    .photo-input .interaction-area .preview {
      flex: 1;
      width: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }
    .photo-input .interaction-area .clear {
      position: absolute;
      top: 4px;
      right: 4px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      color: #1e5fbe;
      background: #fff;
      border: 1px solid #1e5fbe;
      border-radius: 50%; }
      .photo-input .interaction-area .clear:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }

.file-browser-main .alert-fade {
  position: -webkit-sticky;
  position: sticky;
  bottom: 16px; }

.file-browser-tabs.single-tab .nav-tabs {
  display: none; }

.file-browser-tab-content .toolbar {
  display: flex;
  padding: 8px 0; }
  .file-browser-tab-content .toolbar .upload {
    display: flex;
    flex: 1;
    justify-content: flex-end; }

.file-browser-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .file-browser-pagination .page-info {
    margin: 0 16px; }

.file-browser-file-list {
  display: flex;
  flex-wrap: wrap; }
  .file-browser-file-list .file {
    position: relative;
    width: 12.5%;
    min-height: 256px;
    padding: 8px 4px;
    cursor: pointer; }
    .file-browser-file-list .file.foreign::after {
      position: absolute;
      top: 8px;
      right: 4px;
      width: 0;
      height: 0;
      content: '';
      border-color: transparent #1e5fbe transparent transparent;
      border-style: solid;
      border-width: 0 16px 16px 0; }
    .file-browser-file-list .file .actions {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
      background-color: rgba(0, 0, 0, 0.5); }
      .file-browser-file-list .file .actions > * {
        width: 80%;
        overflow: hidden;
        white-space: nowrap; }
    .file-browser-file-list .file .thumbnail {
      width: 100%;
      height: auto;
      background-position: center;
      background-size: cover; }
      .file-browser-file-list .file .thumbnail::after {
        display: block;
        padding-bottom: 100%;
        content: ''; }
    .file-browser-file-list .file .filename {
      word-break: break-all; }

.alert-fade.fading {
  opacity: 0;
  transition: opacity .6s ease 4.5s; }

.file-browser-modal .modal-dialog {
  width: auto;
  max-width: none;
  margin: .5rem; }

.timespan-input .form-row label {
  font-size: .9em; }

.timespan-input .col {
  display: flex;
  flex-direction: column; }

.open-time-input .days {
  font-size: .9rem; }

.open-time-input .is-closed .timespan-input {
  display: none; }

.quill-input .ql-tooltip {
  display: none; }

.quill-input .ql-editor h5 {
  margin: 0;
  font-size: 1.5em !important;
  font-weight: 200; }

.quill-input .ql-editor h3 {
  margin: 0;
  font-size: 2em !important;
  font-weight: 200; }

.link-modal .controls {
  display: flex;
  justify-content: space-between; }
  .link-modal .controls .group {
    margin: 0 -8px; }
    .link-modal .controls .group > * {
      margin: 0 8px; }


.placement-controls-main .action-add {
  margin-bottom: 32px; }

.placement-controls-main .item-container {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.5); }
  .placement-controls-main .item-container.first {
    padding-top: 16px;
    border-top: 1px dashed rgba(0, 0, 0, 0.5); }

.placement-controls-main .item-actions {
  margin: 0 -4px 16px;
  overflow: hidden; }
  .placement-controls-main .item-actions > * {
    margin: 0 4px; }

.placement-controls-main .action-delete {
  float: right; }

.contains-autocomplete-input {
  position: relative; }
  .contains-autocomplete-input input + div {
    position: fixed;
    z-index: 1060;
    max-height: 50%;
    overflow: auto;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5); }
  .contains-autocomplete-input .item {
    padding: 0 2px;
    cursor: pointer; }
    .contains-autocomplete-input .item.active {
      background-color: #e0e0e0; }




.onehub-icon-select .select-trigger select {
  pointer-events: none; }

.onehub-icon-modal .modal-body {
  margin: -8px; }
  .onehub-icon-modal .modal-body button {
    padding: 9px;
    margin: 8px;
    background: transparent;
    border: 1px solid #e0e0e0;
    border-radius: 0; }

.company-ids-input .selected-companies {
  margin: -4px;
  margin-bottom: .5rem; }

.company-ids-input .company-badge {
  margin: 4px;
  font-size: 16px;
  font-weight: normal; }
  .company-ids-input .company-badge .act-remove {
    cursor: pointer; }


.file-input {
  display: flex;
  flex-direction: column;
  width: 200px;
  height: 150px;
  overflow: hidden;
  background-color: #e0e0e0;
  border-radius: 8px; }
  .file-input .interaction-area {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    cursor: pointer; }
    .file-input .interaction-area .preview {
      flex: 1;
      width: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }

.news-item {
  position: relative;
  padding: 16px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0; }
  .news-item .item-actions {
    position: absolute;
    top: 8px;
    right: 0; }
    .news-item .item-actions button {
      margin-right: 16px; }
    .news-item .item-actions button + button {
      margin-right: 0; }
  .news-item .news-date {
    margin-bottom: 24px; }
  .news-item .content p,
  .news-item .content ul,
  .news-item .content h3,
  .news-item .content h5 {
    margin: 0; }

.news-item + .news-item {
  border-top: 0; }

.news-item-images {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px; }
  .news-item-images .image {
    display: block;
    width: calc(20% - 16px);
    margin: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
    .news-item-images .image::before {
      display: block;
      padding-bottom: 75%;
      content: ''; }

.news-item-documents {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px; }
  .news-item-documents .image {
    display: block;
    width: calc(20% - 16px);
    margin: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
    .news-item-documents .image::before {
      display: block;
      padding-bottom: 75%;
      content: ''; }

.news-item-videos {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px; }
  .news-item-videos .image {
    display: block;
    width: calc(20% - 16px);
    margin: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
    .news-item-videos .image::before {
      display: block;
      padding-bottom: 75%;
      content: ''; }

.domain-form .site-types {
  display: flex;
  flex-direction: column; }
  .domain-form .site-types .sites-error {
    position: relative;
    top: -1rem;
    order: 1; }

.domain-form .sites-error ~ .form-group label {
  color: #dc3545; }

.tree-view-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: inherit; }

.tree-view-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 0;
  overflow: hidden; }

.nav-selected-item-toolbar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 64px;
  padding: 8px;
  margin-bottom: 16px;
  background: #f5f5f5; }
  .nav-selected-item-toolbar .title {
    padding: 0;
    margin: 0;
    font-size: 1.6em; }
  .nav-selected-item-toolbar .clipboard {
    display: flex;
    justify-content: center;
    width: 64px; }
  .nav-selected-item-toolbar .actions {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    margin: -4px; }
    .nav-selected-item-toolbar .actions > * {
      margin: 4px; }

.nav-tree-wrapper {
  display: block;
  flex: 1;
  height: 0;
  overflow: auto; }

.nav-tree-container {
  display: flex; }

.nav-item-list {
  display: flex;
  flex-direction: column;
  width: 256px;
  margin-right: 4px;
  flex-shrink: 0; }
  .nav-item-list .item-name {
    position: relative;
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0;
    margin: 2px 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    cursor: pointer;
    background: #f5f5f5; }
    .nav-item-list .item-name .name {
      flex: 1;
      margin: 0 8px; }
    .nav-item-list .item-name:hover {
      background: gainsboro; }
    .nav-item-list .item-name::before {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 48px;
      height: 100%;
      content: ' ';
      background: #418107; }
    .nav-item-list .item-name.type-link::before {
      content: 'L'; }
    .nav-item-list .item-name.type-structure::before {
      content: 'S'; }
    .nav-item-list .item-name.type-structure.is-tab::before {
      content: 'ST'; }
    .nav-item-list .item-name.type-structure::after {
      display: block;
      width: 12px;
      height: 12px;
      margin-right: 14px;
      content: '';
      border-top: 2px solid #767676;
      border-right: 2px solid #767676;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .nav-item-list .item-name.type-page::before {
      content: 'P'; }
    .nav-item-list .item-name.type-otomoto::before {
      content: 'O'; }
    .nav-item-list .item-name.active {
      background: #add8e6; }
    .nav-item-list .item-name.selected {
      background: #3a9fc0; }
    .nav-item-list .item-name.foreign::before {
      background: #a12820; }
    .nav-item-list .item-name.foreign.hideable::before {
      background: #ffa500; }
    .nav-item-list .item-name.foreign.hidden::before {
      background: #808080; }
    .nav-item-list .item-name.hidden::before {
      background: #e2eeda; }

.unsaved-changes-alert {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  padding: 16px;
  background: #f5f5f5;
  border-top: 1px solid gainsboro; }
  .unsaved-changes-alert .text {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center; }
  .unsaved-changes-alert .title,
  .unsaved-changes-alert .description {
    padding: 0;
    margin: 4px 0; }

.cms-component-wrap {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .cms-component-wrap .children-container {
    min-height: 32px; }
    .cms-component-wrap .children-container::before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 2;
      content: '';
      background: #e0e0e0;
      opacity: 0; }
  .cms-component-wrap.cms-hidden .children-container::before {
    opacity: .5; }
  .cms-component-wrap:hover {
    box-shadow: 0 0 2px 1px #103366; }
  .cms-component-wrap.active {
    box-shadow: 0 0 2px 1px #1e5fbe; }
    .cms-component-wrap.active .editors-container {
      display: block; }
  .cms-component-wrap .editors-container {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1003;
    display: none;
    background-color: #e0e0e0;
    border-radius: 5px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .cms-component-wrap .editors-container ul {
      display: flex;
      align-items: center;
      justify-content: space-around;
      padding: 8px;
      margin: 0;
      list-style-type: none; }
      .cms-component-wrap .editors-container ul li {
        width: 64px;
        height: 64px;
        margin: 8px;
        font-size: 24px;
        line-height: 64px;
        color: #fff;
        text-align: center;
        background-color: #1e5fbe;
        border-radius: 8px; }
  .cms-component-wrap .preview-image-container {
    display: flex;
    justify-content: center; }
    .cms-component-wrap .preview-image-container img {
      width: 100%;
      max-width: 3350px; }

.vwd-claim {
  background-image: radial-gradient(circle at 50% 85%, #00437a 0%, #001e50 100%);
  padding: 8% 5%; }
  .vwd-claim.horizontal-left .text {
    align-items: flex-start; }
  .vwd-claim .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%; }
    .vwd-claim .text .headline {
      margin-bottom: 16px; }
    .vwd-claim .text .title a {
      color: #fff; }
    .vwd-claim .text .vwd-link-button {
      margin-top: 48px; }

.vwd-link {
  font-family: vw-text, sans-serif;
  color: inherit;
  text-decoration: none;
  transition: color .2s; }
  .vwd-link.vwd-link-minimal.active, .vwd-link.vwd-link-minimal:hover, .vwd-link.vwd-link-minimal:active, .vwd-link.vwd-link-minimal:focus {
    color: #00b0f0;
    text-decoration: none;
    outline: none; }
  .vwd-link.vwd-link-default {
    font-weight: bold;
    color: #001e50;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .2em; }
    .vwd-link.vwd-link-default.active, .vwd-link.vwd-link-default:hover, .vwd-link.vwd-link-default:active, .vwd-link.vwd-link-default:focus {
      color: #001e50;
      -webkit-text-decoration: underline 1px;
              text-decoration: underline 1px;
      background-color: rgba(194, 202, 207, 0.2);
      outline: none; }

.vwd-link-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 40px;
  margin: 0;
  font-size: .875rem;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: #001e50;
  border: 0;
  border-radius: 22px;
  outline: none;
  transition: background-color .2s ease-in-out 0s; }
  @media (min-width: 1600px) {
    .vwd-link-button {
      font-size: 1rem; } }
  .vwd-link-button:hover, .vwd-link-button:active, .vwd-link-button:focus {
    color: #fff;
    text-decoration: none;
    background: #0040c5; }
  .vwd-link-button.light {
    background-color: transparent;
    border: 2px solid #fff; }
    .vwd-link-button.light:hover, .vwd-link-button.light:focus, .vwd-link-button.light:active {
      background-color: rgba(194, 202, 207, 0.2); }

.vwd-cms-editor-html ul {
  padding: 0;
  list-style-type: '- ';
  -webkit-padding-start: 32px;
          padding-inline-start: 32px; }

.vwd-cms-editor-html p {
  margin: 0; }

.vwd-cms-editor-html h1,
.vwd-cms-editor-html h2,
.vwd-cms-editor-html h3,
.vwd-cms-editor-html h4,
.vwd-cms-editor-html h5,
.vwd-cms-editor-html h6 {
  padding: 0;
  margin: -.11em 0 .11em;
  font-family: vw-head, sans-serif;
  font-weight: 200;
  letter-spacing: -.015em; }

.vwd-cms-editor-html h3 {
  font-size: 2em;
  line-height: 1.125; }

.vwd-cms-editor-html h5 {
  font-size: 1em;
  line-height: 1.25; }

.vwd-cms-editor-html a {
  font-weight: bold;
  color: #001e50;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em; }
  .vwd-cms-editor-html a.active, .vwd-cms-editor-html a:hover, .vwd-cms-editor-html a:active, .vwd-cms-editor-html a:focus {
    color: #001e50;
    -webkit-text-decoration: underline 1px;
            text-decoration: underline 1px;
    background-color: rgba(194, 202, 207, 0.2);
    outline: none; }

.vwd-checklist {
  color: #000; }
  .vwd-checklist ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 2rem 0;
    list-style-type: none; }
    .vwd-checklist ul li {
      position: relative;
      padding-left: 3rem;
      margin: .5rem 0; }
  .vwd-checklist .bullet-check li {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="24" height="24"%3E%3Cpath fill="%23029640" d="M28.281 6.281L11 23.563 3.719 16.28 2.28 17.72l8 8 .719.687.719-.687 18-18z"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: left center; }
  .vwd-checklist .bullet-dash li::before {
    position: absolute;
    left: 1rem;
    font-weight: bold;
    content: '-';
    -webkit-transform: translateY(-0.05rem);
            transform: translateY(-0.05rem); }
  .vwd-checklist .bullet-number li {
    counter-increment: items 1; }
    .vwd-checklist .bullet-number li::before {
      position: absolute;
      left: 1rem;
      font-weight: bold;
      content: "0" counter(items); }

.vwd-description {
  padding: 0;
  margin: 0 0 16px; }

.vwd-illustrated-text {
  display: flex;
  flex-direction: column; }
  @media (min-width: 960px) {
    .vwd-illustrated-text.left, .vwd-illustrated-text.right {
      flex-direction: row; }
      .vwd-illustrated-text.left .image-container, .vwd-illustrated-text.right .image-container {
        width: 50%;
        margin-bottom: 0; }
    .vwd-illustrated-text.right .image-container {
      order: 1; }
    .vwd-illustrated-text.large .image-container {
      width: 58%; } }
  .vwd-illustrated-text .image-container {
    width: 100%;
    margin-bottom: 48px; }
  .vwd-illustrated-text .text-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 0 48px; }
    .vwd-illustrated-text .text-container.center {
      justify-content: center; }
  .vwd-illustrated-text .title {
    margin-bottom: 32px; }
  .vwd-illustrated-text .links {
    margin-top: 16px; }

.vwd-image-container {
  overflow: hidden; }
  .vwd-image-container .image {
    width: 100%;
    padding-bottom: 66%;
    background-position: center;
    background-size: cover;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-transform: scale(1);
            transform: scale(1); }
  .vwd-image-container:hover .image {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  .vwd-image-container.large .image {
    padding-bottom: 77%; }

.vwd-illustrated-text-dual {
  display: flex; }
  @media (min-width: 960px) {
    .vwd-illustrated-text-dual {
      flex-direction: row; }
      .vwd-illustrated-text-dual > .primary {
        flex: 5; }
      .vwd-illustrated-text-dual > .secondary {
        flex: 3;
        padding: 0 3rem; }
        .vwd-illustrated-text-dual > .secondary .text-container {
          padding: 0; } }
  @media (max-width: 959.8px) {
    .vwd-illustrated-text-dual {
      flex-direction: column; }
      .vwd-illustrated-text-dual > :first-child {
        margin-bottom: 3rem; } }


.vwd-title-description .vwd-title {
  padding-right: 3rem;
  margin-bottom: 1.5rem; }

.vwd-title-description .vwd-description {
  padding-left: 3rem; }

@charset "UTF-8";
.quote-wrapper .quote-content {
  position: relative;
  padding-left: 64px;
  margin-bottom: 16px; }
  .quote-wrapper .quote-content::before {
    position: absolute;
    top: -20px;
    left: 20px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 90px;
    content: '“'; }

.quote-wrapper .quote-author {
  position: relative;
  padding-left: 72px;
  margin-left: 64px; }
  .quote-wrapper .quote-author::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 42px;
    height: 3px;
    content: '';
    background-color: #000;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

.vwd-campaign-carousel .slide {
  position: relative;
  display: block; }
  @media (min-width: 560px) {
    .vwd-campaign-carousel .slide.shadow.middle .slide-text {
      background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 70%); }
    .vwd-campaign-carousel .slide.shadow.bottom .slide-text {
      background: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 70%); } }

.vwd-campaign-carousel .slide-background {
  display: block;
  width: calc(100% + 2 * 44px);
  height: 0;
  min-height: 70vh;
  padding-bottom: 38%;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  -webkit-transform: translateX(-44px);
          transform: translateX(-44px); }

@media (min-width: 960px) {
  .vwd-campaign-carousel .slide-html h3 {
    font-size: 3em; }
  .vwd-campaign-carousel .slide-html h5 {
    font-size: 1.25em; } }

.vwd-campaign-carousel .slide-text {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1rem;
  color: #000; }
  .vwd-campaign-carousel .slide-text .slide-text-content {
    padding-right: 1rem; }

.vwd-campaign-carousel .carousel-btn {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 40px;
  font-family: vw-text, sans-serif;
  font-size: .875rem;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border-radius: 22px;
  color: #fff;
  background-color: #001e50;
  margin-top: 1rem; }
  .vwd-campaign-carousel .carousel-btn:hover {
    background-color: #00b0f0;
    transition: background-color .2s ease-in-out; }

@media (min-width: 960px) {
  .vwd-campaign-carousel .slide-text {
    flex-direction: row;
    justify-content: space-between;
    height: 100%;
    padding: 1.5rem 6rem 0;
    color: #000; } }

.vwd-campaign-carousel .arrow-buttons-wrapper > div {
  top: 40%; }

.vwd-campaign-carousel .disclaimer-open-wrapper {
  white-space: nowrap; }
  .vwd-campaign-carousel .disclaimer-open-wrapper .disclaimer-open {
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    cursor: pointer;
    background-color: #c1cacf;
    border: 0;
    border-radius: 50%;
    transition: .3s; }
    .vwd-campaign-carousel .disclaimer-open-wrapper .disclaimer-open:hover {
      color: #fff;
      background-color: #0040c5; }
  @media (min-width: 960px) {
    .vwd-campaign-carousel .disclaimer-open-wrapper .disclaimer-open {
      width: 30px;
      min-width: 30px;
      height: 30px;
      font-size: 16px; } }

.disclaimer-popup {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  width: 100%;
  max-height: 40vh;
  padding: 16px;
  overflow-y: auto;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.85);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  opacity: 1;
  transition: opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
  transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  -webkit-transform: translateY(0);
          transform: translateY(0); }
  @media (min-width: 640px) {
    .disclaimer-popup {
      width: 83vw;
      max-height: 25vh;
      margin: 0 auto; } }
  .disclaimer-popup.animation-enter, .disclaimer-popup.animation-exit-done {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  .disclaimer-popup.animation-enter-active {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .disclaimer-popup .disclaimer-text {
    display: flex;
    margin-right: 16px; }
  .disclaimer-popup .disclaimer-number {
    width: 28px; }
  .disclaimer-popup .disclaimer-close {
    padding: 0;
    margin: 0;
    margin-left: auto;
    color: #fff;
    cursor: pointer;
    background: none;
    border: 0; }

.crm-wrapper {
  background-image: radial-gradient(circle at 50% 85%, #00437a 0%, #001e50 100%);
  position: relative;
  z-index: 92;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4.5%;
  margin: 96px 0; }

.ratio-container {
  position: relative;
  width: 100%; }
  .ratio-container .ratio-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.vwd-button {
  padding: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background-color: transparent;
  border: 0; }
  .vwd-button:active, .vwd-button:focus, .vwd-button:hover {
    color: #00b0f0;
    outline: none; }
  .vwd-button.vwd-button-icon {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.5rem; }
  .vwd-button.vwd-button-link {
    color: inherit;
    outline: none;
    transition: color .2s; }
    .vwd-button.vwd-button-link.active, .vwd-button.vwd-button-link:hover, .vwd-button.vwd-button-link:active, .vwd-button.vwd-button-link:focus {
      color: #00b0f0;
      text-decoration: none;
      outline: none; }
  .vwd-button.vwd-button-radius {
    padding: .5em 6em;
    border: solid 2px #001e50;
    border-radius: 24px; }
    .vwd-button.vwd-button-radius.active {
      color: #fff;
      background-color: #001e50; }

@charset "UTF-8";
.calculator {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem; }
  .calculator .legend-title {
    display: block;
    margin-bottom: -5px;
    font-family: vw-head, sans-serif;
    font-size: 1.25rem;
    font-weight: bold;
    color: #000; }
  .calculator .range-title {
    padding-left: .75rem; }
  .calculator .calc-wrapper {
    display: flex;
    flex-direction: row; }
  .calculator .calc-form {
    display: block;
    width: auto;
    padding-right: 1rem; }
  .calculator .calc-result {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    min-width: 350px;
    max-width: 41.666%;
    padding-left: 1rem; }
    .calculator .calc-result .result-info {
      padding-left: 1.125rem;
      font-family: vw-text, sans-serif;
      line-height: 1.1; }
      .calculator .calc-result .result-info li {
        margin-top: .5rem; }
    .calculator .calc-result .result-main {
      margin-top: 5.625rem; }
    .calculator .calc-result .price-label {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-bottom: 1.5rem;
      font-size: 1.25rem; }
      .calculator .calc-result .price-label .price-input-wrap {
        position: relative;
        max-width: 150px;
        margin-top: 1rem; }
        .calculator .calc-result .price-label .price-input-wrap::after {
          position: absolute;
          top: -4px;
          right: 0;
          font-size: 2rem;
          font-weight: bold;
          content: 'zł';
          border: 0; }
        .calculator .calc-result .price-label .price-input-wrap .price-input {
          position: relative;
          max-width: 150px;
          padding-right: 20px;
          font-size: 2rem;
          font-weight: bold;
          text-align: left;
          border: 0;
          border-bottom: 2px solid #001e50;
          outline: 0; }
    @media (max-width: 959.8px) {
      .calculator .calc-result {
        padding: .75rem; } }

.calc-disclaimer {
  font-family: vw-text, sans-serif;
  font-size: .875rem;
  line-height: 1.5rem; }

.calc-range {
  position: relative;
  padding: 2rem 0;
  margin-bottom: 1.25rem;
  margin-left: 1rem; }
  .calc-range .range-value {
    margin: 0;
    font-family: vw-head, sans-serif;
    font-size: 2rem;
    font-weight: 200;
    line-height: 1.13; }
  .calc-range .range-input,
  .calc-range .range-bar,
  .calc-range .range-dot-wrapper {
    position: absolute;
    bottom: -5px;
    left: 0; }
  .calc-range .range-input {
    bottom: -12px;
    width: 100%;
    padding: .5rem 0;
    margin: 0;
    cursor: pointer;
    background: transparent;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .calc-range .range-input:focus {
      outline: none; }
    .calc-range .range-input::-webkit-slider-thumb {
      position: relative;
      z-index: 2;
      width: 24px;
      height: 24px;
      margin-top: 0;
      background: #fff;
      border: 6px solid #001e50;
      border-radius: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      -webkit-appearance: none;
              appearance: none; }
    .calc-range .range-input::-moz-range-thumb {
      position: relative;
      z-index: 2;
      box-sizing: border-box;
      width: 24px;
      height: 24px;
      margin-top: 0;
      background: #fff;
      border: 6px solid #001e50;
      border-radius: 50%; }
    .calc-range .range-input::-ms-thumb {
      position: relative;
      z-index: 2;
      box-sizing: border-box;
      width: 24px;
      height: 24px;
      margin-top: 0;
      background: #fff;
      border: 6px solid #001e50;
      border-radius: 50%; }
    .calc-range .range-input::-webkit-slider-runnable-track {
      position: relative;
      z-index: 3;
      height: 4px;
      background: transparent; }
    .calc-range .range-input::-moz-range-track {
      height: 4px;
      background: transparent; }
    .calc-range .range-input::-ms-track {
      width: 100%;
      height: 4px;
      color: transparent;
      cursor: pointer;
      background: transparent;
      border-color: transparent; }
  .calc-range .range-dot-wrapper {
    width: 100%;
    height: 4px; }
  .calc-range .range-dot-track {
    position: relative;
    width: calc(100% - 10px);
    height: 100%;
    margin: 0 auto; }
    .calc-range .range-dot-track::after {
      position: absolute;
      top: 0;
      right: -5px;
      left: -5px;
      height: 2px;
      content: '';
      background-color: #001e50;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
  .calc-range .range-dot {
    position: absolute;
    z-index: 1;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: '';
    background: #fff;
    border: 3px solid #001e50;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.range-bar {
  display: block;
  height: 4px;
  background: #001e50;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.radiofieldset {
  padding-right: 0;
  margin-bottom: .625rem; }
  @media (max-width: 959.8px) {
    .radiofieldset {
      text-align: center; } }
  .radiofieldset:last-of-type {
    margin-bottom: 0; }
  .radiofieldset .radio-container {
    display: inline-block;
    margin-right: .75rem; }
    .radiofieldset .radio-container:last-child {
      margin-right: 0; }
      @media (max-width: 959.8px) {
        .radiofieldset .radio-container:last-child {
          margin-right: 1rem; } }
  .radiofieldset .radio-label {
    display: block;
    min-width: 189px;
    padding: .5rem 0;
    margin-top: .5rem;
    font-size: 1rem;
    color: #001e50;
    text-align: center;
    cursor: pointer;
    border: 1px solid #6a767d; }
    .radiofieldset .radio-label.selected {
      color: #001e50;
      border-color: #001e50;
      box-shadow: inset 2px 2px 0 0 #001e50, inset -2px -2px 0 0 #001e50; }
  .radiofieldset .radio-input {
    display: none; }

.droplist-wrap {
  padding-left: .75em; }
  .droplist-wrap:focus {
    outline: none; }
  .droplist-wrap .drop-list__control {
    margin-bottom: 1.5rem;
    border: 0;
    border-bottom: 1px solid #6a767d;
    border-radius: 0; }
    .droplist-wrap .drop-list__control:hover {
      border-color: #6a767d; }
    .droplist-wrap .drop-list__control .drop-list__value-container {
      justify-content: left;
      min-width: 189px;
      padding-left: 0;
      font-size: 1.25rem; }
    .droplist-wrap .drop-list__control .drop-list__indicator-separator {
      display: none; }
      .droplist-wrap .drop-list__control .drop-list__indicator-separator svg {
        fill: #001e50; }
  .droplist-wrap .drop-list__menu {
    z-index: 12; }

.cookie-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9055;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3); }
  .cookie-popup .main-box {
    width: 100%;
    max-width: 64rem;
    max-height: 90vh;
    padding: 2rem;
    margin: 1rem;
    overflow: auto;
    background: #fff;
    border-radius: 2px; }
  .cookie-popup .title {
    margin-bottom: 1rem; }
  .cookie-popup .disclaimer-wrapper {
    max-height: 25vh;
    padding-right: .75rem;
    overflow: auto; }
    @media (min-width: 640px) {
      .cookie-popup .disclaimer-wrapper {
        max-height: 40vh; } }
    @media (min-width: 1024px) {
      .cookie-popup .disclaimer-wrapper {
        max-height: none; } }
  .cookie-popup .vwd-link {
    font-size: inherit;
    font-weight: 700;
    color: #001e50;
    text-decoration: underline; }
    .cookie-popup .vwd-link:focus {
      outline: none; }
  .cookie-popup .button-wrapper-bottom {
    display: flex;
    margin-top: 2rem; }
    @media (max-width: 767px) {
      .cookie-popup .button-wrapper-bottom {
        flex-direction: column; }
        .cookie-popup .button-wrapper-bottom button:not(:last-child) {
          margin-bottom: 1rem; } }
    @media (min-width: 768px) {
      .cookie-popup .button-wrapper-bottom button div {
        margin: 0; }
      .cookie-popup .button-wrapper-bottom button:nth-child(1) {
        margin-right: 1rem; }
      .cookie-popup .button-wrapper-bottom button:last-child {
        margin: auto; } }
  .cookie-popup .button-wrapper-top {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .cookie-popup .button-wrapper-top {
        flex-direction: row;
        justify-content: center; } }
    .cookie-popup .button-wrapper-top button:nth-child(1) {
      margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .cookie-popup .button-wrapper-top button:nth-child(1) {
        margin-right: 1rem;
        margin-bottom: 0; } }
  .cookie-popup .button-wrapper-close {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 2rem; }
    @media (min-width: 768px) {
      .cookie-popup .button-wrapper-close {
        flex-direction: row; } }
  .cookie-popup .checkbox-list {
    margin-top: 2rem;
    margin-bottom: .5rem; }
  .cookie-popup .checkbox-description {
    margin-left: 2.75rem; }

.form-label {
  display: flex;
  margin-bottom: 0;
  cursor: pointer;
  align-content: flex-start; }
  .form-label.disabled {
    cursor: initial; }
    .form-label.disabled .form-label-text {
      color: #c2cacf; }
  .form-label-element {
    padding-right: 20px; }
  .form-label-text {
    font-size: .875rem;
    line-height: 1.57; }

.form-checkbox {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer; }
  .form-checkbox.disabled {
    cursor: initial;
    opacity: .3; }
  .form-checkbox::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    content: '';
    background-color: #fff;
    border: 1px solid #001e50;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .form-checkbox::after {
    position: absolute;
    top: 40%;
    left: 5px;
    width: 14px;
    height: 9px;
    content: '';
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    opacity: 0;
    transition: opacity .5s;
    -webkit-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg); }
  .form-checkbox.checked::after {
    opacity: 1; }
  .form-checkbox input {
    display: none; }

.error-wrap {
  background-image: radial-gradient(circle at 50% 85%, #00437a 0%, #001e50 100%);
  padding: 5.5rem 7.5rem;
  color: #fff; }
  @media (max-width: 959.8px) {
    .error-wrap {
      padding: 5.5rem 3rem; } }
  @media (max-width: 559.8px) {
    .error-wrap {
      padding: 5.5rem 2rem; } }
  .error-wrap .title {
    margin: 0;
    font-family: vw-head, sans-serif;
    font-size: 3rem;
    font-weight: 200;
    line-height: 1;
    letter-spacing: -.7px; }
  .error-wrap .description {
    margin: 1rem 0 0;
    font-family: vw-head, sans-serif;
    font-size: 1.5rem;
    font-weight: 200;
    line-height: 1;
    letter-spacing: -.17px; }
  .error-wrap .vwd-link-button {
    margin-top: 3rem; }

.vwd-footer {
  padding: 0 3rem; }
  .vwd-footer .footer-container {
    border-top: 2px solid #001e50; }
  .vwd-footer .primary-links {
    display: flex;
    flex-wrap: wrap;
    margin: -1.5rem;
    margin-top: 0; }
    @media (min-width: 960px) {
      .vwd-footer .primary-links {
        margin: 3rem 1.5rem 0; } }
    .vwd-footer .primary-links .group {
      flex: 1;
      min-width: 200px;
      margin: 1.5rem; }
    .vwd-footer .primary-links .title {
      display: none;
      margin-bottom: 1.6rem;
      font-family: vw-head, sans-serif;
      font-size: 1rem;
      font-weight: bold;
      line-height: 1.1;
      color: #000; }
    .vwd-footer .primary-links .link-list {
      display: block;
      padding: 0;
      margin: -.5rem 0;
      list-style-type: none; }
    .vwd-footer .primary-links .link-container {
      display: block;
      padding: .5rem 0; }
    .vwd-footer .primary-links .vwd-link {
      display: inline-block;
      margin: 0;
      font-size: inherit;
      font-weight: normal;
      line-height: 1;
      color: #001e50;
      text-decoration: none; }
    .vwd-footer .primary-links .icon {
      width: 1.5rem;
      height: 1.5rem;
      margin-right: .75rem; }
  .vwd-footer .secondary-row {
    display: flex;
    padding: 3rem;
    line-height: 1.5rem; }
    @media (max-width: 768px) {
      .vwd-footer .secondary-row {
        flex-wrap: wrap; } }
    .vwd-footer .secondary-row .legal {
      margin-left: 2rem;
      font-family: vw-text, sans-serif;
      font-size: .75rem;
      font-weight: normal;
      color: #000; }
      @media (max-width: 768px) {
        .vwd-footer .secondary-row .legal {
          margin-left: 0; } }
  .vwd-footer .secondary-links {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style-type: none; }
    @media (max-width: 768px) {
      .vwd-footer .secondary-links {
        flex-wrap: wrap; } }
    .vwd-footer .secondary-links .link-container {
      position: relative;
      display: inline-block;
      margin-right: 50px;
      font-size: .875rem;
      font-weight: normal;
      color: #001e50; }
      @media (max-width: 768px) {
        .vwd-footer .secondary-links .link-container {
          flex-wrap: wrap; } }
      .vwd-footer .secondary-links .link-container:not(:last-child)::after {
        position: absolute;
        top: 0;
        right: -25px;
        content: '|'; }
      @media (max-width: 425px) {
        .vwd-footer .secondary-links .link-container:not(:last-child)::after {
          content: none; } }
  .vwd-footer .disclaimers {
    padding-top: 2rem;
    border-top: 1px solid #dfe4e8; }
    @media (in-width: 768px) {
      .vwd-footer .disclaimers {
        padding: 3rem; } }

.vwd-icon {
  display: inline-block;
  width: 100%;
  height: auto;
  -webkit-transform-origin: center;
          transform-origin: center; }
  .vwd-icon.right {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .vwd-icon.down {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .vwd-icon.left {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }

.vwd-site-select {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  height: 2.5rem;
  margin: 0;
  font-family: vw-text, sans-serif;
  font-weight: normal;
  line-height: 1.33;
  color: #001e50;
  background: #fff; }
  .vwd-site-select.disabled {
    cursor: default; }
    .vwd-site-select.disabled .site {
      padding: 0 .5rem; }
  .vwd-site-select .current-site {
    position: relative; }
  .vwd-site-select .site {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    height: 2.5rem;
    padding: 0 0 0 .5rem; }
    .vwd-site-select .site .site-title {
      max-width: 60vw;
      margin: 0;
      overflow: hidden;
      font-size: .75rem;
      font-weight: bold;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .vwd-site-select .site .type-name {
      margin: 0;
      font-size: .75rem;
      font-weight: normal;
      text-decoration: underline; }

.vwd-site-select-panel-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9052;
  width: 100%;
  height: 0%;
  overflow: auto;
  background: #fff;
  transition: height .1s; }
  .vwd-site-select-panel-container.expanded {
    height: 100%; }

.vwd-site-select-modal {
  overflow: hidden; }
  .vwd-site-select-modal .tab-list-container > * {
    margin: 32px 0;
    overflow: hidden; }
    @media (max-width: 576px) {
      .vwd-site-select-modal .tab-list-container > * {
        grid-template-columns: repeat(2, auto var(--size-dynamic0250)) auto; } }
  .vwd-site-select-modal .tab-button:focus > span {
    color: #001e50;
    background-color: transparent; }
  .vwd-site-select-modal .tab-title {
    display: flex;
    align-items: center; }
    .vwd-site-select-modal .tab-title svg {
      margin-right: 8px; }

.vwd-modal-container > * {
  z-index: 9051; }

.vwd-modal-container .modal-content {
  padding: 24px; }

.vwd-modal-container .modal-header {
  position: relative;
  margin-bottom: 16px; }
  .vwd-modal-container .modal-header .modal-title {
    margin-right: 32px; }
  .vwd-modal-container .modal-header .act-close {
    position: absolute;
    top: -8px;
    right: -8px; }

.vwd-modal-container .modal-body {
  min-height: 128px; }

.vwd-site-select-modal-location-list {
  display: flex;
  flex-wrap: wrap;
  margin: -10px; }
  .vwd-site-select-modal-location-list .location-tile {
    display: flex;
    width: 100%;
    padding: 10px; }
    @media (min-width: 1280px) {
      .vwd-site-select-modal-location-list .location-tile {
        width: 50%; } }
    @media (min-width: 1920px) {
      .vwd-site-select-modal-location-list .location-tile {
        width: 33%; } }
    @media (min-width: 2560px) {
      .vwd-site-select-modal-location-list .location-tile {
        width: 25%; } }
  .vwd-site-select-modal-location-list .location-item {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 20px;
    border: 2px solid #dfe4e8;
    border-radius: 16px; }
    .vwd-site-select-modal-location-list .location-item.active {
      border-color: #001e50; }
    .vwd-site-select-modal-location-list .location-item .item-content {
      display: flex;
      flex: 1;
      flex-direction: column;
      overflow: hidden; }
    .vwd-site-select-modal-location-list .location-item .item-name {
      min-width: 240px;
      max-width: 280px; }
    .vwd-site-select-modal-location-list .location-item .item-address {
      margin: 8px 0 24px; }
    .vwd-site-select-modal-location-list .location-item .buttons {
      display: flex;
      flex: 1;
      flex-direction: column;
      justify-content: flex-end;
      margin: -6px; }
      .vwd-site-select-modal-location-list .location-item .buttons > * {
        margin: 6px; }

body.nav-active {
  overflow: hidden; }

.vwd-navbar-sticky-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9050;
  width: 100%;
  overflow: hidden; }

.vwd-navbar {
  overflow: hidden;
  background: #fff; }
  .vwd-navbar.hide-logo {
    border-bottom: 1px solid #dfe4e8; }
    .vwd-navbar.hide-logo .children-outlet {
      height: auto; }
  .vwd-navbar.transparent {
    background: linear-gradient(rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0)); }
    .vwd-navbar.transparent.hide-logo {
      background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0)); }
    .vwd-navbar.transparent .menu-button {
      color: #fff; }
      .vwd-navbar.transparent .menu-button:hover, .vwd-navbar.transparent .menu-button:focus, .vwd-navbar.transparent .menu-button:active {
        color: #00b0f0; }
    .vwd-navbar.transparent .menu-button-icon svg {
      color: inherit; }
    .vwd-navbar.transparent .vwd-site-select {
      background: transparent; }
      .vwd-navbar.transparent .vwd-site-select .current-site {
        color: #fff; }
        .vwd-navbar.transparent .vwd-site-select .current-site:hover, .vwd-navbar.transparent .vwd-site-select .current-site:focus, .vwd-navbar.transparent .vwd-site-select .current-site:active {
          color: #00b0f0; }
    .vwd-navbar.transparent .vwd-nav-anchor-list .as-list .anchor {
      color: #fff; }
      .vwd-navbar.transparent .vwd-nav-anchor-list .as-list .anchor.active {
        -webkit-text-decoration: underline solid #fff 2px;
                text-decoration: underline solid #fff 2px;
        text-underline-offset: 12px; }
      .vwd-navbar.transparent .vwd-nav-anchor-list .as-list .anchor:focus > span,
      .vwd-navbar.transparent .vwd-nav-anchor-list .as-list .anchor:hover > span {
        color: #00b0f0;
        background-color: transparent; }
    .vwd-navbar.transparent .vwd-nav-anchor-list .as-select > * svg {
      color: #fff; }
    .vwd-navbar.transparent .vwd-nav-anchor-list .as-select > * select {
      color: #fff; }
  .vwd-navbar > div:first-child > div:last-child > * {
    padding-top: 9px; }
  .vwd-navbar .menu-button {
    display: flex; }
  .vwd-navbar .menu-button-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px; }
  .vwd-navbar .nav-panel {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    width: 0%;
    height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: transparent;
    background-image: radial-gradient(circle at 0 0, #00437a, #001e50);
    transition: width .3s ease-out;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); }
  .vwd-navbar .nav-panel-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100vw;
    height: 0;
    opacity: 0;
    transition: opacity .3s ease-out;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); }
    .vwd-navbar .nav-panel-content.active {
      opacity: 1; }
  .vwd-navbar.active {
    color: #fff; }
    .vwd-navbar.active .nav-panel {
      width: 100%; }
    .vwd-navbar.active .toggle {
      z-index: 101; }
  .vwd-navbar .menu-button-text {
    margin-top: 1px;
    margin-bottom: 0;
    color: inherit; }
  .vwd-navbar .children-outlet {
    width: 100%;
    height: 0;
    padding: 2px 4.16vw;
    overflow: hidden; }

.vwd-teaser .image {
  width: 100%;
  height: auto;
  margin: .5rem 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .vwd-teaser .image::before {
    display: block;
    height: 0;
    padding-bottom: 56.25%;
    content: ''; }

.vwd-navigation-menu {
  display: flex;
  flex-direction: column; }
  .vwd-navigation-menu .parent-name {
    margin: 0 0 16px; }
  .vwd-navigation-menu .item-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden; }
  .vwd-navigation-menu .link-wrapper {
    margin: 10px 0; }
  .vwd-navigation-menu .link {
    position: relative;
    padding-right: 16px; }
    .vwd-navigation-menu .link .vwd-icon {
      position: absolute;
      top: 50%;
      right: 0;
      width: 8px;
      height: 8px;
      margin-top: -4px; }

.vwd-navigation {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
  font-size: 1rem;
  transition: padding-left .3s; }
  @media (max-width: 959.8px) {
    .vwd-navigation {
      padding-left: 1rem; } }
  @media (min-width: 960px) {
    .vwd-navigation {
      padding-left: 3rem; } }
  .vwd-navigation .hidden {
    display: none; }
  .vwd-navigation .header {
    display: flex;
    align-items: stretch;
    height: 88px; }
    .vwd-navigation .header > * {
      display: flex;
      align-items: center; }
    .vwd-navigation .header .close {
      transition: margin-left .3s; }
    .vwd-navigation .header .back {
      margin-left: 1.75rem; }
    .vwd-navigation .header .close-icon {
      display: flex;
      padding: .5rem; }
      .vwd-navigation .header .close-icon .icon {
        display: flex;
        width: 1.5rem;
        height: 1.5rem; }
      .vwd-navigation .header .close-icon .text {
        display: flex;
        align-items: center;
        margin-left: .5rem;
        font-size: .75rem; }
  .vwd-navigation .body {
    flex: 1 0 0;
    height: 0;
    overflow: auto; }
  .vwd-navigation .social-links {
    display: flex; }
    .vwd-navigation .social-links .primary-social {
      padding: 1.5rem 0 1.5rem 3.25rem; }
    .vwd-navigation .social-links .secondary-social {
      flex: 1;
      background-color: #fff; }
  .vwd-navigation .nav-columns {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    min-height: 100%; }
  .vwd-navigation .menu {
    padding: 2rem; }
  .vwd-navigation .primary-menu .item-list {
    margin-left: 1.25rem; }
  .vwd-navigation .primary-menu,
  .vwd-navigation .primary-header,
  .vwd-navigation .secondary-menu,
  .vwd-navigation .secondary-header {
    flex: 1; }
  .vwd-navigation .secondary-header {
    padding-right: 350px; }
  .vwd-navigation .teaser-menu {
    display: flex;
    flex-direction: column;
    width: 350px;
    border-left: 1px solid #c2cacf; }
    .vwd-navigation .teaser-menu.empty {
      border: 0; }
    .vwd-navigation .teaser-menu .vwd-teaser + .vwd-teaser {
      margin-top: 4rem; }
  .vwd-navigation .secondary-menu,
  .vwd-navigation .secondary-header,
  .vwd-navigation .teaser-menu {
    color: #fff;
    background-color: transparent; }
  .vwd-navigation:not(.secondary-active) .secondary-menu,
  .vwd-navigation:not(.secondary-active) .secondary-header,
  .vwd-navigation:not(.secondary-active) .secondary-social {
    display: none; }
  @media (max-width: 1599.8px) {
    .vwd-navigation.secondary-active {
      padding-left: 0; } }
  .vwd-navigation.secondary-active .primary-menu,
  .vwd-navigation.secondary-active .primary-header,
  .vwd-navigation.secondary-active .primary-social {
    flex: none;
    width: 34vw; }
  .vwd-navigation.secondary-active .secondary-menu,
  .vwd-navigation.secondary-active .secondary-header,
  .vwd-navigation.secondary-active .teaser-menu {
    color: #000;
    background-color: #fff; }
  @media (max-width: 959.8px) {
    .vwd-navigation.secondary-active .header .close {
      margin: 0; }
      .vwd-navigation.secondary-active .header .close .text {
        display: none; }
    .vwd-navigation.secondary-active .primary-menu,
    .vwd-navigation.secondary-active .social-links {
      display: none; }
    .vwd-navigation.secondary-active .primary-header {
      flex: 0;
      width: 2.5rem; }
    .vwd-navigation.secondary-active .nav-columns {
      margin-left: 2.5rem; } }
  @media (max-width: 559.8px) {
    .vwd-navigation .primary-menu,
    .vwd-navigation .secondary-menu,
    .vwd-navigation .teaser-menu {
      flex: none;
      width: 100%;
      max-width: none; }
    .vwd-navigation .teaser-menu {
      padding-top: 2rem;
      border: 0; } }

.vwd-navigation-social-links {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none; }
  .vwd-navigation-social-links li {
    position: relative; }
    .vwd-navigation-social-links li:not(:last-child)::after {
      position: absolute;
      top: -1px;
      right: 1rem;
      content: '|'; }
    .vwd-navigation-social-links li .vwd-link {
      position: relative;
      margin-right: 2rem;
      color: #fff; }
      .vwd-navigation-social-links li .vwd-link:hover, .vwd-navigation-social-links li .vwd-link:active, .vwd-navigation-social-links li .vwd-link:focus {
        color: #00b0f0; }

.vwd-nav-anchor-list {
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .vwd-nav-anchor-list .as-list {
    display: flex;
    opacity: 0; }
    .vwd-nav-anchor-list .as-list .wrapper {
      padding-bottom: 12px;
      margin: 0 -8px; }
    .vwd-nav-anchor-list .as-list .anchor {
      margin: 0 8px;
      font-weight: bold;
      white-space: nowrap; }
      .vwd-nav-anchor-list .as-list .anchor.active {
        -webkit-text-decoration: underline solid #001e50 2px;
                text-decoration: underline solid #001e50 2px;
        text-underline-offset: 12px; }
      .vwd-nav-anchor-list .as-list .anchor:focus > span {
        color: #001e50;
        background-color: transparent; }
  .vwd-nav-anchor-list .as-select {
    display: none; }
    .vwd-nav-anchor-list .as-select > * {
      padding: 0;
      margin: 0; }
      .vwd-nav-anchor-list .as-select > * select {
        box-shadow: none; }
      .vwd-nav-anchor-list .as-select > * select + span {
        color: #000 !important; }
        .vwd-nav-anchor-list .as-select > * select + span::before {
          display: none; }
  .vwd-nav-anchor-list.mode-select .as-select {
    display: block;
    order: -1; }
  .vwd-nav-anchor-list.mode-list .as-list {
    opacity: 1; }

.vwd-page-header {
  background-image: radial-gradient(circle at 50% 85%, #00437a 0%, #001e50 100%);
  font-size: 1vw; }
  .vwd-page-header .title {
    max-height: 600px;
    padding: 8% .6em 25%; }

body.spinner-active {
  overflow: hidden; }

.vwd-spinner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 12rem 0; }
  .vwd-spinner::after {
    display: inline-block;
    width: 50px;
    height: 50px;
    content: '';
    border: 3px solid #dfe4e8;
    border-top-color: #001e50;
    border-radius: 50%;
    -webkit-animation: spin .8s ease-in-out infinite;
            animation: spin .8s ease-in-out infinite; }

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
  .vwd-spinner.overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    margin: 0;
    background-color: rgba(223, 228, 232, 0.5); }

.vwd-video-wrapper {
  width: 80%;
  margin: 0 auto; }
  @media (max-width: 959.8px) {
    .vwd-video-wrapper {
      width: 100%; } }
  .vwd-video-wrapper .video {
    position: relative;
    padding-top: 56.25%; }
    .vwd-video-wrapper .video .video-thumbnail {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      cursor: pointer;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }
      .vwd-video-wrapper .video .video-thumbnail.playing {
        display: none; }
      .vwd-video-wrapper .video .video-thumbnail .play-button {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        width: 100px;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        fill: #fff; }
      .vwd-video-wrapper .video .video-thumbnail:hover .play-button {
        fill: #00b0f0; }
    .vwd-video-wrapper .video .player {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.drawer-form-wrapper {
  position: relative;
  z-index: 800; }
  .drawer-form-wrapper .background-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 800;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); }
  .drawer-form-wrapper .back-button {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100px;
    padding: 0;
    margin: 110px 0 0 10%;
    background-color: transparent;
    border: 0;
    outline: none;
    -webkit-transform: translateX(-25px);
            transform: translateX(-25px); }
    .drawer-form-wrapper .back-button:hover {
      cursor: pointer; }
    .drawer-form-wrapper .back-button .vwd-icon {
      width: auto;
      height: 30px;
      margin-right: 1em; }
  .drawer-form-wrapper .title,
  .drawer-form-wrapper .headline {
    display: inline-block; }
  .drawer-form-wrapper .headline {
    margin-bottom: 2rem; }
  .drawer-form-wrapper p {
    margin: 0; }
  .drawer-form-wrapper .buttons {
    display: flex;
    flex-direction: column;
    margin: -.5rem 0; }
    .drawer-form-wrapper .buttons > * {
      margin: .5rem 0;
      outline: none; }
  .drawer-form-wrapper .formik-wrapper h4 {
    margin-bottom: 0; }

.thank-page-wrapper {
  z-index: 2;
  height: 100%;
  padding: 24px 6%;
  margin-top: 40px;
  background-color: transparent; }
  .thank-page-wrapper.invisible {
    display: none; }
  .thank-page-wrapper .title {
    padding: 0;
    margin-bottom: 1em; }
  .thank-page-wrapper .sub-title {
    margin-bottom: 0; }
  .thank-page-wrapper .icon-list {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0 0 1em;
    list-style-type: none; }
    .thank-page-wrapper .icon-list .icon-list-item {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      margin-top: 1em;
      color: #fff; }
      .thank-page-wrapper .icon-list .icon-list-item .icon {
        width: 50px; }
        .thank-page-wrapper .icon-list .icon-list-item .icon .vwd-icon {
          max-height: 30px;
          fill: #fff; }
        .thank-page-wrapper .icon-list .icon-list-item .icon .icon-desc {
          line-height: 1; }

.thank-page-wrapper {
  z-index: 2;
  height: 100%;
  padding: 24px 6%;
  margin-top: 40px;
  background-color: transparent; }
  .thank-page-wrapper.invisible {
    display: none; }
  .thank-page-wrapper .title {
    padding: 0;
    margin-bottom: 1em; }
  .thank-page-wrapper .sub-title {
    margin-bottom: 0; }
  .thank-page-wrapper .icon-list {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0 0 1em;
    list-style-type: none; }
    .thank-page-wrapper .icon-list .icon-list-item {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      margin-top: 1em; }
      .thank-page-wrapper .icon-list .icon-list-item .icon {
        width: 50px; }
        .thank-page-wrapper .icon-list .icon-list-item .icon .vwd-icon {
          max-height: 30px; }
        .thank-page-wrapper .icon-list .icon-list-item .icon .icon-desc {
          line-height: 1; }

.formik-wrapper {
  max-width: 860px;
  margin: 0 auto;
  color: #fff; }
  @media (min-width: 768px) {
    .formik-wrapper {
      margin-top: 60px; } }
  .formik-wrapper .inputs-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 68px; }
    @media (min-width: 768px) {
      .formik-wrapper .inputs-wrapper {
        grid-template-columns: 1fr 1fr; } }
  .formik-wrapper .form-field {
    margin: 1em 0; }
    .formik-wrapper .form-field .form-label {
      font-size: 1rem; }
    .formik-wrapper .form-field .form-input {
      font-size: 1rem;
      color: #fff;
      background-color: transparent;
      border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
      .formik-wrapper .form-field .form-input::-webkit-input-placeholder {
        font-size: 1rem;
        color: rgba(255, 255, 255, 0.3); }
      .formik-wrapper .form-field .form-input::-moz-placeholder {
        font-size: 1rem;
        color: rgba(255, 255, 255, 0.3); }
      .formik-wrapper .form-field .form-input:-ms-input-placeholder {
        font-size: 1rem;
        color: rgba(255, 255, 255, 0.3); }
      .formik-wrapper .form-field .form-input::-ms-input-placeholder {
        font-size: 1rem;
        color: rgba(255, 255, 255, 0.3); }
      .formik-wrapper .form-field .form-input::placeholder {
        font-size: 1rem;
        color: rgba(255, 255, 255, 0.3); }
  .formik-wrapper .form-info {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.25; }
  .formik-wrapper .link-copy {
    color: #fff; }
    .formik-wrapper .link-copy::after {
      background-color: #fff; }
  .formik-wrapper .fieldset-checkbox {
    padding: 0;
    padding-bottom: 1rem; }
  .formik-wrapper .legend-checkbox {
    font-size: .75rem;
    line-height: 1.5; }
  .formik-wrapper h4 {
    margin: .5rem 0 1rem; }
  .formik-wrapper .form-label {
    color: #fff; }
  .formik-wrapper .gdpr-acceptance-checkbox .form-label {
    align-items: center; }
  .formik-wrapper .gdpr-acceptance-checkbox .form-label-text {
    font-size: .75rem;
    line-height: 1.25; }
  .formik-wrapper .button-wrapper {
    margin-top: 1rem;
    text-align: center; }
    .formik-wrapper .button-wrapper button > div {
      font-size: 1rem; }
      @media (min-width: 768px) {
        .formik-wrapper .button-wrapper button > div {
          height: 1.25rem; } }
  .formik-wrapper .form-legal-wrapper {
    height: 485px;
    padding-right: .5rem;
    margin: 1rem 0;
    overflow-y: auto; }
    .formik-wrapper .form-legal-wrapper .form-info {
      font-size: .75rem; }
    @media (min-width: 527px) {
      .formik-wrapper .form-legal-wrapper {
        height: 270px; } }
    @media (min-width: 640px) {
      .formik-wrapper .form-legal-wrapper {
        height: 225px; } }
    @media (min-width: 768px) {
      .formik-wrapper .form-legal-wrapper {
        height: 480px; } }
    @media (min-width: 1024px) {
      .formik-wrapper .form-legal-wrapper {
        height: 355px; } }
    @media (min-width: 1330px) {
      .formik-wrapper .form-legal-wrapper {
        height: 265px; } }
    .formik-wrapper .form-legal-wrapper::-webkit-scrollbar {
      width: .5rem;
      background-color: transparent;
      border: 1px solid #fff;
      border-radius: 4px; }
    .formik-wrapper .form-legal-wrapper::-webkit-scrollbar-thumb {
      background-color: #fff;
      border-radius: 4px; }
  .formik-wrapper .disclaimer-wrapper {
    margin: 2rem 0;
    font-size: .75rem;
    line-height: 1; }
  .formik-wrapper .checkbox-wrapper {
    display: flex;
    flex-direction: column;
    margin: 1rem 0; }
    .formik-wrapper .checkbox-wrapper .form-field {
      margin: 0; }
    .formik-wrapper .checkbox-wrapper .form-label {
      align-items: center;
      color: #fff; }
    .formik-wrapper .checkbox-wrapper .form-label-text {
      margin-right: .75rem;
      margin-bottom: .5rem;
      font-size: .75rem;
      line-height: 1; }
  .formik-wrapper .btn-show-disclaimer {
    padding: 0;
    font-weight: bold;
    color: #001e50;
    text-align: left;
    text-decoration: underline;
    background-color: transparent;
    border: 0; }
    .formik-wrapper .btn-show-disclaimer:focus {
      outline: none; }
    .formik-wrapper .btn-show-disclaimer:hover {
      color: #00b0f0;
      text-decoration: underline;
      cursor: pointer; }
  .formik-wrapper .full-disclaimer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
    width: 100%;
    height: 100%;
    padding: 84px 10%;
    background-color: #fff; }
  .formik-wrapper .visible {
    display: block; }
  .formik-wrapper .vehicle-details {
    padding: 2.625rem 0; }
    .formik-wrapper .vehicle-details h1,
    .formik-wrapper .vehicle-details h2,
    .formik-wrapper .vehicle-details h3,
    .formik-wrapper .vehicle-details h4,
    .formik-wrapper .vehicle-details h5,
    .formik-wrapper .vehicle-details h6 {
      margin: 0;
      font-size: 1.125rem; }

.form-error {
  padding-top: 0;
  font-size: .75rem;
  color: #f00; }

.form-input {
  display: inline-block;
  width: 100%;
  padding: .5rem 0;
  margin: .25rem 0;
  font-size: 1rem;
  color: #001e50;
  border: 0;
  border-bottom: 1px solid #dfe4e8; }
  .form-input:focus {
    outline-width: 1px;
    outline-style: solid;
    outline-color: #001e50;
    outline-offset: 2px; }
  .form-input::-webkit-input-placeholder {
    font-size: 1rem;
    color: #c2cacf; }
  .form-input::-moz-placeholder {
    font-size: 1rem;
    color: #c2cacf; }
  .form-input:-ms-input-placeholder {
    font-size: 1rem;
    color: #c2cacf; }
  .form-input::-ms-input-placeholder {
    font-size: 1rem;
    color: #c2cacf; }
  .form-input::placeholder {
    font-size: 1rem;
    color: #c2cacf; }

.form-label {
  font-size: .75rem;
  color: #000; }

.radio-wrapper {
  display: flex;
  flex-direction: column;
  color: #001e50; }
  .radio-wrapper .form-radio {
    position: relative;
    display: block;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer; }
    .radio-wrapper .form-radio .radio-button {
      margin-right: 2em; }
    .radio-wrapper .form-radio input {
      position: absolute;
      cursor: pointer;
      opacity: 0; }
      .radio-wrapper .form-radio input :checked ~ .checkmark {
        background-color: #fff; }
      .radio-wrapper .form-radio input:checked ~ .checkmark::after {
        top: 23%;
        left: 27%;
        display: block;
        width: 10px;
        height: 10px;
        background: #001e50;
        border-radius: 50%; }
    .radio-wrapper .form-radio .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      width: 24px;
      height: 24px;
      border: 2px solid #001e50;
      border-radius: 50%; }
      .radio-wrapper .form-radio .checkmark::after {
        position: absolute;
        content: ''; }

.link-copy {
  position: relative;
  color: #001e50;
  text-decoration: underline; }
  .link-copy::after {
    position: absolute;
    right: 50%;
    bottom: 0;
    left: 50%;
    height: 1px;
    content: '';
    background-color: #001e50;
    transition: .5s; }
  .link-copy:hover::after {
    right: 0;
    left: 0; }

.vwd-section-cta {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .vwd-section-cta .title {
    margin-bottom: 28px; }
    @media (min-width: 768px) {
      .vwd-section-cta .title {
        margin-bottom: 34px; } }
  .vwd-section-cta .headline {
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .vwd-section-cta .headline {
        margin-bottom: 58px; } }
  .vwd-section-cta .buttons {
    display: flex;
    flex-direction: column;
    margin: 0 -8px; }
    @media (min-width: 1024px) {
      .vwd-section-cta .buttons {
        flex-direction: row; } }
    .vwd-section-cta .buttons > * {
      margin: 0 8px;
      outline: none; }
    .vwd-section-cta .buttons button {
      border: 0;
      transition: background .3s; }
      .vwd-section-cta .buttons button.active {
        color: #001e50;
        background-color: #fff; }
      .vwd-section-cta .buttons button > div {
        font-size: 1rem; }
        @media (min-width: 768px) {
          .vwd-section-cta .buttons button > div {
            font-size: 1.25rem; } }

@charset "UTF-8";
.calculator {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .calculator .legend-title {
    display: block;
    margin-bottom: -5px;
    font-family: vw-head, sans-serif;
    font-size: 1.25rem;
    font-weight: bold;
    color: #000; }
  .calculator .range-title {
    padding-left: .75rem; }
  .calculator .calc-wrapper {
    display: flex;
    flex-direction: row; }
  .calculator .calc-form {
    display: block;
    width: auto; }
  .calculator .calc-result {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    min-width: 350px;
    max-width: 41.666%; }
    @media (max-width: 959.8px) {
      .calculator .calc-result {
        padding: .75rem; } }
    .calculator .calc-result .result-info {
      padding-left: 1.125rem;
      font-family: vw-text, sans-serif;
      line-height: 1.1; }
      .calculator .calc-result .result-info li {
        margin-top: .5rem; }
    .calculator .calc-result .result-main {
      margin-top: 5.625rem; }
    .calculator .calc-result .price-label {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-bottom: 1.5rem;
      font-size: 1.25rem; }
      .calculator .calc-result .price-label .price-input-wrap {
        position: relative;
        max-width: 150px;
        margin-top: 1rem; }
        .calculator .calc-result .price-label .price-input-wrap::after {
          position: absolute;
          top: -4px;
          right: 0;
          font-size: 2rem;
          font-weight: bold;
          content: 'zł';
          border: 0; }
        .calculator .calc-result .price-label .price-input-wrap .price-input {
          position: relative;
          max-width: 150px;
          padding-right: 20px;
          font-size: 2rem;
          font-weight: bold;
          text-align: left;
          border: 0;
          border-bottom: 2px solid #001e50;
          outline: 0; }

.calc-disclaimer {
  font-family: vw-text, sans-serif;
  font-size: .875rem;
  line-height: 1.5rem; }

.radiofieldset {
  padding-right: 0;
  margin-bottom: .625rem; }
  @media (max-width: 959.8px) {
    .radiofieldset {
      text-align: center; } }
  .radiofieldset:last-of-type {
    margin-bottom: 0; }
  .radiofieldset .radio-container {
    display: inline-block;
    margin-right: .75rem; }
    .radiofieldset .radio-container:last-child {
      margin-right: 0; }
      @media (max-width: 959.8px) {
        .radiofieldset .radio-container:last-child {
          margin-right: 1rem; } }
  .radiofieldset .radio-label {
    display: block;
    min-width: 189px;
    padding: .5rem 0;
    margin-top: .5rem;
    font-size: 1rem;
    color: #001e50;
    text-align: center;
    cursor: pointer;
    border: 1px solid #6a767d; }
  .radiofieldset .radio-input {
    display: none; }
    .radiofieldset .radio-input:checked + .radio-label {
      color: #001e50;
      border-color: #001e50;
      box-shadow: inset 2px 2px 0 0 #001e50, inset -2px -2px 0 0 #001e50; }

.droplist-wrap {
  padding-left: .75em; }
  .droplist-wrap:focus {
    outline: none; }
  .droplist-wrap .drop-list__control {
    margin-bottom: 1.5rem;
    border: 0;
    border-bottom: 1px solid #6a767d;
    border-radius: 0; }
    .droplist-wrap .drop-list__control:hover {
      border-color: #6a767d; }
    .droplist-wrap .drop-list__control .drop-list__value-container {
      justify-content: left;
      min-width: 189px;
      padding-left: 0;
      font-size: 1.25rem; }
    .droplist-wrap .drop-list__control .drop-list__indicator-separator {
      display: none; }
      .droplist-wrap .drop-list__control .drop-list__indicator-separator svg {
        fill: #001e50; }
  .droplist-wrap .drop-list__menu {
    z-index: 12; }

.calc-range {
  position: relative;
  padding: 2rem 0;
  margin-bottom: 1.25rem;
  margin-left: 1rem; }
  .calc-range .range-value {
    margin: 0;
    font-family: vw-head, sans-serif;
    font-size: 2rem;
    font-weight: 200;
    line-height: 1.13; }
  .calc-range .range-input,
  .calc-range .range-bar,
  .calc-range .range-dot-wrapper {
    position: absolute;
    bottom: -5px;
    left: 0; }
  .calc-range .range-input {
    bottom: -12px;
    width: 100%;
    padding: .5rem 0;
    margin: 0;
    cursor: pointer;
    background: transparent;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .calc-range .range-input:focus {
      outline: none; }
    .calc-range .range-input::-webkit-slider-thumb {
      position: relative;
      z-index: 2;
      width: 24px;
      height: 24px;
      margin-top: 0;
      background: #fff;
      border: 6px solid #001e50;
      border-radius: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      -webkit-appearance: none;
              appearance: none; }
    .calc-range .range-input::-moz-range-thumb {
      position: relative;
      z-index: 2;
      box-sizing: border-box;
      width: 24px;
      height: 24px;
      margin-top: 0;
      background: #fff;
      border: 6px solid #001e50;
      border-radius: 50%; }
    .calc-range .range-input::-ms-thumb {
      position: relative;
      z-index: 2;
      box-sizing: border-box;
      width: 24px;
      height: 24px;
      margin-top: 0;
      background: #fff;
      border: 6px solid #001e50;
      border-radius: 50%; }
    .calc-range .range-input::-webkit-slider-runnable-track {
      position: relative;
      z-index: 3;
      height: 4px;
      background: transparent; }
    .calc-range .range-input::-moz-range-track {
      height: 4px;
      background: transparent; }
    .calc-range .range-input::-ms-track {
      width: 100%;
      height: 4px;
      color: transparent;
      cursor: pointer;
      background: transparent;
      border-color: transparent; }
  .calc-range .range-dot-wrapper {
    width: 100%;
    height: 4px; }
  .calc-range .range-dot-track {
    position: relative;
    width: calc(100% - 10px);
    height: 100%;
    margin: 0 auto; }
    .calc-range .range-dot-track::after {
      position: absolute;
      top: 0;
      right: -5px;
      left: -5px;
      height: 2px;
      content: '';
      background-color: #001e50;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
  .calc-range .range-dot {
    position: absolute;
    z-index: 1;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: '';
    background: #fff;
    border: 3px solid #001e50;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.range-bar {
  display: block;
  height: 4px;
  background: #001e50;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.vwd-page-component {
  display: block;
  margin: 6rem 0; }

.vwd-page-component-quote,
.vwd-page-component-textTutorial,
.vwd-page-component-titleDescription,
.vwd-page-component-checklist,
.vwd-page-component-description,
.vwd-page-component-specification,
.vwd-page-component-buttonLink,
.vwd-page-component-title {
  display: flex;
  justify-content: center;
  padding: 0 3rem; }

.vwd-page-component-titleDescription > *,
.vwd-page-component-checklist > *,
.vwd-page-component-description > * {
  width: 750px;
  max-width: 100%; }

.vwd-page-component-titleDescription.margin-horizontal-medium > *,
.vwd-page-component-checklist.margin-horizontal-medium > *,
.vwd-page-component-description.margin-horizontal-medium > * {
  width: 980px; }

.vwd-page-component-titleDescription.margin-horizontal-small > *,
.vwd-page-component-checklist.margin-horizontal-small > *,
.vwd-page-component-description.margin-horizontal-small > * {
  width: 100%; }

.vwd-page-component-quote.margin-horizontal-large > *,
.vwd-page-component-title.margin-horizontal-large > * {
  width: 750px;
  max-width: 100%; }

.vwd-page-component-quote.margin-horizontal-medium > *,
.vwd-page-component-title.margin-horizontal-medium > * {
  width: 980px; }

.vwd-page-component-specification > * {
  width: 1050px;
  max-width: 100%; }

.vwd-page-component-textTutorial > * {
  width: 850px;
  max-width: 100%; }

.vwd-page-component-calculator,
.vwd-page-component-calculatorCommercial,
.vwd-page-component-staff {
  margin-right: 3rem;
  margin-left: 3rem; }
  @media (max-width: 959.8px) {
    .vwd-page-component-calculator,
    .vwd-page-component-calculatorCommercial,
    .vwd-page-component-staff {
      margin-right: 1rem;
      margin-left: 1rem; } }

.vwd-specification .attribute-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -26px; }

.vwd-specification .attribute {
  margin: 12px 26px; }
  .vwd-specification .attribute sup {
    margin-left: 4px; }

.vwd-specification .disclaimer-list > * {
  margin-top: 12px; }

.vwd-text-tutorial .header {
  padding-bottom: 24px; }

.vwd-text-tutorial .items {
  padding: 0 6%; }

.image-wrapper {
  position: relative; }
  .image-wrapper::after {
    display: inline-block;
    padding-bottom: var(--height-ratio, 0%);
    content: ''; }
  .image-wrapper .image-element {
    position: var(--position, static);
    top: var(--top, 0);
    left: var(--left, 0);
    width: 2048px;
    max-width: 100%;
    -webkit-filter: blur(5px);
            filter: blur(5px);
    transition: -webkit-filter 500ms ease-in;
    transition: filter 500ms ease-in;
    transition: filter 500ms ease-in, -webkit-filter 500ms ease-in;
    -webkit-transform: var(--transform, translate(-50%, -50%));
            transform: var(--transform, translate(-50%, -50%)); }
    .image-wrapper .image-element.loaded {
      -webkit-filter: blur(0);
              filter: blur(0); }

.mood-gallery .container-top {
  display: grid;
  align-items: flex-end; }

.mood-gallery .container-top-template-2 {
  grid-template-columns: 75%; }

.mood-gallery .container-top-template-3 {
  grid-template-columns: 66.66% 33.33%; }

.mood-gallery .container-top-template-4 {
  grid-template-columns: 66.66% 33.33%; }

.mood-gallery .container-top-template-5 {
  grid-template-columns: 25% 50% 25%; }

.mood-gallery .container-bottom {
  display: grid; }

.mood-gallery .container-bottom-template-2 {
  grid-template-columns: 50% 50%; }

.mood-gallery .container-bottom-template-3 {
  grid-template-columns: 50% 37% 13%; }

.mood-gallery .container-bottom-template-4 {
  grid-template-columns: 25% 25% 37% 13%; }

.mood-gallery .container-bottom-template-5 {
  grid-template-columns: 17% 33% 37%; }

.mood-gallery .mood-gallery-image {
  margin-bottom: 0; }

.vwd-illustrated-tutorial {
  position: relative;
  display: flex;
  flex-wrap: wrap; }
  .vwd-illustrated-tutorial .anchor {
    position: absolute; }
  .vwd-illustrated-tutorial .header {
    padding-bottom: 24px; }
  .vwd-illustrated-tutorial .item-image {
    flex: 1 1 60%; }
  .vwd-illustrated-tutorial .item-image-background {
    background-position: center;
    background-size: cover; }
  .vwd-illustrated-tutorial .item-image-sticky {
    position: -webkit-sticky;
    position: sticky; }
  .vwd-illustrated-tutorial .items {
    flex: 1 1 40%;
    min-width: 320px;
    padding: 0 3%; }
  .vwd-illustrated-tutorial .item-headline.open + span {
    display: none; }
  .vwd-illustrated-tutorial .item-body h5 {
    margin: 0;
    font-family: vw-head, sans-serif;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.35px; }

.vwd-answers-stage .image-container {
  display: block;
  width: 100%;
  min-height: 480px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover; }

.vwd-answers-stage .reading-info {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center; }

.vwd-full-screen-stage .image-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.vwd-power-teaser-promo .image-container {
  display: block;
  width: 100%; }

.vwd-power-teaser-promo .bullets {
  padding: 0;
  margin: 0;
  list-style: none; }
  .vwd-power-teaser-promo .bullets li {
    display: flex;
    margin-bottom: 24px; }
  .vwd-power-teaser-promo .bullets .icon {
    margin-right: 20px; }

.vwd-power-teaser-promo .buttons {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px -20px; }
  .vwd-power-teaser-promo .buttons > * {
    margin: 0 10px 20px; }

.dropdown-add-button {
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  z-index: 1005; }
  .dropdown-add-button .dropdown-toggle {
    width: 4rem;
    height: 4rem;
    border-radius: 50%; }
    .dropdown-add-button .dropdown-toggle::before, .dropdown-add-button .dropdown-toggle::after {
      content: none; }
  .dropdown-add-button .dropdown-menu.show {
    display: flex; }
  .dropdown-add-button .dropdown-group {
    display: flex;
    flex-direction: column; }
  .dropdown-add-button .dropdown-actions {
    display: flex;
    flex-direction: column; }

.page-save-button {
  position: fixed;
  right: 2rem;
  bottom: 7rem;
  z-index: 5;
  width: 4rem;
  height: 4rem;
  border-radius: 50%; }

.page-cancel-button {
  position: fixed;
  right: 2rem;
  bottom: 12rem;
  z-index: 5;
  width: 4rem;
  height: 4rem;
  border-radius: 50%; }

.page-editor-container .page-name {
  margin-bottom: 2rem; }

.page-editor-container .dropdown-add-button .dropdown-item {
  min-width: 200px;
  white-space: normal; }