.no-results {
  font-family: 'Hind', sans-serif;
  color: #1f1f1f;
  font-size: 26px;
  letter-spacing: 1px;
  text-transform: uppercase; }

#categorieoverzicht {
  background-color: #f5f7f8; }
  #categorieoverzicht .inline_categories {
    padding-bottom: 125px; }
  #categorieoverzicht h2, #categorieoverzicht p {
    font-family: ; }
  #categorieoverzicht h2 {
    margin-bottom: 22px;
    padding-top: 75px;
    font-weight: 600;
    font-size: 28px;
    color: #414042; }
  #categorieoverzicht p {
    font-size: 14px;
    margin-bottom: 40px;
    letter-spacing: 0.5px; }

.btn-square {
  padding: 5px 10px;
  text-decoration: none; }

@media (min-width: 1024px) {
    .category_banner {
      margin-bottom: 30px;
      position: relative;
      display: inline-block;
      width: 100%;
      min-height: 180px; }
      .category_banner img {
        width: 100%;
        height: auto; }
      .category_banner .banner_content {
        position: absolute;
        margin-left: 60px;
        font-size: 30px;
        top: 40px; }
        .category_banner .banner_content h1, .category_banner .banner_content .title_prefix {
          font-family: 'Roboto Slab';
          font-weight: bold;
          font-size: 32px;
          color: #030304;
          display: block; }
        .category_banner .banner_content h1 {
          margin-bottom: 20px; }
      .category_banner p {
        font-size: 18px;
        color: black;
        line-height: 1px; } }
  @media (max-width: 1023px) {
  .category_banner span.title_prefix {
    display: none; }
    .category_banner h1 {
      color: #030304;
      font-size: 20px;
      margin-bottom: 0; } }

section {
  min-height: 0px; }

.background_shop {
  background-color: white;
  padding-bottom: 50px; }
  .background_shop .sort_box {
    height: 50px;
    position: relative;
    margin-bottom: 5px; }
    .background_shop .sort_box #sort_products {
      position: absolute;
      right: 0;
      margin-right: 0px; }
    @media (max-width: 1023px) {
  .background_shop .sort_box {
    display: none; } }
  .background_shop #content {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-top: 75px;
    padding-bottom: 125px; }
    @media (max-width: 560px) {
  .background_shop #content {
    padding-top: 0px;
    padding-bottom: 25px; } }

.overzicht {
  margin: 0;
  width: 75%;
  display: inline-block;
  vertical-align: top;
  position: relative; }
  .overzicht p {
    font-family: ;
    font-weight: normal;
    color: ;
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 34px; }
  @media (max-width: 1023px) {
  .overzicht {
    width: 100%;
    margin-left: 0;
    margin-top: 20px; } }
  @media (max-width: 1023px) {
  .overzicht a.product, .overzicht a.category {
    width: calc(50% - 10px) !important;
    margin-right: 20px;
    box-shadow: none; }
    .overzicht a.product .border, .overzicht a.category .border {
      border: none; }

    .overzicht a.product .producttitels, .overzicht a.category .producttitels {
      margin: 10px 0 0 0; }

    .overzicht a.product .product_category, .overzicht a.category .product_category, .overzicht a.product .product_title, .overzicht a.category .product_title, .overzicht a.product .product_price, .overzicht a.category .product_price {
      margin-left: 0 !important; }

    .overzicht a.product:nth-child(3n+3), .overzicht a.category:nth-child(3n+3) {
      margin-right: 20px; }

    .overzicht a.product:nth-child(2n+2), .overzicht a.category:nth-child(2n+2) {
      margin-right: 0; }

    .overzicht a.product .w20p, .overzicht a.category .w20p {
      display: none; } }

.animate_fading_in {
  -webkit-animation-name: fadein;
  -moz-animation-name: fadein;
  -o-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s; }

