/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {min-width: 320px; position: relative;}
.wrapper-container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;}
.wrapper-main {min-height: 100vh; padding: 0 var(--indent);}
.header, .footer {background-color: var(--bg);}
.nav {/*border-top: 1px solid var(--bdc);*/ box-shadow: var(--bsh); background: var(--bg);}
.content {min-height: 100vh; padding: 50px 0;}
.footer {padding-top: 40px; padding-bottom: 40px; color: var(--tt-2);}
.footer__two {border-top: 1px solid var(--bdc); padding-top: 20px; margin-top: 20px;}
	
#scrolltop {position: fixed; width: 60px; height: 60px; line-height: 60px; right: 10px; bottom: 10px;
	z-index: 990; display: none !important; background-color: #fff; color: var(--tt-2); 
	cursor: pointer; font-size: 24px; border-radius: 50%; text-align: center; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}


/* HEADER
----------------------------------------------- */
.hbtn {background-color: transparent; color: var(--tt-2); font-weight: 500; border-radius: 0; padding: 0 10px;}
.hbtn .fal {margin-right: 10px; opacity: 0.8;}
.hbtn--i .fal {margin-right: 0;}
.hbtn--wide {flex-grow: 1; justify-content: flex-start;}
.header__search {position:relative; width: 100%; padding: 10px 0 10px; display: none;}
.header__search input, .header__search input:focus {padding: 0 70px 0 20px; border-radius: 0px; 
	background: #fff; box-shadow: none; color: #000; 
	border-radius: 0px; border: 1px solid var(--accent);}
