#gallery {
	display: flex;
	flex-direction: column;
}
.filter-block {
	display: flex;
    justify-content: space-between;
	gap: 30px;
	margin-bottom: 30px;
}
@media only screen and (max-width: 1160px) {
    .filter-block {
        gap: 0.67vw;
    }
}
@media only screen and (max-width: 896px) {
	.filter-block {
		order: 2;
        flex-direction: column;
	}
}
@media only screen and (max-width: 600px) {
	.filter-block {
		flex-direction: column;
		gap: 0;
		margin-bottom: 8.45vw;
	}
}
.filter-block .filter-block-wrap {
	display: flex;
	gap: 30px;
}
@media only screen and (max-width: 1160px) {
    .filter-block .filter-block-wrap {
        gap: 0.67vw;
    }
}
.filter-block .flex > span {
	display: none;
}
@media only screen and (max-width: 600px) {
	.filter-block .flex > span {
		display: block;
		font-size: 3.38vw;
		padding: 4.59vw 0 2.66vw;
		font-weight: 500;
	}
}
.filter-block .custom-select {
	width: 240px;
}
@media only screen and (max-width: 1023px) {
	.filter-block .custom-select {
		width: 225px;
	}
}
@media only screen and (max-width: 896px) {
	.filter-block .custom-select {
		width: 45.35vw;
	}
}
@media only screen and (max-width: 600px) {
	.filter-block .custom-select {
		width: 45.1vw;
	}
}
.filter-block .custom-select button {
	font-size: 18px;
}
@media only screen and (max-width: 600px) {
	.filter-block .custom-select button {
		font-size: 3.38vw;
	}
}
.filter-block .custom-select .custom-select__option--value {
	border: 1.36px solid #442C22;
	border-radius: 15px;
	padding: 5px 16px;
}
@media only screen and (max-width: 1023px) {
    .filter-block .custom-select .custom-select__option--value {
        padding: 5px 10px;
    }
}
@media only screen and (max-width: 896px) {
    .filter-block .custom-select .custom-select__option--value {
        padding: 5px 16px;
    }
}
@media only screen and (max-width: 600px) {
	.filter-block .custom-select .custom-select__option--value {
		border: 0.24vw solid #442C22;
		border-radius: 1.45vw;
		padding: 1.21vw 3.86vw;
	}
}
.filter-block .custom-select .custom-select__option--value:after {
	width: 14px;
	height: 9px;
}
@media only screen and (max-width: 600px) {
	.filter-block .custom-select .custom-select__option--value:after {
		width: 2.42vw;
		height: 1.45vw;
	}
}
.pomeschenie {
	display: flex;
	margin: 0 0 30px;
	gap: 5px;
    justify-content: space-between;
	flex-wrap: wrap;
}
@media only screen and (max-width: 1180px) {
	.pomeschenie {
		gap: 0.67vw;
	}
}
@media only screen and (max-width: 896px) {
	.pomeschenie {
		gap: 3.62vw;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		text-align: center;
		order: 1;
		margin: 0 0 35px;
	}
}
@media only screen and (max-width: 600px) {
	.pomeschenie {
		margin: 0 0 3.86vw;
	}
}
.pomeschenie a {
	font-size: 18px;
	padding: 8.5px 20px;
	background: #0A2734;
	border-radius: 15px;
	color: white;
}
@media only screen and (max-width: 1180px) {
	.pomeschenie a {
		padding: 8.5px 1.45vw;
	}
}
@media only screen and (max-width: 600px) {
	.pomeschenie a {
		width: 100%;
		font-size: 3.86vw;
		text-align: center;
		margin: 0;
		padding: 2.30vw;
		border-radius: 3.62vw;
	}
}
.pomeschenie a.active {
	background: #6FC727;
}
.pomeschenie a#allp {
}
@media only screen and (max-width: 896px) {
	.pomeschenie a#allp {
		order: 10;
	}
}


.grid {
	display: grid;
	gap: 28px;
	grid-template-columns: 1fr 1fr 1fr;
	padding-top: 40px;
	position: relative;
}
@media only screen and (max-width: 1400px) {
	.grid {
		row-gap: 1.71vw;
		column-gap: 2.14vw;
	}
}
@media only screen and (max-width: 896px) {
	.grid {
		order: 3;
		grid-template-columns: 1fr 1fr;
	}
}
@media only screen and (max-width: 600px) {
	.grid {
		row-gap: 4.83vw;
		column-gap: 0;
		grid-template-columns: auto;

	}
}
.grid:before {
	position: absolute;
	content: '';
	display: block;
	width: 300%;
	height: 100%;
	background-color: #F6F6F6;
	z-index: -1;
	top: 0;
	left: -100%;
	right: -100%;
}

