.service-list-overview .controls {
  margin-bottom: 1rem;
  border-bottom: 3px solid #959595;
}
.service-list-overview .controls::after {
  display: block;
  clear: both;
  content: "";
}
.service-list-overview .controls .control {
  float: left;
}
.service-list-overview .controls .control > a {
  display: block;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  height: 100%;
  text-decoration: none;
  background-image: url("../img/services-bkg-off.png");
}
.service-list-overview .controls .control > a::after {
  display: block;
  clear: both;
  content: "";
}
.service-list-overview .controls .control > a .logo {
  width: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.75rem;
}
.service-list-overview .controls .control > a .logo svg {
  fill: #adadad;
}
.service-list-overview .controls .control > a .name {
  font-family: opensans, sans-serif;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  text-align: center;
  color: #adadad;
}
.service-list-overview .controls .control > a:hover .name {
  color: #851f1e;
}
.service-list-overview .controls .control > a:hover .logo svg {
  fill: #37678e;
}
.service-list-overview .controls .control > a.selected, .service-list-overview .controls .control > a.selected:hover {
  background-image: url("../img/services-bkg-on.png");
}
.service-list-overview .controls .control > a.selected .name, .service-list-overview .controls .control > a.selected:hover .name {
  color: #851f1e;
}
.service-list-overview .controls .control > a.selected .logo svg, .service-list-overview .controls .control > a.selected:hover .logo svg {
  fill: #37678e;
}
.service-list-overview .controls-0 .control {
  width: 100%;
}
.service-list-overview .controls-1 .control {
  width: 100%;
}
.service-list-overview .controls-2 .control {
  width: 50%;
}
.service-list-overview .controls-3 .control {
  width: 33.333%;
}
.service-list-overview .controls-4 .control {
  width: 25%;
}
.service-list-overview .matrix.outer .row::after {
  display: block;
  clear: both;
  content: "";
}
.service-list-overview .matrix.outer .row .service {
  width: 33%;
  float: left;
}
.service-list-overview .matrix.inner {
  padding-top: 0.75rem;
}
.service-list-overview .matrix .service a {
  text-decoration: none;
  display: block;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  padding-top: 0.5rem;
}
.service-list-overview .matrix .service a .icon {
  width: 110px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
}
.service-list-overview .matrix .service a .name {
  font-family: opensans, sans-serif;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  text-align: center;
  color: #851f1e;
}
.service-list-overview .matrix .service a p {
  font-family: merriweather;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5;
  text-align: cetner;
  margin-bottom: 0;
  color: #353535;
}

@media (max-width: 653.3333333333px) {
  .service-list-overview .controls {
    border-bottom: none;
  }
  .service-list-overview .controls .control {
    float: none;
  }
  .service-list-overview .controls .control > a {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 3px solid #dddddd;
  }
  .service-list-overview .controls .control > a .name {
    line-height: 1;
    margin-bottom: 0;
  }
  .service-list-overview .controls .control > a .logo svg,
  .service-list-overview .controls .control > a:hover .logo svg,
  .service-list-overview .controls .control > a.selected .logo svg,
  .service-list-overview .controls .control > a.selected:hover .logo svg {
    fill: #37678e;
  }
  .service-list-overview .controls .control > a .name,
  .service-list-overview .controls .control > a:hover .name,
  .service-list-overview .controls .control > a.selected .name,
  .service-list-overview .controls .control > a.selected:hover .name {
    color: #851f1e;
  }
  .service-list-overview .controls .control > a .logo {
    display: inline-block;
    vertical-align: middle;
    padding-right: 0.75rem;
    margin-bottom: 0;
  }
  .service-list-overview .controls .control > a .name {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
  }
  .service-list-overview .controls .control > a .icon {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23851f1e%22%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2026%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2224%22%20height%3D%2224%22%2F%3E%3Cpolygon%20points%3D%2218%2012%2014%2012%2014%208%2012%208%2012%2012%208%2012%208%2014%2012%2014%2012%2018%2014%2018%2014%2014%2018%2014%2018%2012%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-size: 26px 26px;
    background-repeat: no-repeat;
    background-position: right center;
  }
  .service-list-overview .controls .control > a.selected .icon {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23851f1e%22%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2026%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2224%22%20height%3D%2224%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2212%22%20width%3D%2210%22%20height%3D%222%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-size: 26px 26px;
    background-repeat: no-repeat;
    background-position: right center;
  }
  .service-list-overview .controls-0 .control {
    width: 100%;
  }
  .service-list-overview .controls-1 .control {
    width: 100%;
  }
  .service-list-overview .controls-2 .control {
    width: 100%;
  }
  .service-list-overview .controls-3 .control {
    width: 100%;
  }
  .service-list-overview .controls-4 .control {
    width: 100%;
  }
  .service-list-overview .matrix.outer {
    display: none;
  }
}

/*# sourceMappingURL=service-list-overview.css.map */