﻿@media screen and (prefers-color-scheme: dark) {

body {
	background-color: #22272b;
	color: #e0e3ea;
}

a {
	color: #8f939d;
}

.container {
	background-color: #22272b;
	box-shadow: none;
}

.header {
	background-color: #262b30;
	border: 1px solid #e0e0e0;
	box-shadow: none;
	box-sizing: border-box;
}

.header .logo img {
	filter:invert(50%);
}

.search {
	background-color: #262b30;
}

.search .search-bar .box.type-house label {
	background-color: #262b30;
	color: #e0e3ea;
}
.search .search-bar .box.type-house label:hover {
	background-color: #262b30;
	color: #e0e3ea;
}
.search .search-bar input {
	background-color: #262b30;
	color: #e0e3ea;
}

.checkselect-control select {
	background-color: #262b30;
	color: #e0e3ea;
}
.checkselect-popup {
	background-color: #262b30;
	color: #e0e3ea;
}

.search .search-bar .box.button.params button { /* все цвета указаны инвентиованные, которые при применении invert(100%) станут "нормальными" https://colorinverter.imageonline.co */
	background-color: #d9d4cf;
	filter: invert(100%);
}
.search .search-bar .box.button.search button { /* все цвета указаны инвентиованные, которые при применении invert(100%) станут "нормальными" */
	background-color: #d9d4cf;
	filter: invert(100%);
}

.modal-box {
	background-color: #262b30;
	color: #e0e3ea;
}
.modal-box .modal-close {
	background-color: #262b30;
	color: #e0e3ea;
}
.box-check label {
	background-color: #262b30;
	color: #e0e3ea;
}
.box-check label:hover {
	background-color: #262b30;
	color: #e0e3ea;
}
.modal-box .modal-nav .modal-nav-button {
	background-color: #262b30;
	color: #e0e3ea;
}
.modal-box .modal-nav .modal-nav-button.cancel { /* все цвета указаны инвентиованные, которые при применении invert(100%) станут "нормальными" */
	background-color: #d9d4cf;
	color: #1f1c15;
	border: 1px solid #1f1f1f;
	filter: invert(100%);
}
.modal-box .modal-nav .modal-nav-button.ok { /* все цвета указаны инвентиованные, которые при применении invert(100%) станут "нормальными" */
	background-color: #d9d4cf;
	color: #1f1c15;
	border: 1px solid #1f1f1f;
	filter: invert(100%);
}

.catalog-main .info .img .price {
	background-color: #262b30;
}
.catalog-main .info .img .type {
	background-color: #262b30;
}
.catalog-main .info .builder {
	color: #8f939d;
}
.catalog-main .info .date {
	color: #8f939d;
}

.catalog-search .info .img .price {
	background-color: #262b30;
}
.catalog-search .info .img .type {
	background-color: #262b30;
}
.catalog-search .info .builder {
	color: #8f939d;
}
.catalog-search .info .date {
	color: #8f939d;
}

.favorites .icon-love-empty { /* все цвета указаны инвентиованные, которые при применении invert(100%) станут "нормальными" */
	background-color: #d9d4cf;
	filter: invert(100%);
}
.favorites .icon-love-full { /* все цвета указаны инвентиованные, которые при применении invert(100%) станут "нормальными" */
	background-color: #d9d4cf;
	filter: invert(100%);
}

.main {
	background-color: #262b30;
	color: #e0e3ea;
}
.main .sidebar .related-info .img .price {
	background-color: #262b30;
}
.main .content .graph {
	color: black;
}
.main .content .dark-images img {
	filter: invert(100%);
}

.footer {
	border: 1px solid #e0e0e0;
	background-color: #22272b;
	color: #e0e3ea;
}

.resp-tab.ipoteka .bank-name span {
	background-color: #262b30;
}
.resp-tab.ipoteka td {
	border-top: 1px solid #e0e0e0;
}

.map-map { /* https://snipp.ru/html-css/yamap-color */
	filter: brightness(80%);
}


@media screen and (max-width: 768px) {
	
.header {
	width: calc(100% - 6px);
	margin: 0 auto;
}
	
.menu .menu-search { /* все цвета указаны инвентиованные, которые при применении invert(100%) станут "нормальными" */
	filter: invert(100%);
	background-color: #d9d4cf;
}
.menu .menu-burger { /* все цвета указаны инвентиованные, которые при применении invert(100%) станут "нормальными" */
	filter: invert(100%);
	background-color: #d9d4cf;
}
.menu ul {
    background-color: #262b30;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
	width: calc(100% + 1.5px);
}

.overlay {
	background: #22272b;
}
  
}


}