@font-face {
  font-family: "BrushUp";
  src: url("../../font/lgk/BrushUp.eot");
  src: url("../../font/lgk/BrushUp.eot?#iefix") format("embedded-opentype"), url("../../font/lgk/BrushUp.woff") format("woff"), url("../../font/lgk/BrushUp.ttf") format("truetype"), url("../../font/lgk/BrushUp.svg#BrushUp") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "BrushUp2";
  src: url("../../font/lgk/BrushUp2.eot");
  src: url("../../font/lgk/BrushUp2.eot?#iefix") format("embedded-opentype"), url("../../font/lgk/BrushUp2.woff") format("woff"), url("../../font/lgk/BrushUp2.ttf") format("truetype"), url("../../font/lgk/BrushUp2.svg#BrushUp2") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "BrushUpW01";
  src: url("../../font/lgk/BrushUpW01-Regular.eot");
  src: url("../../font/lgk/BrushUpW01-Regular.eot?#iefix") format("embedded-opentype"), url("../../font/lgk/BrushUpW01-Regular.woff2") format("woff2"), url("../../font/lgk/BrushUpW01-Regular.woff") format("woff"), url("../../font/lgk/BrushUpW01-Regular.ttf") format("truetype"), url("../../font/lgk/BrushUpW01-Regular.svg#BrushUpW01-Regular") format("svg");
  font-weight: 500;
  font-style: normal;
}
/* dark blue */
/* dark blue */
/* green */
/* light gray */
/* light gray */
/* light gray */
/* light gray */
/* light gray */
/* gray */
/*
darken( $base-color, 10% )

grijs bg eeeff2
*/
@media (max-width: 767px) {
  .animal-groups-wrap {
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity 0.5s ease;
  }
  .animal-groups-wrap .animal-groups {
    display: none;
  }
  .animal-groups-wrap .animal-groups a {
    display: flex;
    align-items: center;
    padding-right: 25px;
  }
  .animal-groups-wrap .animal-groups a:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    border: solid 1px #05325c;
    border-bottom: none;
    border-left: none;
    top: 50%;
    margin-top: -6px;
    right: 18px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .animal-groups-wrap .animal-groups a img {
    width: 150px;
    max-width: 40%;
    margin-right: 12px;
  }
  .animal-groups-wrap .animal-groups a:nth-of-type(even):before {
    content: "";
    position: absolute;
    top: 0;
    right: -15px;
    bottom: 0;
    left: -15px;
    background: #f6f7fa;
    z-index: -1;
  }
  .animal-groups-wrap .close-filter-results {
    position: relative;
    padding-right: 25px;
    float: right;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 13px;
  }
  .animal-groups-wrap .close-filter-results:before, .animal-groups-wrap .close-filter-results:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 9px;
    width: 19px;
    border-bottom: solid 2px #05325c;
    transform: rotate(45deg);
  }
  .animal-groups-wrap .close-filter-results:after {
    transform: rotate(-45deg);
  }
  .page {
    opacity: 1;
    transition: opacity 0.5s ease;
    margin-top: 20px;
  }
  .page .responsive-banner span.image {
    max-width: 360px;
    min-height: 117px;
  }
  .show-filter-results .page {
    opacity: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
  }
  .show-filter-results .animal-groups-wrap {
    opacity: 1;
    height: auto;
    overflow: visible;
  }
  .show-filter-results .animal-groups-wrap .animal-groups {
    display: block;
  }
  .mobileonly {
    display: block;
  }
  .notonmobile {
    display: none;
  }
  .responsive-banner .text {
    padding: 5px 15px 10px;
  }
  .responsive-banner .text .header {
    font-size: 26px;
  }
  .responsive-banner .text .subheader {
    font-size: 15px;
  }
  main > .content .fbbutton {
    position: relative;
    right: initial;
    top: initial;
  }
  #page_embed .huisdierentest {
    padding: 0;
  }
}
@media (max-width: 991px) {
  header .logo {
    line-height: 64px;
    max-width: calc(80% - 80px);
  }
  header .logo img {
    vertical-align: middle;
  }
}