.header__search input:not(:focus)::placeholder {color: #000; opacity: 0.5; font-size: 16px;} 
.header__search button {position:absolute; right: 0; top: 10px; height: 40px; width: 60px; padding: 0; 
	background: none; color: #222; font-size: 18px; border-radius: 0;}
.nav__list a {display: flex; align-items: center; height: 52px; font-weight: 500; margin-right: 30px;}
.nav__list img {height: 40px; /*min-width: 92px;*/margin-right: 12px;}


/* MAIN PAGE
----------------------------------------------- */
.sect {margin-bottom: 48px; position: relative; z-index: 10;}
.sect--mb20 {margin-bottom: 20px;}
.sect--bg, .short, .sbnr {background-color: var(--bg); border-radius: var(--bdrs); 
	box-shadow: var(--bsh); padding: 32px; display: grid; grid-gap: 15px;}
.sect__title {font-size: 24px; font-weight: 500; padding-bottom: 10px;}
.sect__subtitle {font-size: 18px; padding-bottom: 0;}
.sect__link {color: var(--accent); border-bottom: 1px dotted var(--accent); justify-self: start;}
.sect__btn {background-color: var(--tt); color: #fff; justify-self: start; margin-top: 15px;}
.sect__links-list {display: grid; grid-gap: 8px 20px; grid-template-columns: repeat(auto-fill,minmax(220px,1fr));}
.sect__links-list a {display: inline-block; max-width: 100%; border-bottom: 1px dotted var(--tt); 
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sect__content--items-2 {display: grid; grid-gap: 15px 30px; grid-template-columns: repeat(auto-fill,minmax(400px,1fr));}
.sect__content--items-4 {display: grid; grid-gap: 15px 15px; grid-template-columns: repeat(auto-fill,minmax(240px,1fr));}
.has-carousel:not(.owl-carousel) {display: flex; overflow: hidden;}
.has-carousel:not(.owl-carousel) > * {flex-shrink: 0; margin-right: 20px; width: calc((100% - 60px)/4);}
.owl-item > .thumb, .owl-item > .short {height: 100%;}
.sect--carou {grid-template-columns: minmax(0,1fr);}
.sect--no-bg {padding: 0; background: none; box-shadow: none;}
	
	
/* HERO, FAST, USEFUL, ANNOUNCES, AGENCYS, SERVICES, THUMB, APPS
----------------------------------------------- */
.hero {padding-top: 40px; padding-bottom: 40px;/* min-height: 160px;*/ margin-top: -50px; /*margin-bottom: -50px; */
	background: linear-gradient(to right, #38CDDE, #2196f3) /* url(../images/hero.webp) center top no-repeat*/; position: relative;}
.hero::before {height: 100%; opacity: 0.3; background-color: #000;}
.hero__title {text-align: center; color: #fff; font-size: 48px; font-weight: 500; position: relative; z-index: 5;}
.hero-filter {position: relative; z-index: 5; background-color: #fff; 
	border-radius: 6px; box-shadow: var(--bsh); margin-top: 20px; padding: 20px;}

.fast {background-color: var(--bg); border-radius: var(--bdrs); position: relative; height: 144px;
	box-shadow: var(--bsh); padding: 20px 24px; display: grid; grid-gap: 5px; 
	grid-template-rows: min-content 1fr min-content}
.fast__title {font-size: 24px; font-weight: 500;}
.fast__subtitle {color: var(--tt-2); align-self: end; font-size: 12px;}
.fast__meta {font-size: 18px; font-weight: 500;}
.fast__meta img {height: 20px;}
.fast--sb .fast__subtitle {align-self: start;}
.fast::after {position: absolute; right: 24px; top: 20px; font-size: 24px; 
	content:"\f054"; font-family:'Font Awesome 5 Pro'; font-weight: 300;}
	
.sect__content--useful {display: flex; gap: 20px 20px; flex-wrap: wrap; margin-top: 20px;}
.useful {background-color: var(--bg); border-radius: var(--bdrs); flex: 1 1 360px;
	box-shadow: var(--bsh); padding: 32px; display: grid; grid-gap: 15px; 
	grid-template-rows: min-content 1fr min-content; overflow: hidden; position: relative;}
.useful__title {font-weight: 500; font-size: 18px; max-width: 240px; justify-self: start;}
.useful__desc {max-width: 220px; justify-self: start;}
.useful__links {display: grid; grid-gap: 10px; align-content: start;}
.useful__links li a {display: flex; justify-content: space-between;}
.useful__links span {margin-left: 10px; color: var(--tt-2);}
.useful__btn {background-color: var(--tt); color: #fff; justify-self: start;}
.useful > * {position: relative; z-index: 3;}
.useful > img {position: absolute; right: 0; bottom: 0; height: 100%; z-index: 1; max-width: 200%;}

.agency {padding: 15px; border-radius: 10px;}
.agency:nth-child(2n+1) {background-color: var(--bg-3);}
.agency__img {width: 40px; height: 40px; margin-right: 15px;}
.agency__title {font-weight: 500; text-transform: uppercase; margin-right: 15px;}

.serv {display: grid; grid-gap: 10px; border-radius: var(--bdrs); border: 1px solid var(--bdc); 
	box-shadow: var(--bsh); background-color: var(--bg); padding: 32px;}
.serv__title {font-weight: 500; font-size: 18px;}
.serv__img img {width: 48px; height: 48px;}

.thumb {border-radius: var(--bdrs); border: 1px solid var(--bdc); overflow: hidden; display: block; background: var(--bg);}
.thumb__desc {padding: 15px; font-weight: 500;}
.thumb__text {font-weight: 400; margin-top: 10px;}
.announce__price {font-size: 18px; font-weight: 500; margin-bottom: 18px; padding-top: 10px;}
.announce__list {font-weight: 400; display: grid; grid-gap: 10px 0;}
.announce__list li span {margin-left: 15px;}
.discount .thumb__title {color: var(--accent-2); font-size: 15px; font-weight: 400; line-height: 1.4;}

.sect--apps {min-height: 268px; align-content: start; 
	background: #bedfed url(../images/apps-bg.svg) right -52px bottom no-repeat;}
.sect--apps .sect__content {font-size: 16px;}
.apps a {display: inline-block; margin-right: 15px;}
.apps img {width: 150px;}


/* CATEGORY
----------------------------------------------- */
.csect {margin-bottom: 50px;}
.csect--bg {padding-top: 30px; padding-bottom: 30px; background: #242629; color: #fff;}
.ccols {display: grid; grid-gap: 40px 20px; grid-template-columns: minmax(0,1fr) 280px;}
.csect__header {margin-bottom: 25px;}
h1.csect__title {font-size: 32px;}
.csect__link {border-bottom: 1px dotted var(--tt); margin-left: 15px;}
.csect__links {margin-bottom: 30px; margin-top: -10px; border-bottom: 1px solid var(--bdc); gap: 10px 30px;}
.csect__links a {display: block; padding-bottom: 20px; font-weight: 500; position: relative; bottom: -2px;}
.csect__links a.is-active {box-shadow: inset 0 -3px var(--accent); color: var(--accent);}
.cright {display: grid; grid-gap: 20px 0; align-content: start;}
.cright__title {font-size: 18px; font-weight: 500; padding-top: 20px; border-top: 3px solid var(--tt);}

.short {display: block; overflow: hidden; padding: 0; grid-row: span 2; grid-gap: unset;}
.short__img {height: 200px;}
.short__desc {padding: 20px; height: calc(100% - 200px);
	display: grid; grid-template-rows: min-content 1fr min-content; grid-gap: 15px;}
.short__title {font-size: 16px; font-weight: 500;}
.short__cat {color: var(--tt-2);}
.short__date {color: var(--tt-2); font-size: 12px; padding-top: 10px;}
.short--simple {grid-row: span 1;}
.short--simple .short__desc {height: 100%;}
.short--tile {grid-column: span 2; background-color: #000; position: relative; min-height: 240px;}
.short--tile .short__desc {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; height: 100%;} 
.short--tile .short__desc > * {color: #fff;}
.short--tile .short__title {font-size: 24px; align-self: end;}
.short--tile img {opacity: 0.6; position: absolute; left: 0; top: 0;}
@media screen and (min-width: 950px) {
	.big .short--tile {min-height: 400px;}
	.big .short--tile .short__title {font-size: 32px; max-width: 500px;}
}
.simple__date {color: var(--tt-2); font-size: 12px; margin-bottom: 10px;}
.video {background: none; border: 0; box-shadow: none;}
.video .thumb__desc {color: #fff; padding: 0; margin-top: 20px;}
.video__overlay {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; 
	font-size: 40px; color: #fff; background-color: rgba(0,0,0,0.3);}
.shortix {display: flex; flex-direction: column; justify-content: flex-end; font-size: 16px; height: 250px;
	border-radius: 6px; overflow: hidden; background-color: #000; color: #fff; padding: 15px; font-weight: 500;}
.shortix > * {position: relative; z-index: 5;}
.shortix > img {position: absolute; left: 0; top: 0; z-index: 1;}

.cbnr {height: 500px; display: flex; flex-direction: column; justify-content: flex-end; gap: 20px;
	color: #fff; font-size: 24px; font-weight: 500; margin: 0; padding: 30px; line-height: 1.2;
	background: #24a891 url(../images/design.png) right top 20px no-repeat; position: relative;}
.cbnr__btn {background-color: #fff; color: var(--accent);}
.cbnr img {position: absolute; left: 30px; top: 30px;}
.clike {background: none; padding: 30px; grid-gap: 20px 0;}
.sticky-block {position: sticky; left: 0; top: 20px;}


/* CATEGORY 2
----------------------------------------------- */
.side-block-2 {padding-bottom: 20px; border-bottom: 1px solid var(--bdc);}
.side-block-2-title {font-size: 18px; font-weight: 500; margin-bottom: 20px;}
.side-block-2-list {display: grid; grid-gap: 10px;}
.side-block-2-list a {color: var(--accent);}
.cright .side-block {margin: 0 !important;}
.speedbar2 {border: 0 !important; padding-bottom: 20px !important; margin-bottom: 10px !important;}
.csect__links2 {gap: 10px 10px; margin-bottom: 20px;}
.csect__links2 a {display: flex; align-items: center; padding: 0 10px; height: 34px; border-radius: 3px; 
	background-color: rgba(0,0,0,0.05); color: var(--tt-2);}
.csect__links2 a.is-active, .csect__links2 a:hover {background-color: var(--accent); color: #fff;}
.sorter, .csect-btn {position:relative; cursor:pointer; height: 40px; line-height: 40px; padding: 0 15px; display: inline-block; 
	background-color: var(--bg); border-radius: var(--bdrs); box-shadow: var(--bsh); margin-right: 15px;}
.sorter:before {content:attr(data-label); display: inline-block; vertical-align: top;}
.sorter > span {display: inline-block; vertical-align: top; margin-left: 2px;}
.sorter form {display:none; background-color:#fff; padding:10px; line-height:26px; box-shadow:0 0 15px 0 rgba(0,0,0,0.1); 
position:absolute; right:0; top:100%; width:160px; z-index:999; border-radius: 4px;}
.sorter a:hover {text-decoration:underline;}
.sort li.asc a:after, .sort li.desc a:after {content:"\f063"; font-family:"Font Awesome 5 Pro"; 
display:inline-block; margin-left:10px; font-weight: 300;}
.sort li.desc a:after {content:"\f062"}
.sorter:hover, .csect-btn:hover, .csect-btn.is-active {background-color: var(--accent); color: #fff;}
.filter-block-btn {text-transform: uppercase; width: 100%; margin-bottom: 20px; display: none;}

.bstruct, .csect__items-bg {background-color: var(--bg); border-radius: var(--bdrs); box-shadow: var(--bsh); padding: 20px;}
.bstruct__img {width: 300px; height: 200px; border-radius: 6px; margin-right: 20px; display: block;}
.bstruct__img-label {position: absolute; left: 0; right: 0; bottom: 0; text-align: center; 
	background-color: var(--accent); color: #fff; padding: 5px 10px;}
.bstruct__title {font-size: 18px;}
.bstruct__icon {margin-left: 15px; cursor: pointer; font-size: 12px; color: var(--tt-2);}
.bstruct__icon a {color: var(--tt-2);}
.bstruct__icon .fal {opacity: 0.6; font-size: 18px; vertical-align: middle;}
.bstruct__subway {font-size: 16px; margin-top: 10px;}
.bstruct__subway::before {content: ''; width: 10px; height: 10px; border-radius: 50%; margin-right: 6px; 
	display: inline-block; vertical-align: middle; background-color: #28ae60;}
.bstruct__subway > span {color: var(--tt-2); margin-left: 10px; font-size: 14px;}
.bstruct__location {font-size: 12px; margin-bottom: 15px; margin-top: 5px;}
.bstruct__info {margin-bottom: 20px;}
.bstruct__info a, .bstruct__table a, .bstruct__title a, .bstruct__icon:hover .fal {color: var(--accent-2); opacity: 1;}
.bstruct__table table {width: 100%; margin-bottom: 20px; text-align: center; font-size: 15px;}
.bstruct__table td, .bstruct__table th {padding-bottom: 6px;}
.bstruct__table th {font-weight: 400; font-size: 12px; color: var(--tt-2);}
.bstruct__table th:nth-child(1), .bstruct__table td:nth-child(1) {text-align: left;}
.bstruct__table th:nth-child(4), .bstruct__table td:nth-child(4) {text-align: right;}
.bstruct__footer > * {height: 30px; border-radius: 3px; padding: 0 10px; font-size: 12px; font-weight: 400;}
.bstruct__phone {background-color: #fbda56; color: #000; margin-right: 12px;}
.bstruct__callback {background-color: #fff; color: var(--tt-2); border: 1px solid var(--bdc);}
.csect__items-bg {padding: 0; grid-gap: 0 0 !important;}
.csect__items-bg .bstruct {background: none; border-radius: 0; box-shadow: none; border-bottom: 1px solid var(--bdc);}
.csect__items-bg .pagination {padding: 20px; padding-top: 0;}


/* FOOTER, PAGINATION
----------------------------------------------- */
.footer__logo {width: 200px;}
.footer__logo img {height: 40px;}
.footer__qr {width: 92px; margin: 0 20px; padding: 6px; text-align: center; border-radius: 4px; border: 1px solid var(--bdc);}
.footer__qr div {font-size: 12px; line-height: 1.2;}
.footer__menu a, .footer__text a {color: var(--accent); border-bottom: 1px dotted var(--accent);}
.footer__menu, .footer__menu-2 {gap: 20px 20px;}
.footer__menu-2 a {border-bottom: 1px dotted var(--tt); position: relative; margin-left: 22px; display: inline-block;}
.footer__menu-2 .fal {opacity: 0.6; position: absolute; left: -22px; top: 4px;}
.footer__apps a {display: block; width: 115px; margin-bottom: 6px;}
.footer__soc img {width: 26px; height: 26px; opacity: 0.4;}
.footer__soc {margin-right: -10px;}

.pagination__pages {padding-top: 10px;}
.pagination {text-align: center; padding-top: 20px;}
.pagination__pages a, .pagination__pages span {display: inline-block; margin: 10px 5px 0 5px; line-height: 38px; 
	padding: 0 10px; min-width: 40px; font-size: 16px; border: 1px solid var(--bdc);}
.pagination__pages span:not(.nav_ext), .pagination__pages a:hover, .pagination__btn-loader a:hover  
{background: var(--accent); color: #fff; border-color: var(--accent);}
.pagination__pages--full a, .pagination__pages--full span {line-height: 30px; min-width: 30px; font-size: 14px;}


/* INNER PAGE
----------------------------------------------- */
.page {padding: 0 !important; display: block; border-radius: 10px;}
.page__header {height: 470px; background-color: #000; color: #fff; padding: 50px 120px;
	display: flex; flex-direction: column; justify-content: flex-end; border-radius: 10px 10px 0 0;}
.page__header > *:not(img) {position: relative; z-index: 5;}
.page__header h1 {font-size: 40px; line-height: 1.1; max-width: 680px;}
.page__category {margin-bottom: 20px; opacity: 0.8; font-size: 16px;}
.page__meta {opacity: 0.8; gap: 20px; margin-top: 40px;}
.page__header > img {opacity: 0.66; position: absolute; left: 0; top: 0;}

.page__cols {display: grid; grid-gap: 40px 40px; padding: 40px; 
	grid-template-columns: 40px minmax(0,1fr) 280px; align-content: start;}
.speedbar {font-size: 18px; /*color: #737476;*/ padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #ccc;}
.speedbar a {color: var(--accent); border-bottom: 1px dotted var(--accent);}
.side-block:not(:last-child), .page .cbnr {margin-bottom: 40px;}
.page__ext-link {text-decoration: underline; font-size: 24px; font-weight: 500; 
	margin-top: 40px; color: var(--accent); display: block;}

.page__footer {border: 1px solid var(--bdc); border-left: 0; border-right: 0; padding: 30px 0; margin-top: 40px;}
.page__footer-title {font-weight: 500; width: 100%; font-size: 16px; margin-bottom: 15px;}
.page__votes {color: var(--tt-2);}
.page__rate .fal {opacity: 0.6; margin-right: 12px;}
.page__rate a {border: 1px solid #d3d3d3; border-radius: var(--bdrs); padding: 0 12px; height: 40px; 
	display: flex; align-items: center; font-weight: 500; margin-right: 12px;}

/* INNER PAGE 2
----------------------------------------------- */
.page2__meta {line-height: 1.6; font-size: 15px; margin-bottom: 10px; margin-top: -15px;}
.page2__meta > * {margin: 0; margin-right: 20px;}
.page2__main-gallery {background-color: #000; min-height: 530px;}
.page2__cols {display: grid; grid-gap: 40px 20px; grid-template-columns: minmax(0,1fr) 430px; align-content: start;}
.page2__col-left {background-color: var(--bg); border-radius: var(--bdrs); box-shadow: var(--bsh); overflow: hidden;}
.page2__col-left-desc {padding: 32px; display: grid; grid-gap: 50px 0;}
.page2__sect {display: grid; grid-gap: 20px 0; grid-template-columns: minmax(0,1fr);}
.page2__sect-title {font-size: 20px; font-weight: 500;}
.page2__sect-subtitle {font-size: 17px;}

.page2__seller {padding: 20px; font-size: 15px; height: 530px; padding-bottom: 220px; align-content: start;}
.page2__seller > * {margin: 0;}
.page2__seller-price {font-weight: 500; font-size: 28px;}
.page2__seller .bstruct__footer {position: absolute; left: 20px; bottom: 20px; right: 20px;}
.page2__seller .bstruct__footer > * {margin: 0; margin-top: 10px; width: 100%; height: 50px; font-size: 16px;}
.page2__seller .bstruct__footer > .bstruct__phone {font-size: 19px;}
.page2__seller .bstruct__footer > * img {margin-left: 10px; width: 20px;}
.page2__seller-img {max-width: 100px;}

.page2__actions {display: grid; grid-gap: 10px 0;}
.page2__actions li {padding: 30px; border-radius: 6px; position: relative; font-size: 18px; 
	background-color: #f9ecff; padding-left: 100px;}
.page2__actions li:nth-child(2) {background-color: #ffe2ec;}
.page2__actions li img {position: absolute; left: 20px; top: 50%; transform: translateY(-50%); height: 60px;}
.bordered {border: 1px solid var(--bdc); border-radius: var(--bdrs); padding: 20px 15px; }
.page2__list {font-size: 15px; display: grid; grid-gap: 14px 0;}
.page2__list li {position: relative; min-height: 15px; padding-left: 180px;}
.page2__list li > span:first-child {position: absolute; left: 0; top: 0;}
.page2__list a {color: var(--accent-2);}
.page2__list .bstruct__subway {margin: 0; margin-bottom: 1px;}
.page2__gallery, .page2__map {margin-left: -32px; margin-right: -32px; background-color: #000;}
.page2__tabs .tabs__select li {cursor: pointer; font-size: 16px; margin: 0 20px 20px 0; color: var(--accent-2);}
.page2__tabs .tabs__select li.is-active {color: var(--tt);}
.page2__map iframe {width: 100%; height: 400px; display: block;}

.page2__about {border-radius: 0; font-size: 15px;}
.page2__about> *:not(:last-child) {margin-bottom: 20px;}
.page2__tabs--bordered .tabs__select li {padding: 10px; margin: 0 10px -1px 0; border: 1px solid transparent; border-bottom: 0;}
.page2__tabs--bordered .tabs__select li.is-active {border-color: var(--bdc); border-radius: 4px 4px 0 0; background: #fff;}
.page2__about-price {font-size: 28px; font-weight: 500; margin-bottom: 0px !important;}
.page2__about .page2__map {margin-left: 0; margin-right: 0;}
.bdt {padding-top: 20px; border-top: 1px solid var(--bdc);}
.page2__prices {display: grid; grid-gap: 20px; grid-template-columns: minmax(0,1fr);}
.page2__prices-quantity {padding: 20px; border-radius: 6px; background: #f5f4f0;}
.page2__prices-table tr > *:first-child {width: 90px;}
.page2__prices-table tr td {padding: 5px !important;}

.page2__hypothec-consult {display: grid; grid-gap: 10px; border-radius: 10px; overflow: hidden; padding: 15px; 
	background: #f8effe url(../images/ipoteka_calc.jpeg) right center / auto 100% no-repeat; margin-bottom: 20px;}
.page2__hypothec-consult-title {font-size: 16px;}
.page2__hypothec-btn {height: 30px; background: #fbda56; color: #000; font-weight: 400; justify-self: start;}
.page2__hypothec-list {border-radius: 0 0 6px 6px; border-top: 0; display: grid; grid-gap: 40px 0;}
.hypothec {display: grid; grid-gap: 10px;}
.hypothec-name, .hypothec-program {flex: 1 1 0; min-width: 50px; max-width: 100%;}
.hypothec-th {width: 100px; text-align: center; margin-left: 15px; white-space: nowrap;}
.hypothec-th.last {text-align: right;}
.hypothec-header .hypothec-th {font-size: 12px; color: var(--tt-2);}
.hypothec-name {font-weight: 500; font-size: 16px;}
.hypothec-img {width: 30px; height: 30px; border-radius: 50%; margin-right: 10px;}
.hypothec-program span {cursor: pointer; justify-self: start; font-size: 15px; color: var(--accent-2); border-bottom: 1px dashed var(--accent-2);}
.hypothec-more-btn {cursor: pointer; justify-self: start; font-size: 12px; color: var(--accent-2);}
.hypothec-program span:hover {border-bottom-color: transparent;}
.hypothec-more-btn:hover {text-decoration: underline;}
.hypothec-row + .hypothec-row {margin-top: 20px;}
.hypothec-row-hidden-ext {width: 100%; margin-top: 10px;}
.hypothec-row-hidden-ext .hypothec-th {text-align: right;}

.page2__docs {gap: 8px 14px; font-size: 15px;}
.page2__docs a {color: var(--accent-2);}
.page2__docs a:hover {text-decoration: underline;}
.page2__text {font-size: 15px !important;}
.fplace__img {height: 120px; border-radius: 6px; margin-bottom: 10px;}
.fplace__title {font-weight: 500; font-size: 15px;}
.fplace__meta {color: var(--tt-2); margin-left: 10px;}
.frel {padding: 20px 0; border-top: 1px solid var(--bdc); font-size: 15px;}
.frel__img {display: block; width: 140px; height: 80px; border-radius: 6px; margin-right: 20px;}
.frel__title a {font-size: 18px; font-weight: 400; color: var(--accent-2); display: inline-block; margin-bottom: 10px;}
.frel:nth-child(1), .frel:nth-child(2) {background-color: #fffaed;}
.frel:last-child {padding-bottom: 0;}
.freview {min-height: 300px;}
.short__btn {justify-self: start;}

.page2__reviews-rate-row {margin-top: 10px;}
.page2__btn-comms {width: 100%; margin: 20px 0 0 0;}
.page2__reviews-rate-row-count {width: 30px; text-align: right; color: var(--tt-2);}
.page2__reviews-rate-row-line {flex-grow: 1; height: 10px; border-radius: 5px; 
	overflow: hidden; background: var(--bg); box-shadow: inset 0 0 0 1px #d3d0c5; position: relative;}
.page2__reviews-rate-row-line-progress {position: absolute; left: 0; top: 0; bottom: 0; background: #d3d0c5;}
.page2__reviews-rate-row-stars, .page2__reviews-rate-main-stars {width: 85px; position: relative; height: 17px; margin-right: 15px; top: -2px; 
	background: url(../dleimages/rating.svg) 0 0 repeat-x;}
.page2__reviews-rate-row-stars::before, .page2__reviews-rate-main-stars-progress {position: absolute; left: 0; top: 0; bottom: 0; content: ''; 
	background: url(../dleimages/rating.svg) 0 -34px repeat-x;}
.page2__reviews-rate-row-stars--5::before {width: 100%;}
.page2__reviews-rate-row-stars--4::before {width: 80%;}
.page2__reviews-rate-row-stars--3::before {width: 60%;}
.page2__reviews-rate-row-stars--2::before {width: 40%;}
.page2__reviews-rate-row-stars--1::before {width: 20%;}
.page2__reviews-rate-main-stars {transform: scale(2,2); transform-origin: left center;}
.page2__reviews-rate-main {padding-bottom: 20px; padding-top: 10px;}
.page2__reviews-rate-count {font-weight: 500; margin-left: 90px; font-size: 24px;}
.page2__reviews-add {padding-top: 20px; display: none;}
.comment-item .page2__reviews-rate-main-stars {transform: none; margin-right: 20px;}


/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.full-text {line-height: 1.5; font-size: 18px; word-wrap: break-word;}
.full-text a {text-decoration: underline; color: var(--accent-2);}
.full-text img:not(.emoji), .full-text p, .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5, 
.full-text > ul, .full-text > ol, .full-text table, .page__title {margin-bottom: 20px;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text > ul li, .full-text > ol li {padding-left: 60px; position: relative;}
.full-text > ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; 
	border: 3px solid var(--accent); position: absolute; top: 5px; left: 34px;}
.full-text > ol {counter-reset: num;}
.full-text > ol li:before {content: counter(num); counter-increment: num; background-color: var(--accent); color: #fff; 
	position: absolute; top: -4px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 500;
	display: flex; justify-content: flex-end; align-items: center; padding-right: 6px; box-sizing: border-box;}
.full-text > ol li:after {content: ''; border: 10px solid transparent; border-left-color: var(--accent); 
	position: absolute; left: 41px; top: -4px; transform: scale(0.66,1.5); transform-origin: 0 0;}
.full-text > ul li + li, .full-text > ol li + li {margin-top: 16px;}
.full-text table, .video-inside > * {width:100%;}
.full-text table {text-align: center; font-size: 14px;}
/*.full-text table tr td, .full-text table tr th {padding:10px 5px; border:1px solid #cee0ed;}*/
.full-text table tr td p {padding:10px;margin:0px;text-align: center;}

.full-text table tr td {background: #f2f4f6;padding:20px;border-radius: 8px;text-align: center;line-height: 18px;}
.full-text table {border-spacing: 10px;border-collapse: separate;font-size: 16px;font-family: sans-serif;}
.full-text table tr:nth-child(1) {font-weight: 700;}

.full-text table tbody tr:nth-child(2n) {background-color:#f2f6f9;} 
.full-text table thead tr th {background-color:#cee0ed; font-weight: 400; font-size: 12px; border-color: #fff;}
/*.full-text table tr > *:nth-child(1) {text-align: left;}*/
.full-text table img:not(.emoji) {margin:0; max-width:80px; display: block;}
.full-text > *:last-child {margin-bottom: 0;}
.video-responsive {padding-top: 60%; position: relative;}
.video-responsive > iframe, .video-responsive > video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 21px; font-weight: 500;}
.full-text iframe {width: 100%; height: 400px; margin-bottom: 20px;}
.fdl-btn {display: block; position: relative; box-shadow: 0 3px 10px rgba(0,0,0,0.1); 
	text-decoration: none !important; padding: 15px 15px 15px 130px;
	background: linear-gradient(to top, #27ae60, #2ecc71); color: #fff !important; overflow: hidden;}
.fdl-btn-title {font-weight: 500; text-transform: uppercase; word-wrap: break-word;}
.fdl-btn-size {font-size: 14px; margin-top: -2px; margin-bottom: 6px; opacity: 0.9;}
.fdl-btn-caption {opacity: 0.7; font-size: 14px;}
.fdl-btn-dl {font-size: 12px; text-transform: uppercase; margin-left: 15px;}
.fdl-btn > * {position: relative; z-index: 3;}
.fdl-btn-icon {width: 50px; height: 50px; border-radius: 50%; margin-top: -25px; font-size: 24px;
	position: absolute; left: 40px; top: 50%; display: flex; align-items: center; justify-content: center;
	box-shadow: 0 0 0 15px rgba(0,0,0,0.13), 0 0 0 30px rgba(0,0,0,0.08), 0 0 0 45px rgba(0,0,0,0.04);}


/* COMMENTS
----------------------------------------------- */
.page__comments {margin: 0; margin-top: 40px;}
.page__comments-title {font-size: 24px; font-weight: 500; margin-bottom: 20px;}
.page__comments-info {font-size: 14px; margin-bottom: 15px; margin-top: -15px; 
	color: var(--tt-2); line-height: 1.5;}
.page__comments-info .fal {color: #eb4d4b; margin-right: 6px;}
.page__comments-list {padding: 0;}
.page__comments-list--not-comments {padding: 0; border: 0;}
.add-comments-form.form {padding: 0; margin-bottom: 0px;}
.add-comments-form .form__input, .add-comments-form__input, .add-comments-form .form__textarea-inside textarea, 
.mass_comments_action select {box-shadow: inset 0 0 0 1px #e3e3e3; border-radius: 0;}
.add-comments-form__input {margin-left: 20px;}
.add-comments-form .d-none, .comments_subscribe + br {display: none;}
.mass_comments_action {display: flex; align-items: center; max-width: 800px; white-space: nowrap; margin-bottom: 20px;}
.mass_comments_action select {flex: 1 1 0; margin: 0 -8px 0 20px;}
.mass_comments_action .bbcodes {border-radius: 0; padding: 0 10px;}

.comment-item__title {font-weight: 500; font-size: 18px; margin-bottom: 20px;}
.comment-item {margin-top: 30px; padding-bottom: 0px; border-bottom: 0px solid #e3e3e3;}
.comment-item--admin {padding: 15px; border: 0; background-color: var(--bg-2);}
.comment-item--admin .quote {border: 1px solid #ccc; border-top: 0;}
.comment-item--admin .title_quote {border: 1px solid #ccc; border-bottom: 0;}
.comment-item__img {width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;}
.comment-item__letter {width: 100%; height: 100%; text-transform: uppercase; font-weight: 500; 
	position: absolute; left: 0; top: 0; z-index: 5; color: #fff; font-size: 18px;}
.comment-item__author {font-weight: 500; font-size: 14px;}
.comment-item__date {color: var(--tt-2); margin-top: 4px; font-size: 12px;}
.comment-item__main {margin: 8px 0 6px 0; font-size: 15px;}
.comment-item__rating {white-space: nowrap; font-size: 14px;}
.comment-item__rating a {margin-left: 6px;}
.comment-item__rating a > span:first-child {color: #6ab04c; margin-right: 2px;}
.comment-item__rating a:last-child > span:first-child {color: #eb4d4b;}
.comment-item__reply a {font-size: 12px; margin-right: 20px; color: var(--tt-2);}
.comment-item__reply a .fal {margin-left: 5px;}
.comment-item__reply + .comment-item__reply a .fal {margin-left: 0; margin-right: 5px;}
.comment-item__controls {text-align: right; font-size: 12px; margin-right: -15px;}
.comment-item__controls li {display: inline-block; vertical-align: middle; margin: 0 0 0 10px; height: 16px; line-height: 16px;}
.comment-item__controls a:not(:hover) {color: var(--tt-2);}
.comment-item__footer a:hover {text-decoration: underline;}
.comment-item__rating a:hover > span:first-child {text-decoration: none;}
.comment-item__controls .checkbox {transform: scale(0.8,0.8); margin-left: 5px;}



/* LOGIN
----------------------------------------------- */
.login {position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden;
	background-color: var(--ui-bg); border-radius: 4px; width: 400px; 
	box-shadow: 0 0 0 10px rgba(255,255,255,0.2), 0 15px 45px rgba(0,0,0,1);}
.login__header {padding: 20px 40px; background-color: var(--ui-bg-darker);}
.login__title {font-size: 17px; font-weight: 500; padding: 1px 0; text-transform: capitalize;}
.login__close {cursor: pointer; font-size: 24px; opacity: 0.6; margin-left: 20px;}
.login__title a {border-bottom: 1px dotted var(--tt-2); margin-left: 10px; font-weight: 400; color: var(--tt-2);}
.login__content {padding: 20px 40px;}
.login__row {margin-bottom: 20px; position: relative; display: block; font-size: 14px; color: var(--tt-2);}
.login__caption {font-size: 14px; color: var(--tt); margin-bottom: 10px;}
.login__caption a {text-decoration: underline; margin-left: 6px; color: var(--accent);}
.login__input input {padding-left: 40px;}
.login__row .fal {opacity: 0.5; position: absolute; left: 0; bottom: 0; line-height: 40px; width: 40px; text-align: center;}
.login__row button {width: 100%;}
.login__social {background-color: var(--ui-bg-darker); padding: 20px 40px; text-align: center;}
.login__social-caption {font-size: 11px; text-transform: uppercase; margin-bottom: 10px;}
.login__social-btns a {display:inline-block; margin: 0 3px; vertical-align:top;}
.login__social-btns img {display:block; width:30px; height: 30px; border-radius: 50%;}
.login__avatar {width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;}
.login__menu {padding-left: 35px; padding-right: 35px; margin-bottom: -10px;}
.login__menu li {flex: 1 1 0; min-width: auto; max-width: 100%; margin: 0 5px 10px 5px;}
.login__menu a {display: block; border-radius: 6px; padding: 10px; text-align: center; white-space: nowrap;
	background-color: var(--ui-bg-darker); box-shadow: inset 0 0 10px rgba(0,0,0,0.1); font-size: 13px;}
.login__menu .fal {display: block; height: 30px; font-size: 24px; opacity: 0.3;}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
 .owl-carousel {width: 100%; position: relative; z-index: 1;}
 .owl-carousel .owl-stage {position: relative; display:flex; justify-content:flex-start;}
 .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px);}
 .owl-carousel .owl-item {position: relative; min-height: 10px;}
 .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled, .owl-carousel.owl-refresh .owl-item {display: none;}
 .owl-carousel.owl-loaded, .owl-carousel.owl-loading, .no-js .owl-carousel {display: block; opacity: 1;}
 .owl-carousel.owl-drag .owl-item {user-select: none;}
 .owl-carousel.owl-grab {cursor: move; cursor: grab;}
 .owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both;}
 .owl-carousel .owl-animated-in {z-index: 0;}
 .owl-carousel .owl-animated-out {z-index: 1;}
 .owl-carousel .fadeOut {animation-name: fadeOut;}
 @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }
 .owl-height {transition: height 500ms ease-in-out;}
 .owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease;}
 .owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d;}
 .owl-nav {position: absolute; left: 0; right: 0; top: 50%;}
 .owl-prev, .owl-next {display: flex; cursor: pointer; box-shadow: 0 0 20px rgba(0,0,0,0.6); width: 32px; height: 32px; 
	background-color: #fff; color: var(--tt-2); position: absolute; top: -16px; 
	box-shadow: 0 2px 9px #00000052; font-size: 14px; border-radius: 50%; padding: 0;}
 .owl-prev {left: -16px;}
 .owl-next {right: -16px;}
 .owl-prev:hover, .owl-next:hover {background-color: var(--accent); color: #fff;}
 .owl-dots {text-align: center; position: absolute; left: 0; right: 0; bottom: -29px;}
 .owl-dot {display: inline-block; width: 10px; height: 10px; border-radius: 50%; 
	cursor: pointer; background: #ccc; margin: 0 5px;}
.owl-dot.active, .owl-dot:hover {background: var(--accent);}
.csect--bg .owl-nav {left: auto; top: -44px;}
.csect--bg .owl-next {right: 0;}
.csect--bg .owl-prev {left: auto; right: 42px;}

/* всплывающий баннер */
#banner {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: 1000;
}

#banner.visible {
  display: block;
  opacity: 1;
}

.banner {
  min-width: 500px;
  background: #04384d;/* ffe1b8 002A3A */
  border-radius: 12px;
  position: fixed;
  bottom: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1000;
}

.banner__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 12px;
}

.banner__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.banner__left-logo {
  /*width: 54px;*/
  width: 48px;
  height: 48px;
}

.banner__left-information {
  max-width: 350px;
  margin-left: 9px;
}

.banner__left-description {
  font-size: 15px;
  line-height: 16px;
  color: #fff;
  font-weight: 600;
}

.banner__lef-company {
  color: #fff;
  opacity: 0.5;
  font-size: 10px;
  line-height: 8px;
  mix-blend-mode: exclusion;
  display: block;
  margin-top: 3px;
  font-weight: 500;
}

.banner__icon {
  background: #fff;
  padding: 8px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-right: 20px;
}

.banner__close {
  position: absolute;
  top: -1.93px;
  right: -1.93px;
  cursor: pointer;
  padding: 10px;
}

@media (max-width: 530px) {
  .banner {
    min-width: 400px;
  }
}
@media (max-width: 430px) {
  .banner {
    min-width: 320px;
    width: 90%;
  }
  .banner__inner {
    padding: 8px;
  }
  .banner__left-logo {
    width: 38px;/*44*/
    height: 38px;
  }
  .banner__icon {
    width: 24px;/*35px*/
    height: 24px;
    padding: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: translateX(15px) translateY(10px);
        -ms-transform: translateX(15px) translateY(10px);
            transform: translateX(15px) translateY(10px);
  }
  .banner__icon svg {
    width: 16px;
    height: 16px;
  }
  .banner__left-description {
    font-size: 12px;/*10.5px*/
  }
}

/* Доп. стили галереи */
.xfieldimagegallery li:before {
   display: none;
   
}
.xfieldimagegallery::after{
    display: none!important;
}
.xfieldimagegallery li{
    margin-top: 0px!important;
    padding: 0!important;
    flex: 1 0 100px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
}
.xfieldimagegallery li a{
    width: 100%;
    height: 100%;
}
.xfieldimagegallery {
    display: flex;
    grid-template-columns: repeat(auto-fill,1fr);
    flex-wrap: wrap;
    justify-content: center;
    height: 100%;
    gap: 10px;
    margin: 0;
}
.xfieldimagegallery li img {
    float: none !important;
    margin: 0 !important;
    border: none!important;
    border-radius: 0px!important;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover;
    background-position: center;
}

/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
	opacity: 0.6; background-color: #000; cursor: pointer; display: none;}
.mobile-menu {width: 280px; height: 100%; overflow-x: hidden; overflow-y: auto;
	padding: 10px 20px; z-index: 999; position: fixed; left: -320px; top: 0; transition: left .4s; 
	background-color: #fff; color: #000;}
.mobile-menu.is-active {left: 0;}
.mobile-menu-close {cursor: pointer; display: block; left: 280px; top: -40px; position: fixed; z-index: 999;
	width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; opacity: 0;
	background-color: #e84e36; color: #fff; transition: top .4s, opacity .4s;}
.mobile-menu-close.is-active {top: 0px; opacity: 1;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu .nav__list {margin: 0; padding: 0; display: block;}
.mobile-menu .nav__list > li {width: 100%; margin: 0; padding: 0;}
.mobile-menu .nav__list > li > a {height: 40px; line-height: 40px; margin: 0; text-transform: uppercase;}

@media screen and (max-width: 1220px) {
	.wrapper {overflow: hidden;}
	.wrapper-container {max-width:1000px;}
	.nav .js-this-in-mobile-menu, .footer__qr {display: none !important;}
	.header__btn-menu {cursor: pointer; font-size: 30px; display: block;}
	#scrolltop {width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
	.flex-style {display: flex; flex-wrap: wrap; grid-gap: 0; gap: 15px 15px;}
	.flex-style > * {flex: 1 1 280px; max-width: 100%;}
	.sect--bg {padding-left: 15px; padding-right: 15px; min-height: 0;}
	.footer__one, .footer__two {display: block; text-align: center;}
	.footer__menu-2, .footer__text {margin: 20px 0;}
	.footer__logo {width: 100%;}
	.footer__apps {display: flex; justify-content: center; grid-gap: 20px 20px;}
	.bstruct {display: block;}
	.bstruct__img {margin: 0 auto; margin-bottom: 20px;}
	.filter-block-btn {display: flex; margin-top: -30px;}
	.filter-block {display: none; margin-top: -10px !important; padding: 10px !important;}

	.page__header {padding: 50px; height: auto; min-height: 240px;}
	.page__cols {grid-template-columns: minmax(0,1fr) 240px; grid-gap: 40px 20px; padding-left: 20px; padding-right: 20px;}
	.page__col-left {display: none;}
	.page2__cols {display: block;}
	.page2__col-left {border-radius: 0; margin-left: -15px; margin-right: -15px;}
	.page2__seller {position: static; padding: 15px; height: auto; border-radius: 0; margin: 0 -15px;}
	.page2__seller .bstruct__footer {position: static;}
	.page2__main-gallery {height: auto; min-height: 260px;}
	.page2__col-left-desc {padding: 30px 15px;}
	.page2__map, .page2__gallery {margin-left: -15px; margin-right: -15px;}
	.table-resp {overflow-y: hidden; overflow-x: auto; width: 100%; white-space: nowrap;}
	.table-resp table {white-space: normal; min-width: 600px; margin: 0 !important;}
	.table-scroller {white-space: nowrap; overflow-y: hidden; overflow-x: auto; 
		scrollbar-width: thin; scrollbar-color: var(--accent) var(--bdc); padding-bottom: 10px;}
	.table-scroller::-webkit-scrollbar {width: 12px; height: 8px;}
	.table-scroller::-webkit-scrollbar-thumb {border-radius: 0; background-color:var(--accent); border: 0;}
	.table-scroller::-webkit-scrollbar-track {background-color:var(--bdc);}
}

@media screen and (max-width: 950px) {
	.wrapper-container {max-width:768px;}
	.hbtn:not(.hbtn--loc) {font-size: 0; width: 40px; overflow: hidden; flex-grow: 1;}
	.hbtn:not(.hbtn--loc) .fal {width: 40px; text-align: center; margin: 0; font-size: 16px;}
	.hbtn--loc {width: calc(100% + 30px); margin: 0 -15px; background-color: #000; color: #fff;}
	.ccols {grid-template-columns: minmax(0,1fr);}
	.cbnr {height: 240px;}
	.csect__links {gap: 10px 10px;}
	.csect__links li {flex: 1 1 auto; max-width: 100%; text-align: center;}
	.csect__links a {padding: 10px; background-color: #eee;}
	
	.page {border-radius: 0; margin: -50px -15px -50px -15px; border-bottom: 3px solid var(--bdc);}
	.page__cols {grid-template-columns: minmax(0,1fr); padding: 40px 15px;}
	.page__col-right {display: none;}
	.page__header {border-radius: 0; padding: 80px 15px 20px 15px;}
	.page__meta {margin-top: 20px;}
	.page__category {margin-bottom: 10px;}
}

@media screen and (max-width: 760px) {
	.wrapper-container {max-width:640px;}
	.hero {padding-top: 20px; padding-bottom: 30px; /*background-image: none;*/ min-height:0px;}
	.hero__title {font-size: 28px;}

	.page__text .quote {margin-left: var(--indent-negative); margin-right: var(--indent-negative); padding-right: var(--indent);}
	.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 18px;}
	
	.add-comments-form__input {min-width: 100%; margin: 0 0 10px 0;}
	.add-comments-form__btn {width: 100%; order: 10;}
	.add-comments-form .form__row--protect .form__caption {width: 100%; margin: 0 0 10px 0;}
	.mass_comments_action, .comment-item__controls, .comment-item__rating-caption {display: none;}
}

@media screen and (max-width: 590px) {
	.wrapper-container {max-width:480px;}
	.login {max-width: 90%; max-height: 90%; overflow-x: hidden; overflow-y: auto;}
	.login__header, .login__content, .login__social, .pages-bg {padding-left: 20px; padding-right: 20px;}
	.apps > *, .footer__apps > a {margin: 0 !important; flex: 1 1 0;}
	.apps, .footer__apps {display: flex; gap: 10px 10px;}
	.sect--apps {background-image: none;}
	.csect__title {font-size: 18px !important;}
	.short {grid-column: span 1; grid-row: span 1;}
	.cbnr, .short--tile .short__title {font-size: 20px;}
	.d-grid {grid-gap: 15px 15px;}
	.csect--bg .owl-dots {bottom: -15px;}
	.csect--bg .has-carousel {padding-bottom: 20px;}
	.csect__links2 {grid-gap: 5px 5px;}
	.csect__links2 li {flex: 1 1 0; min-width: auto; white-space: nowrap; max-width: 100%;}
	.csect__links2 a {font-size: 12px; width: 100%; padding: 0 6px;}
	.bstruct {padding: 15px;}
	.bstruct__img {margin: -15px; margin-bottom: 20px; border-radius: 0; width: calc(100% + 30px);}
	.bstruct__icons, .bstruct__table table th:nth-child(2), .bstruct__table table td:nth-child(2) {display: none;}
	.bstruct__table table {font-size: 14px;}
	.csect__items-bg {margin-left: -15px; margin-right: -15px;}
	
	.page__header h1 {font-size: 20px;}
	.full-text {font-size: 16px;}
	.page__footer-share {width: 100%; margin-top: 20px;}
	.page2 .csect__links a {font-weight: 400; font-size: 12px;}
	.page2__meta > *, .page2__meta > * > span {font-size: 12px;}
	.page2__tabs--bordered {margin-left: -10px; margin-right: -10px;}
	.page2__tabs--bordered .bordered {padding-left: 10px; padding-right: 10px;}
	.page2__list.bordered {border: 0; padding: 0;}
	.page2__hypothec-consult {background-image: none;}
	.hypothec-name, .hypothec-program {min-width: 100%; margin-bottom: 10px;}
	.hypothec-th {flex: 1 1 0; min-width: 60px; max-width: 100%; margin: 0; text-align: center !important;}
	.hypothec-header .hypothec-th {margin-bottom: 0;}
	.hypothec-header {margin-bottom: -20px;}
    .full-text table tr td {font-size: 14px;padding:10px;}

}

@media screen and (max-width: 470px) {
	.wrapper-container22 {max-width:360px;}
	.fast {grid-template-columns: min-content 1fr; height: auto; 
		white-space: nowrap; grid-template-rows: unset; padding: 15px;}
	.fast__title {grid-column: 1 / -1; font-size: 16px;}
	.fast__subtitle {font-size: 1em; align-self: center;}
	.fast__meta {font-size: 1em; padding-left: 6px; align-self: center;}
	.fast::after {top: 50%; transform: translateY(-50%); right: 15px; font-size: 18px;}
	.fast__meta img {height: 14px; position: relative; top: 2px;}
	.sect__content--items-2 {grid-template-columns: 1fr;}
	.sect__title {font-size: 18px;}
	.sect--bg {border-radius: 0; margin-left: -15px; margin-right: -15px;}
	.sect--no-bg-mob {background: none; padding: 0 15px;}
	.serv {padding: 15px; position: relative; padding-right: 60px;}
	.serv__img {position: absolute; right: 15px; top: 15px;}
	.sect--apps {border-radius: 6px; margin: 0; margin-bottom: 20px;}
	.sect__links-list {grid-template-columns: repeat(2,minmax(0,1fr));}
	.has-carousel:not(.owl-carousel) > * {margin-right: 0px; width: 100%;}
	.sect__content--useful {gap: 15px 15px;}
	.useful {padding: 20px 15px; grid-template-rows: unset;}
	
	.page2__list {font-size: 14px;}
	.page2__list li {padding-left: 120px;}
	.page2__list > span:first-child {display: inline-block; width: 100px; 
		overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.page2__actions li {font-size: 16px;}
	.page2__hypothec-filter, .page2__hypothec-list.bordered, .page2__reviews.bordered {border: 0; border-radius: 0; 
		margin-left: -15px; margin-right: -15px;}
	.page2__reviews.bordered {padding: 0 15px}
	.hypothec-header .hypothec-th {white-space: normal;}
	.frel {font-size: 12px;}
	.frel__img {width: 100px; margin-right: 10px;}
	.frel__title a {font-size: 16px;}
	.full-text iframe {width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;}
}

	
	
.filter-block {padding: 20px; font-weight: 400; box-shadow: var(--bsh); border-radius: var(--bdrs);
	background-color: #fff; margin: -30px 0 20px 0;}
.filter-block__form {display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); grid-gap: 10px 20px;}
.filter-block__cell--full-width {grid-column: 1 / -1;}
.filter-block__cell-caption {margin-bottom: 5px; font-size: 12px;}
.filter-block__cell-content > * {width: 100%; display: block;}
.filter-block__cell-content--two-columns {display: flex; justify-content: space-between;}
.filter-block__cell-content--two-columns > * {width: calc((100% - 10px)/2) !important;}
.filter-block__cell-content select, .filter-block__cell-content input[type="text"], 
.filter-block__cell-content--check-group {height: 36px; line-height: 34px; background-position: right 8px top 50%;
	background-color: #fff; color: grey; border: 1px solid #e3e3e3; border-radius: 4px; 
	box-shadow: none; font-size: 14px; font-weight: 400; padding: 0 8px;}
.filter-block__cell-content select {padding: 0 8px;}
.filter-block__cell-content input[type="text"]::placeholder {opacity: 1; color: grey; font-size: 14px; 
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.filter-block__cell-content input[type="text"]:focus::placeholder {opacity: 0;}
.filter-block__cell-content label {position: relative; padding-left: 50px; cursor: pointer; 
	height: 36px; display: flex; flex-direction: column; justify-content: center; font-size: 14px;}
.filter-block__cell-content label input {display: inline-block; appearance: none; -webkit-appearance: none;
	height: 20px; width: 40px; border-radius: 10px; background-color: #eee; cursor: pointer; transition: all .2s linear; 
	box-shadow: inset 0 2px 5px rgba(0,0,0,0.1); position: absolute; left: 0; top: 50%; margin-top: -10px;}
.filter-block__cell-content label input::before {content: ''; width: 18px; height: 18px; border-radius: 10px; 
	position: absolute; left: 1px; top: 1px; background-color: #fff; transition: all .2s linear;}
.filter-block__cell-content label input:checked {background-color: #6ab04c;}
.filter-block__cell-content label input:checked::before {left: 21px;}
.filter-block__cell-content input[type="button"], .filter-block__cell-content button, 
.filter-block__cell-content .btn {cursor: pointer; 
	height: 36px; display: inline-flex; justify-content: center; padding: 0 10px; box-shadow: none; border-radius: 4px; 
	font-size: 14px; background: var(--accent); color: #fff; font-weight: 500;}
.filter-block__cell-content input[type="button"][data-dlefilter="reset"], 
.filter-block__cell-content .btn {background: var(--bg-2); color: var(--accent);}
.filter-block__cell--padding1 {padding-top: 10px;}
.filter-block__cell-content--check-group label {padding: 0; text-align: center; white-space: nowrap; 
	flex: 1 1 0; min-width: 30px; max-width: 100%;}
.filter-block__cell-content--check-group label input {position: absolute; left: 0; top: 0; 
	width: 100%; height: 100%; opacity: 0; z-index: 5;}
.filter-block__cell-content--check-group {display: flex; justify-content: center; overflow: hidden; padding: 0;}
.filter-block__cell-content--check-group label + label {border-left: 1px solid rgba(0,0,0,.12);}
.filter-block__cell-content--check-group label div {height: 36px; font-size: 14px;}
.filter-block__cell-content--check-group label input:checked + div {background-color: var(--bg-2); color: #000;}
	
.page2__hypothec-filter input, .page2__hypothec-filter select, .hero-filter input, .hero-filter select,
.page2__hypothec-filter input::placeholder, .hero-filter input::placeholder {color: #000 !important;}
.page2__hypothec-filter {border-radius: 6px 6px 0 0; background: #edfbec; padding: 20px 15px; padding-top: 15px; 
	display: flex; flex-wrap: wrap; grid-gap: 0 0; gap: 20px 15px; border: 1px solid var(--bdc);}
.page2__hypothec-filter > * {flex: 1 1 200px; max-width: 100%;}
.item-form__content--bg {position: relative;}
.item-form__content--bg > input {border-radius: 0 !important;}
.item-form__content-caption {position: absolute; top: 8px; right: 10px; font-size: 14px; width: auto !important;}
.item-form__range {height: 2px; position: absolute; left: 0px; right: 0px; top: 100%; 
	z-index: 5; border-radius: 0; background-color: #cfd4d9;}
.item-form__content--bg input[type="range"] {position: absolute; left: 0; right: 0px; top: 0;
	-webkit-appearance: none; width: 100%; background: none; height: 2px; padding: 0;}
.item-form__content--bg input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none; cursor: pointer;
	width: 20px; height: 20px; border-radius: 50%; background: #fff; margin-top: -8px; 
	border: 3px solid #3a7cd4; box-shadow: 0 0 4px rgba(0,0,0,.15);}
.item-form__content--bg input[type="range"]::-webkit-slider-runnable-track {width: 100%; height: 2px; cursor: pointer;
	 border-radius: 0;  background: none;}
.item-form__content--bg input[type="range"]::-moz-range-thumb {-webkit-appearance: none; cursor: pointer;
	width: 20px; height: 20px; border-radius: 50%; background: #fff; margin-top: -8px; 
	border: 3px solid #3a7cd4; box-shadow: 0 0 4px rgba(0,0,0,.15); box-sizing: border-box;}
.item-form__content--bg input[type="range"]::-moz-range-track {width: 100%; height: 2px; cursor: pointer;
		border-radius: 0;  background: none;}
	
.hero-filter {display: flex; flex-wrap: wrap; grid-gap: 0 0; gap: 20px 20px; border: 1px solid var(--bdc);}
.hero-filter > * {flex: 1 1 300px; max-width: 100%;}
.hero-filter .filter-block__cell-content--two-columns > * {width: calc((100% - 20px)/2) !important;}
@media screen and (max-width: 760px) {
	.hero-filter {padding: 10px; gap: 10px 10px;}
	.hero-filter .filter-block__cell-content--two-columns > * {width: calc((100% - 10px)/2) !important;}
}