/*---===<<< FONTS >>>===---*/
/* LESS Document */
/* DIN Font Import */
@font-face {
  font-family: "DIN";
  src: url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_Reg/5eb0af6c-78f3-4b41-a963-221e4bbae0a3.eot?#iefix");
  src: url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_Reg/5eb0af6c-78f3-4b41-a963-221e4bbae0a3.eot?#iefix")
      format("eot"),
    url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_Reg/89495911-441c-4a94-b785-8fbbde758233.woff2")
      format("woff2"),
    url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_Reg/27e61977-1c85-4892-b030-9d3339639298.woff")
      format("woff"),
    url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_Reg/38c9d500-4abf-4486-a088-30b4c9233d29.ttf")
      format("truetype");
}
@font-face {
  font-family: "DIN-Lt";
  src: url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_Light/1d02ce13-aafd-4c16-8182-09c3da13b4aa.eot?#iefix");
  src: url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_Light/1d02ce13-aafd-4c16-8182-09c3da13b4aa.eot?#iefix")
      format("eot"),
    url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_Light/e259563d-7c59-40c9-999d-11259f239777.woff2")
      format("woff2"),
    url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_Light/12fdfba0-a41d-4419-8dcf-522291a23af2.woff")
      format("woff"),
    url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_Light/29d75aac-ff34-429b-8d02-eca27f239530.ttf")
      format("truetype");
}
@font-face {
  font-family: "DIN-Med";
  src: url("https://download2.vectorworks.net/web/static-assets/fonts/DIN-Med/2faca088-c5cd-4839-8d0d-9114e46a2fa9.eot?#iefix");
  src: url("https://download2.vectorworks.net/web/static-assets/fonts/DIN-Med/2faca088-c5cd-4839-8d0d-9114e46a2fa9.eot?#iefix")
      format("eot"),
    url("https://download2.vectorworks.net/web/static-assets/fonts/DIN-Med/3a97d711-0278-4fcc-9527-37e7911bcfb7.woff2")
      format("woff2"),
    url("https://download2.vectorworks.net/web/static-assets/fonts/DIN-Med/8491ec80-cec4-4e7a-8c3a-27c0cf767c12.woff")
      format("woff"),
    url("https://download2.vectorworks.net/web/static-assets/fonts/DIN-Med/f28d8edb-74fe-471d-b259-11e0398960b9.ttf")
      format("truetype");
}
@font-face {
  font-family: "DIN-Cond";
  src: url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_Cond/92b9d4a1-9ae3-40f0-928c-0e31c6bc3189.eot?#iefix");
  src: url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_Cond/92b9d4a1-9ae3-40f0-928c-0e31c6bc3189.eot?#iefix")
      format("eot"),
    url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_Cond/6159dda7-8634-4aa8-a515-4b1a1d9559cb.woff2")
      format("woff2"),
    url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_Cond/e59598a2-53d0-4028-847d-b37faee6772f.woff")
      format("woff"),
    url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_Cond/0e7aad7a-314e-4575-a1c8-a8bf6cfa0888.ttf")
      format("truetype");
}
@font-face {
  font-family: "DIN-CondMed";
  src: url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_CondMed/25e31e6b-a3ab-43eb-8532-80e7e21764d6.eot?#iefix");
  src: url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_CondMed/25e31e6b-a3ab-43eb-8532-80e7e21764d6.eot?#iefix")
      format("eot"),
    url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_CondMed/9999c76f-4468-426c-8650-65d39b11a7da.woff2")
      format("woff2"),
    url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_CondMed/09c7c276-17f4-4e35-81ba-e50beab6964e.woff")
      format("woff"),
    url("https://download2.vectorworks.net/web/static-assets/fonts/DIN_CondMed/72819ccb-1515-4d20-9855-821283c6fdbb.ttf")
      format("truetype");
}
@font-face {
  font-family: "DIN-Italic";
  src: url("https://download2.vectorworks.net/web/static-assets/fonts/DIN-Italic/adff7f7a-50a8-4c22-a26e-e8661b677735.eot?#iefix");
  src: url("https://download2.vectorworks.net/web/static-assets/fonts/DIN-Italic/adff7f7a-50a8-4c22-a26e-e8661b677735.eot?#iefix")
      format("eot"),
    url("https://download2.vectorworks.net/web/static-assets/fonts/DIN-Italic/e75ed71f-0579-409d-9ba0-96aee64a7112.woff2")
      format("woff2"),
    url("https://download2.vectorworks.net/web/static-assets/fonts/DIN-Italic/8a89fc70-65e6-4065-922b-414b99184d16.woff")
      format("woff"),
    url("https://download2.vectorworks.net/web/static-assets/fonts/DIN-Italic/be122789-8557-4595-8f5a-44b75cad68b3.ttf")
      format("truetype");
}
.ais-ClearRefinements {
  margin: 1em 0;
}
.ais-SearchBox {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 991) px {
  .ais-SearchBox {
    margin-bottom: 48px;
    margin-top: 0;
  }
}
.ais-SearchBox-input {
  font-family: "DIN-Lt", Arial, sans-serif;
  font-weight: normal;
  font-size: 24px;
  line-height: 1.5;
  text-transform: none;
  color: #c5c5c4;
  letter-spacing: 0.01em;
  margin: 0;
  text-align: left;
  text-indent: 0;
  border: 0;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  background: transparent;
  border-radius: 0;
  -webkit-appearance: none;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding-left: 0px;
  border-bottom: 1px solid #ffffff;
}
.ais-SearchBox-input:focus {
  outline: none;
}
.ais-Pagination {
  margin-top: 1em;
  color: black !important;
}
.left-panel {
  float: left;
  width: 250px;
}
.search-modal {
  width: 100vw;
  min-height: 100vh;
  height: auto;
  padding-top: 2rem;
  background-color: rgba(11, 14, 18, 0.95);
  position: absolute;
  z-index: 500;
  top: 0;
  left: 0;
  transition: all 0.5s;
  pointer-events: auto;
  transform: translateY(0px);
  opacity: 1;
}
.hide {
  display: block;
  transition: all 0.5s;
  pointer-events: none;
  transform: translateY(-150px);
  opacity: 0;
}
.ais-InstantSearch {
  max-width: 960px;
  width: auto;
  overflow: hidden;
  margin: 0 auto;
}
.ais-Hits-item {
  width: calc(100% - 1rem);
  box-shadow: none;
  border: 0;
  margin-left: 0;
}
.ais-Hits-item img {
  margin-right: 1em;
}
.hit-name {
  margin-bottom: 0.5em;
}
.hit-description {
  color: #888;
  font-size: 14px;
  margin-bottom: 0.5em;
  text-indent: 0;
}
/* cleanuip VW */
li:before {
  display: none !important;
}
.hide {
  /* transition: all 0.2s; */
  /* transform: translateY(-100px); */
  /* opacity: 1; */
}
h4 {
  color: white;
}
.ais-Highlight-highlighted {
  background: #393939;
  color: white;
  border-radius: 4px;
  padding: 0.15em 2px;
  display: inline-block;
}
.vw-empty-seach {
  color: white;
  text-align: center;
}
#searchbox + #pagination {
  display: none;
}
.ais-Pagination-item--selected .ais-Pagination-link {
  border: 0;
  background: black;
  padding: 0.25em;
  border-radius: 2px;
  color: white;
}
#hits-2 {
  color: white;
}
.light {
  color: black !important;
}
h4 {
  color: black;
}
.search h4 {
  color: white;
}
.search .vw-btn {
  color: #ffffff;
  border-color: #ffffff;
  margin: 0 auto;
  width: max-content;
}
.alg-box {
  position: relative;
}
.alg-box a.ico-search {
  background: transparent;
  color: white;
  outline: 0;
  border: 0;
  right: 0;
  position: absolute;
  bottom: 0;
  width: 25px;
  height: 25px;
  font-size: 25px;
  top: 20px;
}
.alg-box a.ico-search::before {
  color: white;
}
@media screen and (max-width: 991px) {
  .alg-box a.ico-search {
    top: 5px;
  }
}
.alg-box--results a.ico-search {
  top: 5px;
}
.alg-box--results a.ico-search::before {
  color: black;
}
.ais-Hits-list {
  display: grid;
  grid-template-rows: max-content;
  grid-gap: 44px;
}
.alg-hit__empty span {
  font-style: italic;
}
.alg-hits__nav .ais-Highlight-highlighted {
  background-color: #393939;
  color: white;
}
.alg-hits__nav .alg-hit__empty {
  color: white;
}
.alg-hit__title {
  margin-top: 0;
  margin-bottom: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80ch;
  color: white;
}
.alg-hit__title .ais-Highlight-highlighted {
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .alg-hit__title .ais-Highlight-highlighted {
    padding: 2px;
    border-radius: 4px;
  }
}
.alg-hit__link {
  font-family: "DIN", Arial, sans-serif;
  font-weight: normal;
  font-size: 24px;
  line-height: 1.25;
  text-transform: none;
  color: #000000;
  letter-spacing: 0;
  margin: 0 0 0px;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: white;
}
.alg-hit__link:hover {
  text-decoration: underline;
  text-decoration-color: #00bcb4;
  color: white;
}
.alg-hit__full-link {
  color: #8a8c8c;
  margin-top: 0;
  margin-bottom: 0px;
}
.alg-hit__full-link a {
  color: #8a8c8c;
  underline-color: currentColor;
}
.alg-hit__full-link a:hover {
  color: #00bcb4;
}
.alg-hit__description {
  color: #f7f7f8;
  margin-top: 0;
  margin-bottom: 8px;
  max-width: calc(100% - 45px);
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .alg-hit__description {
    -webkit-line-clamp: 3;
  }
}
@media screen and (max-width: 991px) {
  .alg-hit__title {
    max-width: calc(100vw - 5ch);
    font-size: 16px;
    -webkit-line-clamp: 1;
  }
  .alg-hit__title a {
    font-size: 16px;
  }
  .alg-hit__description {
    max-width: calc(100vw - 5ch);
    font-size: 12px;
  }
  .alg-hit__full-link {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .alg-hit__link {
    font-size: 14px;
    line-height: 1.55;
  }
  .alg-hit__title {
    max-width: calc(100vw - 30px);
    font-size: 20px;
  }
  .alg-hit__title a {
    font-size: 20px;
  }
  .alg-hit__description {
    max-width: calc(100vw - 30px);
    font-size: 14px;
  }
  .alg-hit__full-link {
    font-size: 14px;
  }
}
.search-results__buttons {
  display: flex;
  justify-content: center;
}
.search-results__buttons .vw-btn {
  margin-top: 0px;
  margin-bottom: 64px;
  color: #ffffff;
  border-color: white;
}
.search-results__buttons .vw-btn:hover {
  background-color: #ffffff;
  color: #000000;
}
.alg__results {
  min-height: 90vh;
  margin-top: 10vh;
}
.alg__results .ais-SearchBox-input {
  border-bottom: 1px solid #c5c5c4;
  color: black;
}
.alg__results .ais-SearchBox-input:focus {
  border-bottom: 3px solid black;
}
.alg__results .alg-hits__results {
  margin-top: 48px;
}
.alg__results .alg-hit__title {
  margin-top: 0;
  color: black;
}
.alg__results .alg-hit__link {
  color: black;
}
.alg__results .alg-hit__link:hover {
  text-decoration: underline;
  text-decoration-color: #00bcb4;
}
.alg__results .alg-hit__full-link {
  color: #888c8d;
}
.alg__results .alg-hit__description {
  color: #575756;
  margin-bottom: 8px;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .alg__results .alg-hit__title {
    max-width: calc(100vw - 160px);
  }
  .alg__results .alg-hit__description {
    max-width: calc(100vw - 160px);
    font-size: 14px;
  }
}
.alg-pag__results {
  margin-bottom: 64px;
}
.alg-pag__results .ais-Pagination {
  display: flex;
  justify-content: center;
}
.alg-pag__results .ais-Pagination-list {
  display: flex;
  justify-content: center;
  width: auto;
  margin-left: -30px;
  max-width: 800px;
}
@media screen and (max-width: 575px) {
  .alg-pag__results .ais-Pagination-list {
    margin-left: -10px;
  }
}
.ais-PoweredBy-logo {
  opacity: 0 !important;
  display: none;
}
.alg-stats {
  color: #888c8d;
  fontfont-family: ;
  font-family: "DIN", Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.25;
  text-transform: none;
  color: #000000;
  letter-spacing: 0;
  margin: 0 0 0px;
  text-align: left;
  text-indent: 0;
}
.ais-Pagination-list {
  padding-top: 64px;
  padding-bottom: 64px;
}
.ais-Pagination-list:nth-child(2) {
  margin: 0;
}
li.ais-Pagination-item {
  margin-left: 30px;
}
li.ais-Pagination-item:first-child {
  margin-left: 0;
}
@media screen and (max-width: 575px) {
  li.ais-Pagination-item {
    margin-left: 10px;
  }
}
.ais-Pagination-item--firstPage,
.ais-Pagination-item--lastPage {
  display: none;
}
.ais-Pagination-item--page .ais-Pagination-link {
  border: 1px solid black;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background: transparent;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  display: flex;
  color: #575756;
}
.ais-Pagination-item--page .ais-Pagination-link:hover {
  background: black;
  color: white;
}
.ais-Pagination-item--selected .ais-Pagination-link {
  background-color: black;
  color: white;
}
.ais-Pagination-item--previousPage {
  position: relative;
  width: 30px;
  height: 30px;
  z-index: 0;
  text-indent: -5000px;
}
.ais-Pagination-item--previousPage .ais-Pagination-link {
  text-indent: 0;
}
.ais-Pagination-item--previousPage .ais-Pagination-link:before {
  left: 0;
  top: 6px;
  font-size: 20px;
  color: black;
  content: "\e912";
  font-family: "ico-vw" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: absolute;
  cursor: pointer;
  line-height: 1;
}
.ais-Pagination-item--nextPage {
  position: relative;
  width: 30px;
  height: 30px;
  z-index: 0;
  text-indent: -5000px;
}
.ais-Pagination-item--nextPage .ais-Pagination-link {
  text-indent: 0;
}
.ais-Pagination-item--nextPage .ais-Pagination-link:hover:before {
  color: #575756;
}
.ais-Pagination-item--nextPage .ais-Pagination-link:before {
  right: 0;
  top: 6px;
  font-size: 20px;
  color: black;
  content: "\e913";
  font-family: "ico-vw" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: absolute;
  cursor: pointer;
  line-height: 1;
}
/*---=== MAIN LESS FILE ===---*/
/*---=== MEDIA QUERIES ===---*/
@media screen and (max-width: 575px) {
  @-ms-viewport {
    width: device-width;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  @-ms-viewport {
    width: device-width;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  @-ms-viewport {
    width: device-width;
  }
}
/*---===<<< MIX-INS >>>===---*/
.hide-text {
  overflow: hidden;
  text-indent: -9999em;
  display: block;
}
/*.trans(@s:1s) {transition:@s; -moz-transition:@s; -webkit-transition:@s;}*/
/*---===<<< FUNCTIONS >>>===---*/
/*---=== 20PX GUTTER GRID ===---*/
/*---=== COLUMNS ===---*/
/*---=== COLORS ===---*/
.txt-brand1 {
  color: #00bcb4;
}
.txt-brand2 {
  color: #ff8200;
}
.txt-white {
  color: #ffffff;
}
.txt-white90 {
  color: rgba(255, 255, 255, 0.9);
}
.txt-white75 {
  color: rgba(255, 255, 255, 0.75);
}
.txt-black {
  color: #000000;
}
.txt-black90 {
  color: rgba(0, 0, 0, 0.9);
}
.txt-black75 {
  color: rgba(0, 0, 0, 0.75);
}
.txt-border-gray {
  color: #c5c5c4;
}
.txt-hov-gray {
  color: #888c8d;
}
.txt-onblack-gray {
  color: #8a8c8c;
}
.txt-gray {
  color: #6f6f6e;
}
.txt-md-gray {
  color: #575756;
}
.txt-drk-gray {
  color: #202020;
}
.bg-reset {
  background: none;
}
.bg-trans {
  background: transparent;
}
.bg-brand1 {
  background-color: #00bcb4;
}
.bg-brand1-90 {
  background-color: rgba(0, 188, 180, 0.9);
}
.bg-brand1-75 {
  background-color: rgba(0, 188, 180, 0.75);
}
.bg-brand2 {
  background-color: #ff8200;
}
.bg-white {
  background-color: #ffffff;
}
.bg-white90 {
  background-color: rgba(255, 255, 255, 0.9);
}
.bg-white75 {
  background-color: rgba(255, 255, 255, 0.75);
}
.bg-black {
  background-color: #000000;
}
.bg-black90 {
  background-color: rgba(0, 0, 0, 0.9);
}
.bg-black75 {
  background-color: rgba(0, 0, 0, 0.75);
}
.bg-lt-gray {
  background-color: #f7f7f8;
}
.bg-lt2-gray {
  background-color: #f7f7f8;
}
.bg-border-gray {
  background-color: #c5c5c4;
}
.bg-onblack-gray {
  background-color: #8a8c8c;
}
.bg-drk-gray {
  background-color: #202020;
}
/*---=== FONT ===---*/
/* Font Familys */
.arial {
  font-family: Arial, sans-serif;
}
.d-lt {
  font-family: "DIN-Lt", Arial, sans-serif;
  font-weight: normal;
}
.d-it {
  font-family: "DIN-Italic", Arial, sans-serif;
  font-weight: normal;
}
.d {
  font-family: "DIN", Arial, sans-serif;
  font-weight: normal;
}
.d-md {
  font-family: "DIN-Med", Arial, sans-serif;
  font-weight: normal;
}
.d-b {
  font-family: "DIN-Bold", Arial, sans-serif;
  font-weight: normal;
}
.dcond {
  font-family: "DIN-Cond", Arial, sans-serif;
  font-weight: normal;
}
.dcond-md {
  font-family: "DIN-CondMed", Arial, sans-serif;
  font-weight: normal;
}
.dcond-b {
  font-family: "DIN-CondBold", Arial, sans-serif;
  font-weight: normal;
}
/* Font Weights and Transforms */
.bold {
  font-weight: bold;
}
.lower {
  text-transform: lowercase;
}
.talign-l {
  text-align: left;
}
.talign-c {
  text-align: center;
}
.talign-r {
  text-align: right;
}
/*---===<<< UNIVERSAL RESETS AND STYLES >>>===---*/
* {
  margin: 0;
  padding: 0;
}
.clearlist,
.clearlist li {
  list-style: none;
  padding: 0;
  margin: 0;
  background: none;
}
button {
  cursor: pointer;
}
button:focus {
  outline: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  line-height: 0;
}
.hide {
  display: none;
}
@media screen and (max-width: 767px) {
  .hide-mob {
    /* transition: all 0.2s; */
    /* transform: translateY(-100px); */
    /* opacity: 1; */
    display: none;
    display: block;
    transition: all 0.5s;
    pointer-events: none;
    transform: translateY(-150px);
    opacity: 0;
    /* transition: all 0.2s; */
    /* transform: translateY(-100px); */
    /* opacity: 1; */
  }
}
.block {
  display: block;
}
.inline {
  display: inline-block;
}
.round {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
::-moz-selection {
  color: #fff;
  background: #000;
}
::-webkit-selection {
  color: #fff;
  background: #000;
}
::selection {
  color: #fff;
  background: #000;
}
.animate,
.animate * {
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
}
.no-animate,
.no-animate * {
  -webkit-transition: 0 none !important;
  -moz-transition: 0 none !important;
  -ms-transition: 0 none !important;
  -o-transition: 0 none !important;
  transition: 0 none !important;
}
.shadow {
  -webkit-box-shadow: 0px 3px 50px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 50px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 3px 50px rgba(0, 0, 0, 0.15);
}
.white-shadow {
  -webkit-box-shadow: 0px 0px 200px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 0px 200px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 0px 200px rgba(255, 255, 255, 0.2);
}
.full-wrapper {
  margin: 0 2%;
}
.error-red-border {
  border-color: #ff0000;
}
a img {
  border: 0;
}
a:focus {
  border: none;
  outline: none;
}
.btn:focus {
  box-shadow: none;
}
/* Section Margins and Padding */
.sec-marg-default {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media screen and (min-width: 992px) {
  .sec-marg-default {
    margin-top: 125px;
    margin-bottom: 125px;
  }
}
.sec-pad-default {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 992px) {
  .sec-pad-default {
    padding-top: 125px;
    padding-bottom: 125px;
  }
}
.sec-pad-default-sm {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (min-width: 992px) {
  .sec-pad-default-sm {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.sec-pad-top {
  padding-top: 50px;
}
@media screen and (min-width: 768px) {
  .sec-pad-top {
    padding-top: 100px;
  }
}
.sec-pad-bot {
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .sec-pad-bot {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .sec-sm-pad-top {
    padding-top: 100px;
  }
}
@media (max-width: 1199px) {
  .sec-sm-pad-top {
    padding-top: 50px;
  }
}
@media screen and (max-width: 575px) {
  .sec-sm-pad-top {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sec-keyben-pad {
    padding-top: 230px;
    padding-bottom: 230px;
  }
}
@media (max-width: 1199px) {
  .sec-keyben-pad {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .sec-keyben-pad {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 575px) {
  .sec-keyben-pad {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .sec-keyben-pad-sm {
    padding-top: 130px;
    padding-bottom: 130px;
  }
}
@media (max-width: 1199px) {
  .sec-keyben-pad-sm {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 991px) {
  .sec-keyben-pad-sm {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .sec-keyben-pad-sm {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 575px) {
  .sec-keyben-pad-sm {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.box-cont-pad {
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .box-cont-pad {
    padding: 25px;
  }
}
.box-grid-marg-wrap {
  margin-top: 45px;
  margin-bottom: 45px;
}
@media screen and (min-width: 768px) {
  .box-grid-marg-wrap {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}
.box-grid-marg-bot {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .box-grid-marg-bot {
    margin-bottom: 30px;
  }
}
/* Offset Rt */
.offset-right-12 {
  margin-right: 100%;
}
.offset-right-11 {
  margin-right: 91.66666667%;
}
.offset-right-10 {
  margin-right: 83.33333333%;
}
.offset-right-9 {
  margin-right: 75%;
}
.offset-right-8 {
  margin-right: 66.66666667%;
}
.offset-right-7 {
  margin-right: 58.33333333%;
}
.offset-right-6 {
  margin-right: 50%;
}
.offset-right-5 {
  margin-right: 41.66666667%;
}
.offset-right-4 {
  margin-right: 33.33333333%;
}
.offset-right-3 {
  margin-right: 25%;
}
.offset-right-2 {
  margin-right: 16.66666667%;
}
.offset-right-1 {
  margin-right: 8.33333333%;
}
.offset-right-0 {
  margin-right: 0;
}
@media screen and (min-width: 1200px) {
  .offset-xl-right-12 {
    margin-right: 100%;
  }
  .offset-xl-right-11 {
    margin-right: 91.66666667%;
  }
  .offset-xl-right-10 {
    margin-right: 83.33333333%;
  }
  .offset-xl-right-9 {
    margin-right: 75%;
  }
  .offset-xl-right-8 {
    margin-right: 66.66666667%;
  }
  .offset-xl-right-7 {
    margin-right: 58.33333333%;
  }
  .offset-xl-right-6 {
    margin-right: 50%;
  }
  .offset-xl-right-5 {
    margin-right: 41.66666667%;
  }
  .offset-xl-right-4 {
    margin-right: 33.33333333%;
  }
  .offset-xl-right-3 {
    margin-right: 25%;
  }
  .offset-xl-right-2 {
    margin-right: 16.66666667%;
  }
  .offset-xl-right-1 {
    margin-right: 8.33333333%;
  }
  .offset-xl-right-0 {
    margin-right: 0;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-right-12 {
    margin-right: 100%;
  }
  .offset-lg-right-11 {
    margin-right: 91.66666667%;
  }
  .offset-lg-right-10 {
    margin-right: 83.33333333%;
  }
  .offset-lg-right-9 {
    margin-right: 75%;
  }
  .offset-lg-right-8 {
    margin-right: 66.66666667%;
  }
  .offset-lg-right-7 {
    margin-right: 58.33333333%;
  }
  .offset-lg-right-6 {
    margin-right: 50%;
  }
  .offset-lg-right-5 {
    margin-right: 41.66666667%;
  }
  .offset-lg-right-4 {
    margin-right: 33.33333333%;
  }
  .offset-lg-right-3 {
    margin-right: 25%;
  }
  .offset-lg-right-2 {
    margin-right: 16.66666667%;
  }
  .offset-lg-right-1 {
    margin-right: 8.33333333%;
  }
  .offset-lg-right-0 {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-right-12 {
    margin-right: 100%;
  }
  .offset-md-right-11 {
    margin-right: 91.66666667%;
  }
  .offset-md-right-10 {
    margin-right: 83.33333333%;
  }
  .offset-md-right-9 {
    margin-right: 75%;
  }
  .offset-md-right-8 {
    margin-right: 66.66666667%;
  }
  .offset-md-right-7 {
    margin-right: 58.33333333%;
  }
  .offset-md-right-6 {
    margin-right: 50%;
  }
  .offset-md-right-5 {
    margin-right: 41.66666667%;
  }
  .offset-md-right-4 {
    margin-right: 33.33333333%;
  }
  .offset-md-right-3 {
    margin-right: 25%;
  }
  .offset-md-right-2 {
    margin-right: 16.66666667%;
  }
  .offset-md-right-1 {
    margin-right: 8.33333333%;
  }
  .offset-md-right-0 {
    margin-right: 0;
  }
}
.ais-ClearRefinements {
  margin: 1em 0;
}
.ais-SearchBox {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 991) px {
  .ais-SearchBox {
    margin-bottom: 48px;
    margin-top: 0;
  }
}
.ais-SearchBox-input {
  font-family: "DIN-Lt", Arial, sans-serif;
  font-weight: normal;
  font-size: 24px;
  line-height: 1.5;
  text-transform: none;
  color: #c5c5c4;
  letter-spacing: 0.01em;
  margin: 0;
  text-align: left;
  text-indent: 0;
  border: 0;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  background: transparent;
  border-radius: 0;
  -webkit-appearance: none;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding-left: 0px;
  border-bottom: 1px solid #ffffff;
}
.ais-SearchBox-input:focus {
  outline: none;
}
.ais-Pagination {
  margin-top: 1em;
  color: black !important;
}
.left-panel {
  float: left;
  width: 250px;
}
.search-modal {
  width: 100vw;
  min-height: 100vh;
  height: auto;
  padding-top: 2rem;
  background-color: rgba(11, 14, 18, 0.95);
  position: absolute;
  z-index: 500;
  top: 0;
  left: 0;
  transition: all 0.5s;
  pointer-events: auto;
  transform: translateY(0px);
  opacity: 1;
}
.hide {
  display: block;
  transition: all 0.5s;
  pointer-events: none;
  transform: translateY(-150px);
  opacity: 0;
}
.ais-InstantSearch {
  max-width: 960px;
  width: auto;
  overflow: hidden;
  margin: 0 auto;
}
.ais-Hits-item {
  width: calc(100% - 1rem);
  box-shadow: none;
  border: 0;
  margin-left: 0;
}
.ais-Hits-item img {
  margin-right: 1em;
}
.hit-name {
  margin-bottom: 0.5em;
}
.hit-description {
  color: #888;
  font-size: 14px;
  margin-bottom: 0.5em;
  text-indent: 0;
}
/* cleanuip VW */
li:before {
  display: none !important;
}
.hide {
  /* transition: all 0.2s; */
  /* transform: translateY(-100px); */
  /* opacity: 1; */
}
h4 {
  color: white;
}
.ais-Highlight-highlighted {
  background: #393939;
  color: white;
  border-radius: 4px;
  padding: 0.15em 2px;
  display: inline-block;
}
.vw-empty-seach {
  color: white;
  text-align: center;
}
#searchbox + #pagination {
  display: none;
}
.ais-Pagination-item--selected .ais-Pagination-link {
  border: 0;
  background: black;
  padding: 0.25em;
  border-radius: 2px;
  color: white;
}
#hits-2 {
  color: white;
}
.light {
  color: black !important;
}
h4 {
  color: black;
}
.search h4 {
  color: white;
}
.search .vw-btn {
  color: #ffffff;
  border-color: #ffffff;
  margin: 0 auto;
  width: max-content;
}
.alg-box {
  position: relative;
}
.alg-box a.ico-search {
  background: transparent;
  color: white;
  outline: 0;
  border: 0;
  right: 0;
  position: absolute;
  bottom: 0;
  width: 25px;
  height: 25px;
  font-size: 25px;
  top: 20px;
}
.alg-box a.ico-search::before {
  color: white;
}
@media screen and (max-width: 991px) {
  .alg-box a.ico-search {
    top: 5px;
  }
}
.alg-box--results a.ico-search {
  top: 5px;
}
.alg-box--results a.ico-search::before {
  color: black;
}
.ais-Hits-list {
  display: grid;
  grid-template-rows: max-content;
  grid-gap: 44px;
}
.alg-hit__empty span {
  font-style: italic;
}
.alg-hits__nav .ais-Highlight-highlighted {
  background-color: #393939;
  color: white;
}
.alg-hits__nav .alg-hit__empty {
  color: white;
}
.alg-hit__title {
  margin-top: 0;
  margin-bottom: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80ch;
  color: white;
}
.alg-hit__title .ais-Highlight-highlighted {
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .alg-hit__title .ais-Highlight-highlighted {
    padding: 2px;
    border-radius: 4px;
  }
}
.alg-hit__link {
  font-family: "DIN", Arial, sans-serif;
  font-weight: normal;
  font-size: 24px;
  line-height: 1.25;
  text-transform: none;
  color: #000000;
  letter-spacing: 0;
  margin: 0 0 0px;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: white;
}
.alg-hit__link:hover {
  text-decoration: underline;
  text-decoration-color: #00bcb4;
  color: white;
}
.alg-hit__full-link {
  color: #8a8c8c;
  margin-top: 0;
  margin-bottom: 0px;
}
.alg-hit__full-link a {
  color: #8a8c8c;
  underline-color: currentColor;
}
.alg-hit__full-link a:hover {
  color: #00bcb4;
}
.alg-hit__description {
  color: #f7f7f8;
  margin-top: 0;
  margin-bottom: 8px;
  max-width: calc(100% - 45px);
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .alg-hit__description {
    -webkit-line-clamp: 3;
  }
}
@media screen and (max-width: 991px) {
  .alg-hit__title {
    max-width: calc(100vw - 5ch);
    font-size: 16px;
    -webkit-line-clamp: 1;
  }
  .alg-hit__title a {
    font-size: 16px;
  }
  .alg-hit__description {
    max-width: calc(100vw - 5ch);
    font-size: 12px;
  }
  .alg-hit__full-link {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .alg-hit__link {
    font-size: 14px;
    line-height: 1.55;
  }
  .alg-hit__title {
    max-width: calc(100vw - 30px);
    font-size: 20px;
  }
  .alg-hit__title a {
    font-size: 20px;
  }
  .alg-hit__description {
    max-width: calc(100vw - 30px);
    font-size: 14px;
  }
  .alg-hit__full-link {
    font-size: 14px;
  }
}
.search-results__buttons {
  display: flex;
  justify-content: center;
}
.search-results__buttons .vw-btn {
  margin-top: 0px;
  margin-bottom: 64px;
  color: #ffffff;
  border-color: white;
}
.search-results__buttons .vw-btn:hover {
  background-color: #ffffff;
  color: #000000;
}
.alg__results {
  min-height: 90vh;
  margin-top: 10vh;
}
.alg__results .ais-SearchBox-input {
  border-bottom: 1px solid #c5c5c4;
  color: black;
}
.alg__results .ais-SearchBox-input:focus {
  border-bottom: 3px solid black;
}
.alg__results .alg-hits__results {
  margin-top: 48px;
}
.alg__results .alg-hit__title {
  margin-top: 0;
  color: black;
}
.alg__results .alg-hit__link {
  color: black;
}
.alg__results .alg-hit__link:hover {
  text-decoration: underline;
  text-decoration-color: #00bcb4;
}
.alg__results .alg-hit__full-link {
  color: #888c8d;
}
.alg__results .alg-hit__description {
  color: #575756;
  margin-bottom: 8px;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .alg__results .alg-hit__title {
    max-width: calc(100vw - 160px);
  }
  .alg__results .alg-hit__description {
    max-width: calc(100vw - 160px);
    font-size: 14px;
  }
}
.alg-pag__results {
  margin-bottom: 64px;
}
.alg-pag__results .ais-Pagination {
  display: flex;
  justify-content: center;
}
.alg-pag__results .ais-Pagination-list {
  display: flex;
  justify-content: center;
  width: auto;
  margin-left: -30px;
  max-width: 800px;
}
@media screen and (max-width: 575px) {
  .alg-pag__results .ais-Pagination-list {
    margin-left: -10px;
  }
}
.ais-PoweredBy-logo {
  opacity: 0 !important;
  display: none;
}
.alg-stats {
  color: #888c8d;
  fontfont-family: ;
  font-family: "DIN", Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.25;
  text-transform: none;
  color: #000000;
  letter-spacing: 0;
  margin: 0 0 0px;
  text-align: left;
  text-indent: 0;
}
.ais-Pagination-list {
  padding-top: 64px;
  padding-bottom: 64px;
}
.ais-Pagination-list:nth-child(2) {
  margin: 0;
}
li.ais-Pagination-item {
  margin-left: 30px;
}
li.ais-Pagination-item:first-child {
  margin-left: 0;
}
@media screen and (max-width: 575px) {
  li.ais-Pagination-item {
    margin-left: 10px;
  }
}
.ais-Pagination-item--firstPage,
.ais-Pagination-item--lastPage {
  display: none;
}
.ais-Pagination-item--page .ais-Pagination-link {
  border: 1px solid black;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background: transparent;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  display: flex;
  color: #575756;
}
.ais-Pagination-item--page .ais-Pagination-link:hover {
  background: black;
  color: white;
}
.ais-Pagination-item--selected .ais-Pagination-link {
  background-color: black;
  color: white;
}
.ais-Pagination-item--previousPage {
  position: relative;
  width: 30px;
  height: 30px;
  z-index: 0;
  text-indent: -5000px;
}
.ais-Pagination-item--previousPage .ais-Pagination-link {
  text-indent: 0;
}
.ais-Pagination-item--previousPage .ais-Pagination-link:before {
  left: 0;
  top: 6px;
  font-size: 20px;
  color: black;
  content: "\e912";
  font-family: "ico-vw" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: absolute;
  cursor: pointer;
  line-height: 1;
}
.ais-Pagination-item--nextPage {
  position: relative;
  width: 30px;
  height: 30px;
  z-index: 0;
  text-indent: -5000px;
}
.ais-Pagination-item--nextPage .ais-Pagination-link {
  text-indent: 0;
}
.ais-Pagination-item--nextPage .ais-Pagination-link:hover:before {
  color: #575756;
}
.ais-Pagination-item--nextPage .ais-Pagination-link:before {
  right: 0;
  top: 6px;
  font-size: 20px;
  color: black;
  content: "\e913";
  font-family: "ico-vw" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: absolute;
  cursor: pointer;
  line-height: 1;
}

#searchbox {
  width: 650px;
  margin-top: -15vh;
}

.ais-Hits-list {
  max-width: 650px;
  text-align: left;
  list-style: none;
}

.ais-Hits-list p {
  font-family: "DIN-Lt", Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.75;
  text-transform: none;
  letter-spacing: 0.01em;
  margin: 7px 0 25px;
  margin-top: 7px;
  margin-bottom: 25px;
  text-align: left;
  text-indent: 0;
}

a.vw-btn {
  margin-top: 45px;
  background: none;
  border: 1px solid #000000;
  color: #000000;
  display: inline-block;
  font-family: "DIN", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.075em;
  line-height: 1;
  margin-top: 0px;
  margin: 45px 0 0 0;
  padding: 17px 25px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  text-transform: uppercase;
  transition: all 0.5s;
  border-color: #ffffff;
  color: #ffffff;
  margin-bottom: 64px;
}
a.vw-btn:hover {
  text-decoration: none !important;
}
#mobSearchBtn {
  display: none !important;
}

#hits-2 {
  color: white;
  text-align: left;
  width: 650px;
  display: flex;
  text-align: left;
  justify-content: start;
}

.search-open {
  justify-content: start !important;
  /* padding-top: 20vh !important; */
}
.no-scroll {
  overflow: hidden;
}
#powered-by {
  margin-top: 20vh;
}
.search-navbar-collapse {
  max-height: 95vh;
  overflow: hidden;
  overflow-y: hidden;
  overflow-y: scroll;
}