/* Malli: @include icon($facebook)*/
body .listing-show-more-button {
  text-decoration: none !important;
  cursor: pointer;
  border-style: solid !important;
  display: inline-block;
  transition: all 0.2s !important;
  vertical-align: middle;
  box-sizing: border-box;
  outline: 0;
  text-align: center !important;
  text-shadow: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  max-width: 100%;
  background-size: 100%;
  position: relative;
  z-index: 100;
  font-family: 'Barlow Condensed', "Times New Roman", Times, serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.1875rem;
  line-height: 1.38;
  letter-spacing: 0rem;
  text-transform: uppercase;
  color: #666f7d !important;
  background-color: transparent !important;
  background-image: none !important;
  border-width: 0.0625rem !important;
  border-color: #c3cdd8 !important;
  border-radius: 0.125rem !important;
  min-width: 100%;
  padding-top: 0.8125rem;
  padding-bottom: 0.8125rem;
  padding-left: 3.0625rem;
  padding-right: 3.0625rem;
  margin: 0.9375rem 0 0.9375rem 0; }
  body .listing-show-more-button::after {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    width: 100%;
    z-index: -100;
    transition: all 0.2s !important;
    border-radius: inherit; }
  body .listing-show-more-button:hover, body .listing-show-more-button:active, body .listing-show-more-button:focus {
    text-decoration: none !important; }
    body .listing-show-more-button:hover::after, body .listing-show-more-button:active::after, body .listing-show-more-button:focus::after {
      opacity: 1; }
  body .listing-show-more-button:disabled {
    opacity: 0.7;
    cursor: default; }
    body .listing-show-more-button:disabled:hover::after, body .listing-show-more-button:disabled:active::after, body .listing-show-more-button:disabled:focus::after {
      opacity: 0; }
  body .listing-show-more-button::after {
    display: none; }
  body .listing-show-more-button:hover, body .listing-show-more-button:active, body .listing-show-more-button:focus {
    color: #ffffff !important;
    border-color: #e62000 !important;
    background-color: #e62000 !important; }
  body .listing-show-more-button.is-active {
    background-color: #e62000 !important;
    background-image: none !important;
    border-color: #e62000 !important;
    color: #ffffff !important; }
    body .listing-show-more-button:disabled:hover, body .listing-show-more-button:disabled:active, body .listing-show-more-button:disabled:focus {
      background-color: transparent !important;
      background-image: none !important; }
  @media screen and (max-width: 63.9375em) {
    body .listing-show-more-button {
      padding-top: calc(0.8125rem * 0.9);
      padding-bottom: calc(0.8125rem * 0.9);
      padding-left: calc(3.0625rem * 0.9);
      padding-right: calc(3.0625rem * 0.9); } }
@media screen and (max-width: 31.1875em) {
  body .listing-show-more-button {
    min-width: 100%;
    padding-top: calc(0.8125rem * 0.8);
    padding-bottom: calc(0.8125rem * 0.8);
    padding-left: calc(3.0625rem * 0.8);
    padding-right: calc(3.0625rem * 0.8); } }

body .listing-show-more-button {
  width: 100%;
  margin: 0; }

@media screen and (max-width: 47.9375em) {
  .listing-filters-wrapper .listing-filters-left .listing-categories-info {
    text-align: center; } }
.listing-filters-wrapper .listing-filters-left .listing-search-wrapper {
  max-width: calc(66.6666% - 0.625rem);
  position: relative; }
@media screen and (max-width: 63.9375em) {
  .listing-filters-wrapper .listing-filters-left .listing-search-wrapper {
    max-width: 100%; } }
.listing-filters-wrapper .listing-filters-right .listing-category-select-wrapper {
  max-width: calc(66.6666% - 0.625rem);
  margin-left: auto; }
@media screen and (max-width: 63.9375em) {
  .listing-filters-wrapper .listing-filters-right .listing-category-select-wrapper {
    max-width: 100%;
    margin-left: initial; } }
@media screen and (max-width: 47.9375em) {
  .listing-filters-wrapper .listing-filters-right .listing-category-select-wrapper {
    margin-top: 0.9375rem; } }
.listing-filters-wrapper .listing-search-wrapper-full {
  position: relative;
  max-width: calc(33.3333% - 1.25rem);
  margin-left: auto; }
@media screen and (max-width: 63.9375em) {
  .listing-filters-wrapper .listing-search-wrapper-full {
    max-width: 100%; } }
.listing-filters-wrapper .listing-search-button {
  text-decoration: none;
  position: absolute;
  width: 2.8125rem;
  height: 2.8125rem;
  top: 0;
  right: 0;
  margin: 0; }
  .listing-filters-wrapper .listing-search-button:before {
    font-family: 'hoyryicon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e9cc"; }
  .listing-filters-wrapper .listing-search-button:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #e62000;
    text-align: center;
    width: 2.8125rem;
    font-size: 1rem; }
  .listing-filters-wrapper .listing-search-button:hover, .listing-filters-wrapper .listing-search-button:active, .listing-filters-wrapper .listing-search-button:focus {
    text-decoration: none; }
.listing-filters-wrapper .listing-category-tabs-wrapper {
  margin-top: 1.875rem; }
  .listing-filters-wrapper .listing-category-tabs-wrapper:first-child {
    margin-top: 0; }
.listing-filters-wrapper .listing-category-buttons-wrapper {
  margin-top: 1.875rem;
  text-align: center; }
  .listing-filters-wrapper .listing-category-buttons-wrapper:first-child {
    margin-top: 0; }
  .listing-filters-wrapper .listing-category-buttons-wrapper a {
    margin: 0 0.1875rem 0.5rem 0.1875rem; }

.listing-bottom-wrapper {
  position: relative; }
  .listing-bottom-wrapper .listing-show-more-wrapper {
    display: none;
    text-align: center; }
  .listing-bottom-wrapper .listing-loader-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 7.5rem 0; }
    .listing-bottom-wrapper .listing-loader-wrapper .listing-loader .hoyrymoottori-loader {
      margin: 0 auto;
      left: 0;
      right: 0; }