.grid .line {
	display: flex;
	flex-direction: column;
	z-index: 1;
}
.grid .line .top {
	position: relative;
	height: 378px;
}
@media only screen and (max-width: 1400px) {
	.grid .line .top {
		height: 24.29vw;
	}
}
@media only screen and (max-width: 600px) {
	.grid .line .top {
		height: 50.72vw;
	}
}
.grid .line .top img {
	width: 100%;
	height: 100%;
	z-index: -1;
	position: relative;
	object-fit: cover;
	object-position: center;
}
.grid .line .top div {
	position: absolute;
	background: #6FC727;
	padding: 12px 50px 12px 20px;
	color: white;
	bottom: 30px;
	z-index: 1;
	font-size: 18px;
	font-weight: 500;
}
@media only screen and (max-width: 1374px) {
	.grid .line .top div {
		bottom: 2.18vw;
	}
}
@media only screen and (max-width: 1024px) {
	.grid .line .top div {
		padding: 10px;
		font-size: 16px;
	}
}
@media only screen and (max-width: 600px) {
	.grid .line .top div {
		bottom: 5.31vw;
		padding: 1.69vw 2.42vw;
		font-size: 3.38vw;
	}
}
.grid .line .bottom {
	background: #fff;
	color: #442C22;
	padding: 16px 0;
	position: relative;
	height: calc(100% - 378px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-top: 5px solid #F6F6F6;
}
@media only screen and (max-width: 1400px) {
	.grid .line .bottom {
		height: calc(100% - 24.29vw);
	}
}
@media only screen and (max-width: 1374px) {
	.grid .line .bottom {
		padding: 1.16vw 0;
	}
}
@media only screen and (max-width: 600px) {
	.grid .line .bottom {
		padding: 1.93vw 1.93vw 1.93vw;
	}
}
.grid .line .bottom .one-line {

}
.grid .line .bottom .one-line a {
	color: #6fc727;
}
.grid .line .bottom .one-line a:hover {
	color: #333;
}
.grid .line .bottom .two-line {
	display: flex;
	gap: 15px;
	padding: 16px 22px 0;
	border-top: 5px solid #F6F6F6;
}
@media only screen and (max-width: 1374px) {
	.grid .line .bottom .two-line {
		padding: 1.16vw 1.60vw 0;
		gap: 1.09vw;
	}
}
.grid .line .bottom p {
	font-size: 15px;
	padding: 0 22px 16px;
}
@media only screen and (max-width: 1374px) {
	.grid .line .bottom p {
		padding: 0 1.60vw 1.16vw;
	}
}
@media only screen and (max-width: 600px) {
	.grid .line .bottom p {
		font-size: 3.38vw;
	}
}
.grid .line .bottom a {
	color: #442C22;
	font-size: 16px;
	text-decoration: underline;
}
@media only screen and (max-width: 600px) {
	.grid .line .bottom a {
		font-size: 3.38vw;
	}
}
.grid .line .bottom span {
	font-size: 14px;
}
@media only screen and (max-width: 600px) {
	.grid .line .bottom span {
		font-size: 2.90vw;
	}
}
.grid .line .bottom .eye, .grid .line .bottom .favor {
	display: flex;
	align-items: center;
	gap: 10px;
}
@media only screen and (max-width: 1374px) {
	.grid .line .bottom .eye, .grid .line .bottom .favor {
		gap: 0.73vw;
	}
}
.grid .line .bottom .favor {display:none;}
.grid .line .bottom .eye {
	border-right: 1px solid #ccc;
	padding-right: 15px;
}
@media only screen and (max-width: 1374px) {
	.grid .line .bottom .eye {
		padding-right: 1.09vw;
	}
}
.grid .line .bottom .eye img {
	width: 21px;
}
@media only screen and (max-width: 600px) {
	.grid .line .bottom img {
		width: 3.50vw;
	}
}
.grid .line .bottom .favor img {
	width: 16px;
}
@media only screen and (max-width: 600px) {
	.grid .line .bottom img {
		width: 2.67vw;
	}
}




/*плавная загрузка селекта*/
@-webkit-keyframes fade-in {   0% { opacity: 0.1; }   100% { opacity: 1; }   }
@-moz-keyframes    fade-in {   0% { opacity: 0.1; }   100% { opacity: 1; }   }
@-o-keyframes      fade-in {   0% { opacity: 0.1; }   100% { opacity: 1; }   }
@keyframes         fade-in {   0% { opacity: 0.1; }   100% { opacity: 1; }   }

.custom-select {
	-webkit-animation: fade-in 0.1s linear; /* Safari 4+ */
	-moz-animation: fade-in 0.1s linear; /* Fx 5+ */
	-o-animation: fade-in 0.1s linear; /* Opera 12+ */
	animation: fade-in 0.1s linear; /* IE 10+, Fx 29+ */
}

.filter-block .flex {
	height: 40px;
}
@media only screen and (max-width: 600px) {
	.filter-block .flex {
		height: 18.67vw;
	}
}
.bottom_nav {
	position: relative;
	padding-bottom: 35px;
}
.bottom_nav:before {
	position: absolute;
	content: '';
	display: block;
	width: 300%;
	height: 100%;
	background-color: #F6F6F6;
	z-index: -1;
	top: 0;
	left: -100%;
	right: -100%;
}

.search-gallery-block {

}

.search-gallery-block [name="search"] {
	border: 1.36px solid #442C22;
	border-radius: 15px;
	padding: 5px 16px;
	font-size: 18px;
	line-height: 1.5;
    width: 250px;
}
@media only screen and (max-width: 1160px) {
	.search-gallery-block [name="search"] {
		/*width: 15rem;*/
	}
}
@media only screen and (max-width: 896px) {
	.search-gallery-block [name="search"] {
		width: calc(100% - 230px);
	}
}
@media only screen and (max-width: 600px) {
	.search-gallery-block [name="search"] {
        width: calc(100% - 42vw);
        border: 0.24vw solid #442C22;
        border-radius: 1.45vw;
        padding: 1.495vw 3.86vw;
        font-size: 3.38vw;
        line-height: normal;
	}
}
.search-gallery-block #search_gallery_submit, .search-gallery-block #search_gallery_reset {
	font-size: 18px;
	padding: 10.65px 20px;
	border-radius: 15px;
	color: white;
	background: #6FC727;
	cursor: pointer;
}
@media only screen and (max-width: 600px) {
    .search-gallery-block #search_gallery_submit, .search-gallery-block #search_gallery_reset {
        font-size: 3.38vw;
        padding: 1.695vw 3.3vw;
        border-radius: 1.45vw;
        line-height: normal;
    }
}
/*costil dlya formi v podvale*/
@media only screen and (max-width: 600px) {
	.block-10.cript-form {
		padding: 10vw 4.3vw 0;
	}
}