@-webkit-keyframes fadein {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-moz-keyframes fadein {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-ms-keyframes fadein {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@keyframes fadein {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

.animate_fading_out {
  -webkit-animation-name: fadeout;
  -moz-animation-name: fadeout;
  -o-animation-name: fadeout;
  animation-name: fadeout;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s; }

@-webkit-keyframes fadeout {
  from {
    opacity: 1; }

  to {
    opacity: 0; } }

@-moz-keyframes fadeout {
  from {
    opacity: 1; }

  to {
    opacity: 0; } }

@-ms-keyframes fadeout {
  from {
    opacity: 1; }

  to {
    opacity: 0; } }

@keyframes fadeout {
  from {
    opacity: 1; }

  to {
    opacity: 0; } }

.label_product {
  cursor: pointer;
  word-break: break-all; }

.laden {
  background-image: url('https://beta.xlwallart.nl/assets/img/spinner.svg');
  background-position: center;
  background-size: 100px;
  background-repeat: no-repeat;
  height: 50px;
  position: absolute;
  width: 100%;
  text-align: center;
  opacity: 0; }
  @media (max-width: 481px) {
  .laden {
    margin: 0 auto; } }

li.input_checkbox::first-letter {
  text-transform: uppercase; }

input[type='text']::placeholder {
  font-family: ; }

@media (min-width: 1023px) {
  .filter_box {
    display: inline-block;
    width: calc(25% - 30px);
    margin-right: 30px;
    background: #fff;
    vertical-align: top;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out; }
    .filter_box h3 {
      font-size: 24px;
      font-family: 'Open Sans';
      color: #414042;
      padding: 10px; }
    .filter_box p {
      padding: 0px 10px;
      font-size: 14px;
      color: #666;
      letter-spacing: 0.5px;
      line-height: 24px;
      font-family: 'Open Sans'; }
    .filter_box .mobile_sort {
      display: none; }
    .filter_box .filter {
      margin-bottom: 38px; }
    .filter_box .input_checkbox.input_checkbox {
      margin-bottom: 12px; }
    .filter_box .toon_meer {
      text-align: center;
      font-size: 12px;
      font-weight: 700;
      color: #030304;
      margin-top: 14px;
      text-transform: uppercase;
      cursor: pointer; }
      .filter_box .toon_meer i {
        margin-left: 4px;
        font-size: 11px; }
    .filter_box .filters_open {
      display: none; }
    .filter_box .price_slider {
      margin-top: 15px; }
    .filter_box .slider_inline {
      display: inline-block; }
    .filter_box .price_show_slider {
      width: 50%;
      display: inline-block;
      float: right; }
    .filter_box .sliderValue {
      width: calc(100% - 50%) !important;
      border-radius: 0 !important;
      border: 0 !important;
      padding: 0 !important;
      line-height: 25px;
      color: ;
      font-size: 12px;
      margin: 0;
      font-family: ;
      font-weight: bold; }
    .filter_box .left {
      float: left;
      text-align: left; }
    .filter_box .right {
      text-align: right;
      float: right; }
    .filter_box .ui-widget-content {
      height: 1px;
      vertical-align: middle; }
    .filter_box .ui-widget.ui-widget-content {
      border: 5px solid ; }
    .filter_box .ui-slider .ui-slider-handle {
      margin-top: -5px;
      position: absolute;
      z-index: 2;
      width: 10px;
      margin-left: -5px;
      height: 20px;
      cursor: default;
      -ms-touch-action: none;
      touch-action: none;
      border-radius: 0;
      vertical-align: middle;
      border: 1px solid ;
      background: ;
      outline: none; }
    .filter_box input[type=range] {
      -webkit-appearance: none;
      width: 100%;
      padding: 0;
      margin: 0;
      height: 2px;
      border: 0;
      /* filters */ }
    .filter_box .label_form {
      font-size: 14px !important;
      color: #414145;
      line-height: 24px;
      letter-spacing: 0.1px;
      font-weight: 600;
      font-family: 'Roboto';
      padding-bottom: 10px;
      margin-bottom: 17px;
      border-bottom: 1px solid #efefef; }
      .filter_box .label_form:not(:first-child) {
        margin-top: 20px; }
    .filter_box label {
      font-size: 12px;
      color: #030304 !important; }
    .filter_box label:before {
      display: none; }
    .filter_box input, .filter_box select {
      border: 1px solid #efefef;
      padding: 5px;
      font-weight: 500;
      font-size: 12px;
      color: #575756;
      background: transparent;
      font-family: 'Roboto'; }
    .filter_box select {
      cursor: pointer;
      width: 100%; }
    .filter_box .checkbox_content {
      height: 40px;
      background: green; }
    .filter_box .input_checkbox {
      list-style-type: none; }
      .filter_box .input_checkbox input[type='checkbox'] {
        margin: 0 22px 0 6px;
        border-radius: 5px;
        border: 1px solid gray;
        background: transparent; }
    .filter_box .filter_options li:last-child {
      padding-bottom: 15px;
      border-bottom: 1px solid #efefef; }
    .filter_box .filters {
      display: block;
      max-width: 288px;
      width: 100%; }
      .filter_box .filters .header {
        display: none; }
      .filter_box .filters input[type='text'], .filter_box .filters input[type='number'] {
        width: 100%;
        height: 40px;
        padding: 10px; } }
  @media (max-width: 1023px) and (max-width: 1023px) {
      .filter_box {
        margin: 0 !important;
        padding: 0 !important; } }
    @media (max-width: tablet-wide) and (max-width: 1023px) {
      .filter_box input[type=range] {
        width: 50%; } }
  @media (max-width: tablet-wide) and (max-width: 1023px) {
      .filter_box {
        width: 100%; }
        .filter_box #search_input {
          width: 300px; } }
  @media (max-width: 1023px) and (max-width: 1023px) {
      .filter_box {
        width: calc(100% + 40px);
        background-color: #fff;
        margin-left: -20px !important;
        padding: 10px 20px !important; } }

.sticky_sortbox {
  position: fixed;
  top: 140px;
  z-index: 999;
  width: 100%; }

#sticky-phantom {
  display: none;
  height: 60px; }

@media (max-width: 1023px) {
  .filters_open {
    display: block !important;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    border: solid 1px #efefef;
    text-align: center;
    color: #030304;
    font-weight: 600;
    font-size: 13px; }
    .filter_active {
      border-left: 5px solid #72725b; }
    .filters {
      position: fixed;
      display: block;
      top: 0;
      left: -100%;
      height: 100%;
      width: 100%;
      background: white;
      z-index: 100;
      padding: 20px;
      color: #030304; }
      .filters #mobile_sort {
        margin: -20px -20px 0 -20px;
        padding: 20px;
        border-bottom: 1px solid #efefef;
        width: calc(100% + 40px);
        overflow: hidden;
        overflow-x: scroll; }
        .filters #mobile_sort .sort_options {
          white-space: nowrap; }
          .filters #mobile_sort .sort_options .sort_option {
            font-size: 14px;
            font-weight: 600;
            display: inline-block;
            border: 1px solid #efefef;
            margin-right: 12px;
            padding: 12px 25px;
            border-radius: 25px; }
          .filters #mobile_sort .sort_options .sort_active {
            background-color: #030304;
            color: #fff; }
      .filters .filter {
        margin: 0px -20px;
        padding: 10px 20px;
        border-bottom: 1px solid #efefef;
        width: calc(100% + 40px);
        position: relative;
        height: 55px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        line-height: 18px; }
      .filters .filter_options {
        position: fixed;
        display: block;
        top: 0;
        left: -100%;
        height: 100%;
        width: 100%;
        background: white;
        z-index: 100;
        padding: 20px; }
        .filters .filter_options .header {
          display: none;
          margin-bottom: 0px; }
        .filters .filter_options li {
          margin-top: 20px; }
      .filters .search_prod {
        display: none; }
      .filters .label_form {
        font-size: 16px;
        font-weight: 600; }
      .filters .label_sub_form {
        font-size: 13px;
        font-weight: 400;
        color: #575756;
        display: none;
        width: calc(100% - 20px);
        height: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .filters .label_span {
        position: absolute;
        right: 20px;
        font-weight: 500;
        font-size: 14px;
        top: calc(50% - 10px); }
      .filters .toon_resultaten {
        background-color: #f89c44;
        width: calc(100% - 40px);
        padding: 10px 0;
        text-align: center;
        color: #fff;
        position: absolute;
        bottom: 20px;
        -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.04);
        -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.04);
        box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.04);
        font-size: 14px;
        font-family: 'Roboto';
        z-index: 300; }
      .filters .header {
        background: white;
        display: block;
        width: calc(100% + 40px);
        height: 50px;
        line-height: 50px;
        text-align: center;
        position: relative;
        border-bottom: 1px solid #efefef;
        color: #333;
        margin: -20px -20px 20px -20px; }
        .filters .header .filters_close {
          font-size: 20px;
          position: absolute;
          left: 20px;
          top: 0; }
        .filters .header .title {
          font-weight: bold; }
        .filters .header span.filters_wissen {
          width: 50px;
          font-size: 13px;
          position: absolute;
          line-height: 13px;
          right: 20px;
          top: 11px;
          color: #575756;
          display: none; }
      .filters .input_checkbox .kenmerk_sub_naam {
        color: #030304; }
        .filters .input_checkbox span.sort_count {
          font-size: 13px;
          color: #575756;
          font-weight: 300; }
        .filters .input_checkbox input[type="checkbox"]:checked + label:before, .filters .input_checkbox input[type="radio"]:checked + label:before {
          background: #72725b; }
          .filters .input_checkbox input[type="checkbox"] + label, .filters .input_checkbox input[type="radio"] + label {
            font-weight: 600; }
            .filters .input_checkbox input[type="checkbox"] + label:before, .filters .input_checkbox input[type="radio"] + label:before {
              margin-right: 25px;
              border-color: #030304; } }