.tax-katalog h1.page-title { text-align: left; }

.base-container { max-width: 1200px; box-sizing: border-box; margin-left: auto; margin-right: auto; font-family: Ubuntu; }
.base-container * { box-sizing: border-box; }
.base-container img { max-width: 100%; height: auto; }

.catalog { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-bottom: 20px; }

.catalog__aside { margin-bottom: 20px; -webkit-flex: 0 0 240px; flex: 0 0 240px; }

.catalog__section { -webkit-flex: 1 1 auto; flex: 1 1 auto; margin-bottom: 20px; padding-left: 40px; }

.catalog__grid { display: -ms-grid; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; grid-gap: 30px 20px; gap: 30px 20px; }

.catalog__item { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }

.catalog__widget { border-bottom: 1px solid rgba(173, 127, 86, 0.56); margin-bottom: 20px; padding-bottom: 20px; }
.catalog__widget:last-child { border-bottom: 0; }

.catalog__widget-header { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between; font-size: 18px; font-weight: 400; color: #202020; line-height: 2; }
.catalog__widget-header .fa { display: none; }

.catalog__ui-slider { background: #eeeeee; height: 4px; position: relative; margin: 5px; }

.ui-slider-range { position: absolute; top: 0; bottom: 0; background: #ad7f56; }

.ui-slider-handle { position: absolute; width: 10px; height: 14px; top: -5px; margin-left: -5px; border-radius: 8px; cursor: pointer; background: #ad7f56; }

.catalog__ui-values { color: #202020; font-size: 17px; padding-top: 1em; }

.catalog__check-list { list-style: none; margin: 0; padding: 0; font-size: 17px; font-weight: 300; }
.catalog__check-list li { margin-bottom: 5px; }
.catalog__check-list li:last-child { margin-bottom: 0; }

.catalog__check-label { margin: 0; padding: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; font-weight: 300; font-size: 17px; cursor: pointer; line-height: 1.6; color: #202020; }
.catalog__check-label input { position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0; appearance: none; -webkit-appearance: none; }
.catalog__check-label input:checked ~ .chatalog__check-icon { background-color: #cccccc; }
.catalog__check-label input:checked ~ .chatalog__check-icon .fa { opacity: 1; }

.chatalog__check-icon { width: 15px; text-align: center; height: 15px; flex: 0 0 15px; margin-right: 7.5px; border: 1px solid #cccccc; border-radius: 3px; font-size: 12px; }
.chatalog__check-icon .fa { opacity: 0; font-size: 12px; vertical-align: top; color: #ad7f56; }

.catalog__check-title { flex: 1 1 auto; }

.catalog__select { font-size: 17px; font-weight: 300; font-family: Ubuntu; padding: 7px 7px 7px 7px; line-height: inherit; border-radius: 3px; border: 1px solid #ebeced; width: 100%; cursor: pointer; }
.catalog__select:focus { outline: none; }

.catalog__item { border: 1px solid rgba(173, 127, 86, 0.41); padding: 20px; font-size: 16px; color: #202020; line-height: 1.5; font-weight: 300; transition: all 0.3s; }
.catalog__item:hover { border-color: rgba(173, 127, 86, 0.71); }

.catalog__item-thumb { position: relative; padding-bottom: 100%; overflow: hidden; height: 0; display: block; margin-bottom: 20px; }
.catalog__item-thumb img { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.catalog__item-title { margin-bottom: 10px; }
.catalog__item-title a { color: inherit; text-decoration: none; transition: all 0.3s; font-weight: 400; }
.catalog__item-title a:hover { color: #ad7f56; }

.catalog__item-info { flex-grow: 1; }

.catalog__item-option { margin-bottom: 10px; }

.catalog__item-btn { margin-top: 10px; align-self: flex-start; color: #fff; padding: 5px 15px; text-decoration: none; background-color: #ad7f56; transition: all 0.3s; }
.catalog__item-btn:hover { text-decoration: none; background-color: #443222; color: #fff; }

.ikons { display: -ms-grid; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto; grid-gap: 40px 30px; gap: 40px 30px; margin-bottom: 40px; }

.ikon { display: block; font-weight: 400; color: #202020; position: relative; font-size: 17px; font-family: Ubuntu; line-height: 1.5; text-decoration: none; }

.ikon__image { position: relative; overflow: hidden; height: 0; padding-bottom: 125%; margin-bottom: 20px; }
.ikon__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.ikon__title { display: block; margin-bottom: 10px; }

.ikon__more { color: #443222; font-weight: 300; font-size: 16px; }
.ikon__more:hover { color: #ad7f56; }

.related { display: -ms-grid; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto; grid-gap: 30px 20px; gap: 30px 20px; margin-bottom: 40px; }

.related__item { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; border: 1px solid rgba(173, 127, 86, 0.23); color: #443222; font-size: 17px; font-weight: 300; line-height: 1.5; transition: all 0.3s; text-decoration: none; padding: 20px; }
.related__item:hover { border: 1px solid rgba(173, 127, 86, 0.63); color: #ad7f56; }

.related__thumb { height: 0; margin-bottom: 20px; position: relative; overflow: hidden; padding-bottom: 71.5%; }
.related__thumb img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; object-position: 50% 0%; }

.related__title { flex-grow: 1; margin-bottom: 20px; }

.related__btn { align-self: center; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #ad7f56; font-family: "Ubuntu", Alice, Ubuntu; font-size: 16px; padding: 5px 20px 5px 20px; color: #443222; transition: all 0.3s; }
.related__btn:hover { color: #fff; background-color: #ad7f56; }

.navigation { margin-top: 40px; font-size: 17px; font-weight: 300; line-height: 1.2; }

.page-numbers { padding: 10px; display: inline-block; vertical-align: middle; margin-left: 4px; color: #202020; text-decoration: none; margin-bottom: 4px; }
.page-numbers:first-child { margin-left: 0; }
.page-numbers.current, .page-numbers:hover { color: #ad7f56; }

@media (max-width: 1200px) { .base-container { max-width: 100%; padding-left: 15px; padding-right: 15px; }
  .catalog__grid { grid-template-columns: 1fr 1fr; }
  .related { grid-template-columns: 1fr 1fr 1fr 1fr; } }
@media (max-width: 992px) { .catalog { display: block; }
  .catalog__grid { grid-template-columns: 1fr 1fr 1fr; }
  .catalog__section { padding-left: 0; }
  .catalog__widget-body { position: relative; max-height: 0; overflow: hidden; transition: all 0.5s; }
  .catalog__widget-header { cursor: pointer; }
  .catalog__widget-header .fa { display: block; font-size: 80%; transition: all 0.3s; }
  .catalog__check-list { overflow-y: auto; max-height: 80vh; }
  ._opened .catalog__widget-header .fa { transform: rotate(180deg); }
  ._opened .catalog__widget-body { max-height: 80vh; }
  .ikons, .related { grid-template-columns: 1fr 1fr 1fr; } }
@media (max-width: 768px) { .catalog__grid { grid-template-columns: 1fr 1fr; }
  .catalog__widget { padding-bottom: 15px; margin-bottom: 15px; } }
@media (max-width: 600px) { .ikons, .related { grid-template-columns: 1fr 1fr; }
  .ikons { gap: 30px 20px; }
  .ikon { font-size: 15px; }
  .ikon__more { font-size: 14px; }
  .catalog__grid { grid-template-columns: 1fr; }
  .related__item { font-size: 15px; } }
@media (max-width: 480px) { .related { grid-template-columns: 1fr; } }
@media (max-width: 360px) { .ikons { grid-template-columns: 1fr; } }