@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0;}
*, *:before, :after {box-sizing: border-box;}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat/Montserrat-Light.woff2') format('woff2'),
        url('Montserrat/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat/Montserrat-Regular.woff2') format('woff2'),
        url('Montserrat/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat/Montserrat-Bold.woff2') format('woff2'),
        url('Montserrat/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat/Montserrat-Italic.woff2') format('woff2'),
        url('Montserrat/Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

:root {
    --color-base: #78231a;
    --color-base-teh: #7f3930b9;
    --color-base-lig: #7f39300f;
	--color-base-fot: #7f3930;
	--color-base-fot-sel: #83453F;
	--color-head: #601c33;
    --color-fon: #e4d7c793;
    --color-fon1: #e4d7c7;
	
	--color-gr1: #444;

	--white: #f9faf9;
    --black: #36383F;
    --grey: #85888C;

}


#block-search, #block-search * {box-sizing: border-box;}

#block-search {
  background: #e8dbcff5;
  border: 1px solid #78231a;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: 0 1%;
	opacity: 0.9;
}

.tl-container {padding: 0 25px;}

#tl-booking-form {
  width: 100%;
  max-width: 1440px;
  margin: 20px auto;
}

.gr1 {color: var(--color-gr1);}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}

/*-------------------------- ПЕРЕОПРЕДЕЛЯЕМ ЭЛЕМЕНТЫ HTML Verdana, --------------------------------------*/
html {scroll-behavior: smooth;}
body {	font-family: Montserrat, Arial, Helvetica, sans-serif;
		text-align: justify;
		background: #FEFEFE; color: #350F1C; font-size:16px;
		}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif; color: var(--color-head);
	font-size: 210%; font-weight: bold;
	text-align: center;
	margin:  35px 0 25px 0;
	}
@media screen and (max-width: 400px) {
	h1 {font-size: 190%;}
}
h2 {
	font-size: 150%;
	font-weight: normal;
	text-align: center;
	margin: 25px 0 20px 0;
	}
h3 {
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	margin: 20px 0 15px 0;
	}
h4 {
	font-size: 100%; font-weight: bold;
	text-align: left;
	margin: 0;	
	}

p {margin: 15px 0; line-height: 1.4;}
ol, ul {margin-left:8%; padding: 0 5px; line-height: 1.2;}
li {padding: 2px 0; text-align: left;}
em {color: var(--color-base);}
a {color:#912A4D; text-decoration:none;}

img {display: inline-block; margin:15px; object-fit: cover;}

img.left {
	float: left;
	margin-right: 15px;
	padding: 5px;
}
.wid200 {width: 200px;}


	/*align
	-----------------------------------------------------------------------------*/
.valign-flex {
	display: flex;
	align-items: center;
	justify-content: center;
}

.align-cntr {text-align: center; vertical-align: middle;}
.align-lft {text-align: left; vertical-align: top;}
.align-rght {text-align: right; vertical-align: bottom;}

.float-lft {float: left;}
.float-lft-end {clear: left;}
.float-rght {float: right;}
.float-rght-end {clear: right;}

.col20 {width:20%;} .col50 {width:50%;}
.otstup {margin-left:10%;}

.dyslay-non {display:none;}

.begn {width:96%; max-width: 1600px; margin:0 auto; background-color: #FEFEFE;}

/* Слой для колонок
-----------------------------------------------------------------------------------*/
.layout {overflow: hidden;}

section {padding: 15px 2px;}

/* меню-а */
.nav {
	width:90%; clear:left; margin: auto;
	margin-bottom: 15px;
	}
	.nav ul {
		margin: 0;
		padding: 0;
	}
	.nav li {
		width:16.6%;
		list-style: none;
		line-height: normal;
		text-align: center;
		float:left;
		opacity:0.8;
	}
	.nav a {
			display: block;
			width: 100%; height:100%;
			padding: 20px 0;
			text-decoration:none;
		font-size:130%; font-weight:400; color:#FFF;
			transition: all 0.3s 0.01s ease;
		}
		.nav a:hover {
			background:#864842; opacity: 1;
		}
	li.selectPag {border: solid 1px #F90004;}
	.nav li.selectPag {border: #FFF solid 2px; background:#864842;}
	.nav li {
		border:#FFF solid 2px;
		background:var(--color-base);
	}

/* Техническое меню */
.nav-g {
    position: relative;/*absolute;*/
    width: 100%;
    z-index: 999;
    background: var(--white);
}
.valign-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	direction: ltr;
}

nav.teh-menu{
    width: 95%;
    height: auto;
    position: fixed;
	top: 0; right: 0;
	font-size: 125%;
    background-color: var(--white);
    overflow: hidden;
	 text-align: center;
	max-height: 0;
    transition: max-height .5s ease-out;
}

/*ul.menu {margin-top: 30px;}*/
ul.teh-menu {list-style: none;}
ul.teh-menu li {margin-bottom: 5px; border-bottom: 1px #ddd dotted;}
ul.teh-menu a{
    display: block;
    padding: 5px 15px;
    color: var(--black);
	}
	ul.teh-menu a:hover{
		color: var(--grey);
}

.hamb{
	position: fixed;
	top: 0;
	right: 0;
    cursor: pointer;
    padding: 40px 20px;
	z-index: 999;
}
.hamb-line {
    background: var(--black);
    display: block;
    height: 2px;
    position: relative;
    width: 24px;
}
.hamb-line::before, .hamb-line::after{
	background: var(--black);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}
.hamb-line::before{top: 5px;}
.hamb-line::after{top: -5px;}
.side-menu {display: none;}

.side-menu:checked ~ nav.teh-menu {max-height: 100%;}
.side-menu:checked ~ .hamb .hamb-line {background: transparent;}
.side-menu:checked ~ .hamb .hamb-line::before {
    transform: rotate(-45deg);
    top:0;
}
.side-menu:checked ~ .hamb .hamb-line::after {
    transform: rotate(45deg);
    top:0;
}
/*.menu a:active {color: red;} 
  .nav:has(.menu a:active){max-height: 0; background: #B8E9D3;}*/

@media (min-width: 760px) {
	.valign-nav {direction: rtl;}
    nav.teh-menu{
        max-height: none;
        top: 0;
        position: relative;
        float: right;
        width: fit-content;
        background-color: transparent;
		z-index: 999;
    }
	ul.teh-menu {margin: 0 auto;}
    ul.teh-menu li{display:inline-block; border-bottom: none;}
    ul.teh-menu a:hover{
        background-color: transparent;
        color: var(--grey);
    }
    .hamb{
        display: none;
    }
}
/*
nav.teh-menu {
  height: 50px;
  text-align: center;
  background: var(--color-base-fot); opacity: 0.8;
}
	ul.teh-menu {
	  display:inline-block;
	  margin: 0 1% 0 0;
	  padding: 2px 0;
	  list-style: none;
	  line-height: normal;
	  z-index: 999;
	}
	ul.teh-menu li {
	  float:right;
	  border-radius:25px;
	}
	ul.teh-menu li a {
	  text-decoration: none;
	  padding:0px 15px;
	  font-family: Montserrat, arial;
	  line-height:44px;
	  display: block;
		border-radius:25px;
	  transition: all 0.3s 0.01s ease;
	  color:#fff;
	  border: solid 1px rgba(0,0,0,0.00);
	  }
	  ul.teh-menu li a:hover {
		border: solid 1px #FFF84C;
		color: red;
	  }
*/
/* Футер меню */
nav.foot-menu {
	display: flex;
	flex-direction: column;
	font-size: 110%;
  background: var(--color-base-fot); opacity: 0.8;
}
#f-row1, #f-row2 {width: 100%; border-bottom: #888 1px dotted;}
#f-row2 {text-align: center;}
#f-row3 {text-align: right; width: 100%;}
ul.foot-menu {
  margin: auto;
  display: inline-block; }

.foot-menu li {
  list-style: none;
  text-align: left;
  float: left;
  position: relative; }

.foot-menu li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  text-decoration: none;
  border-bottom: solid 1px rgba(0,0,0,0.00);
  color: #fff; }

.foot-menu li a:hover {
  border-bottom: solid 1px #FFF;
  color: red; }

	.foot-menu li a.selectPag-f {border-bottom: #FFF solid 1px; background: var(--color-base-fot-sel);}

@media screen and (max-width: 960px) {
  .foot-menu {font-size: 100%; }
}

@media screen and (max-width: 1400px) {
	.nav {width:98%;}
}

@media screen and (max-width: 1156px) {
	.nav li {width:33.3%;}
	#resort {clear:left;}
}

@media screen and (max-width: 850px) {
	 #rule-us {display:none;}
	.nav a {padding: 10px 0;}
}

@media screen and (max-width: 630px) {
	.nav {
		position: relative;
		min-height: 80px;
	}	
	.nav ul {
		width:100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.nav li {
		display: none; /* скрыть все <li> пункты border:#FFF solid 1px; */
		clear:left; width:100%;
		opacity: 1;
	}
	.nav li a {
		width: 85%; margin-left: 15%;
		background: #934f48;
	}
	.nav li.selectPag {
		display: block; /* показывать только текущие активные <li> пункты #FAFAFA */
		background: #934f48 url(images/icon-menu.png) no-repeat 5% 25px;
		background-size: 18px;

	}
	.nav .selectPag a {
		border-left: #FFF 1px solid;
		
	}
	/* при наведении на пункты меню */
	.nav ul:hover {
		background-image: none;
		z-index: 100;
	}
	.nav ul:hover li {
		display: block;
	}
	.nav ul:hover .selectPag {
		background: #864842 url(images/icon-check.png) no-repeat 5% 25px;
		background-size: 18px;
	}
}

@media screen and (max-width: 490px) {
/*	#main	  {display:none;}
	#about {display:none;}
	#video	  {display:none;}*/
}

footer {width: 96%;  max-width: 1600px; margin: auto; background-color: var(--color-base-lig);}/*#F0E3DB*/

/* секции по назначению */
	/* images анимация общая */
	.block-hover {overflow: hidden; transition: all 5s ease-out;}
		.block-hover:hover {transform: scale(1.2);}
	/*рамки  ------------------------*/
	.frame-hover {
		box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.1);
		}
		.frame-hover:hover {box-shadow: 0 0 5px rgba(0,0,0,0.3); /* Тень */
		}

/* оформление */
.polosa {
	width: 100%; /*padding: 10px 5px 10px 15px; background: var(--color-base-fot); color: #FFF;*/
    color: var(--color-base);
    border-bottom: 1px solid var(--color-base);
}
	h2.polosa {padding-bottom: 5px;}
.imgPolosa h3 {padding:0 0 0 10px; font-size: 100%; font-style: normal; font-weight: 300;}
.img-polosa {
	width: 100%;
    margin: 0;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}
.artycleList-align {
	display: flex;
	align-items: center;
	width: 90%;
	margin: auto;
}

.block {/*4 колонки на главной */
	width:23%; height:95%; margin:1%;
	float:left; text-align:center;
	border: 1px solid #7A6850;
	}
.imginblock {width: 18%; min-width: 300px; margin: 1%;}
.imginblock150 {height: 150px;}

/* иконки */
	.logokobak {width:30px;}
	.inforn {position: relative; width: 200px; display: block; float: left; margin:5px 25px 15px 5px;}
	.icon {width: 40px; margin: auto;}
	div.icon {width: 90px; text-align: center;}
	div.icon p {text-indent: 0;}
	.metro {font-size: 130%; color: #198C2A;} /* знак метро */
#but-find {
	display: flex; justify-content: center; align-items: center;
	width: auto; height: 48px; 
	position: fixed; bottom: 1%; right: 5%;
	background: var(--color-base); color: #fff; padding: 4px;
	border-radius: 24px;
	}
	#but-find p {margin: 0 20px; font-size: 150%;}
	#but-find img {margin: 2px 1px; padding: 4px; background: #fff; border-radius: 24px;}
/* нижний бордюр */
	.hr-border {display:block; border-bottom:#666 1px solid; padding:5px;}
	.tr-border {border-bottom:#666 1px solid; padding:5px;}
/* текст в дивах */
	.height-auto {position:static;}
	.ver-align {height:160px; display:table-cell; vertical-align:middle;}
	.ver-align-description {height:290px; display:table-cell; vertical-align:middle;}
/* текст в колонках */
.txt-column {column-width: 270px; column-rule: thin dotted #999; text-align:left;}
.txt-block {
	overflow: hidden; overflow:auto; 	/* скрываем не влезшую часть и показываем скроллер */
	word-wrap: break-word; 				/* перенос длинных слов */
	}
/* больщой текст */
.txt-big {padding-left: 2%; padding-right: 2%;}
/*.txt-ul2 ul {margin: 0; padding: 0;}
.txt-ul2 li {list-style: none;}*/
.txt-ul2-b ul {list-style: none; margin: 0; padding: 0;}
.txt-ul2-b li {font-size: 120%; padding: 5px 0;}
.affer-main-ip {display: block;}
.affer-main-i {width: 200px; margin: auto;}
    .affer-main-i img {width: 100%; margin: 0;}
.tile {list-style: none; margin-left: 0; display: inline-flex; flex-wrap: wrap; justify-content: space-around;}
.tile li {width: 100%; padding: 2% 0;}
.tile li div {width: 90%; float: right;}

@media screen and (min-width: 800px) {
    .txt-big {line-height: 1.5;}
    .txt-big h1, .txt-big h2, .txt-big h3 {margin-left: 10%; margin-right: 10%;}
	.txt-big h2 {text-align: left; border-bottom: 1px var(--color-base) solid;}
    .txt-big p {margin-left: 20%; margin-right: 10%;}
	.txt-big img {margin-left: -15%;}
	.txt-big .imginblock  {margin-left: 1%;}
    .txt-big ul, .txt-big ol {column-count: 2; min-width: 290px; margin-left: 2%; padding-left: 20%;padding-right: 10%;}
    .txt-big li {padding-right: 5%; break-inside: avoid-column;}
	.txt-ul2-b ul, .txt-ul2 ul {column-count: 2; min-width: 290px;}
	.txt-ul2 ul {margin: 0 2% 0 4%;}
	.txt-ul2-b li, .txt-ul2 li {word-wrap: break-word;}
	.txt-ul2-b li {padding: 5% 10%;}
    
    .affer-main {margin-left: 10%; margin-right: 10%;}
    .affer-main h2 {text-align: left; border-bottom: 1px var(--color-base) solid;}
    .affer-main-ip {display: flex; justify-content: center;}
        .affer-main-i {width: 20%; margin: 0; display: flex; flex-direction: column; justify-content: center;}
        .affer-main-p {width: 80%; padding-left: 2%; display: flex; flex-direction: column; justify-content: center;}
        .affer-main-p p {width: 100%; padding-left: 2%; font-size: 110%;}
    .tile li {width: 48%; padding: 1%; margin: 0;}
}

@media screen and (min-width: 1100px) {
    .affer-main-p p {font-size: 120%;}
}
/*
@media screen and (min-width: 800px) {
    .txt-big {line-height: 1.5;}
    .txt-big h1, .txt-big h2, .txt-big h3 {margin-left: 10%; margin-right: 10%;}
	.txt-big h2 {text-align: left; border-bottom: 1px var(--color-base) solid;}
    .txt-big p {margin-left: 20%; margin-right: 10%;}
	.txt-big img {margin-left: -15%;}
	.txt-big .imginblock  {margin-left: 1%;}
    .txt-big ul, .txt-big ol {column-count: 2; min-width: 290px; margin-left: 2%; padding-left: 20%;padding-right: 10%;}
    .txt-big li {padding-right: 5%; break-inside: avoid-column;}
	.txt-ul2-b ul, .txt-ul2 ul {column-count: 2; min-width: 290px;}
	.txt-ul2 ul {margin: 0 2% 0 4%;}
	.txt-ul2-b li, .txt-ul2 li {word-wrap: break-word;}
	.txt-ul2-b li {padding: 5% 10%;}
}
*/
/*две  колонки равной ширины*/
	.lft-column {float: left; margin-left: 1%; width: 49%;}
	.rgt-column {margin-left: 51%; width: 49%;}

/* контент */
.content {width: 95%; margin: auto;}

.wrapper {overflow: hidden;}

/* Категория */
.room {margin: 3px auto; height: auto;}
	div.tpl-block {width:23%; min-width:290px; height:450px; margin: 3% 1% 1% 1%; display:inline-block; line-height: 1; border-radius: 7px; background: #fff;}
	div.tpl-block-str {width:40%; min-width:290px; height:auto; margin: 1%; float: left;}
		h3.tpl-adress{font-weight:500; font-size:110%; text-align:center; margin: 0; padding: 9px 3px;}
				.slider-img {
					position: relative;
					width: 100%;
					min-width: 250px;
					max-width: 500px;
					height: 230px;
					margin: auto;
					margin-bottom: 20px;
				}
				.item {
					position: absolute;
					width: 100%;
					height: 100%;
					background: #fff;
				}
					img.slide {
						border-radius: 7px 7px 0 0;
						margin: 0;
						width: 100%;
						height: 100%;
				}

	.tpl-description {
		display: none;
		}
	.tpl-description-string {
		width: 55%; min-width: 290px; min-height: 430px;
		margin-left: 45%; padding-top: 3%; /* -- */
		}
		.a-description-string {display: none;}

		.visib:active .tpl-description {
			display:block;}

/* Каталог */
.catalog-room {
	width:48%; min-width:610px; max-height: 310px; margin: 1%; display:inline-block; border-radius: 7px; background-color: #fff;
}
.catalog-img {
	width:48%; min-width:300px; height:50%; margin: 1%;
	float: left;
}
.catalog-txt {
	height: 100%;
	padding: 0 3px 0 6px;
	text-align: left;
	}
	.catalog-txt p  {line-height: 1; margin: 10px 0;}
	.catalog-txt h3 {font-weight:500; font-size:115%; text-align: left; padding: 5px 0; margin: 0; color: var(--color-base);}
	.data-params {margin-right: 10px;}
	.price {font-size: 150%;}
.realtydate {margin: 15px;}

/* Слайдер полоса картинок  */
	.big-img {width: 100%; max-height: 210px; margin: 5px; border-radius: 7px;}
	.slidePolosa {height: 50px; overflow: hidden; text-align: left;}
	.smoll-img {
	  display: inline;
	  height: 100%;
	  margin: 0;
	  padding: 2px;
	  border: 2px solid #FFF;
	  border-radius: 5px;
	  }
	  .smoll-img:hover {
		border: 2px solid #E72B3D;
		}

/* Header
------------------------------------ background-color: var(--color-base-lig);-----------------------------------------*/
header {display: block; width: 100%;}
  .header {display: flex; width: 100%; max-width: 1200px; margin: auto;
	flex-wrap: wrap;
	align-items: center; justify-content: center;
	}
	.lft-header  {
		width:70%; padding: 1% 1% 0 1%;
		display: flex;
		flex-direction: row;
		align-items: center; justify-content: center;
		text-align: right;
	}
	img.logo {width: 100%; min-width: 80px; max-width: 200px; padding:0; margin: auto;}
	.cntr-header {width:auto; padding-left: 10%;}
			
			.nameHead {line-height: 1; font-family: Georgia, "Times New Roman", Times, serif; 
				font-size: 200%; font-style:normal; margin: 10px 0; color: var(--color-head);
				text-align: left;
			}
			.nameHead3 {font-size: 150%; font-weight: 400; color: var(--color-gr1); text-align: left;
				margin-top: 2px; line-height: 1;}
		
	.rgth-header {display: flex; width: 30%; min-width: 270px; padding:1% 1% 0 0;
		flex-direction: column; align-items: center; justify-content: center; }
		.tfon {font-style: italic; font-size: 144%; margin: 10px 0;}
		.nameHead4 {margin: 0; font-size: 130%; color: var(--color-gr1); text-align: center; font-weight: 300;}

		.header-valign {display: flex; width:100%; height:130px;}

@media screen and (max-width: 1280px) {
	.lft-header {padding-left: 5%;}  
}

@media screen and (max-width: 960px) {
	.header {width: 98%;}
	.lft-header {width:auto;}
	.rgth-header {width: 100%; flex-direction: row-reverse; justify-content: space-around;}
	.nameHead4 {display: none;}
}

@media screen and (max-width: 640px) {
	.header {flex-direction: column;}
	img.logo {height: 75px; margin: 15px 0 0 0;}
	.lft-header {flex-direction: column; padding-left: 0;
        text-align: center;}
	.cntr-header {padding: 1% 4%;}
	.nameHead {text-align: center;}
	.nameHead3 {font-size: 120%;}
	.rgth-header {flex-direction: column; justify-content: center;}
}

@media screen and (max-width: 450px) {
	.nameHead {font-size: 170%;}
	.cntr-header {padding: 1%;}
}

/* Footer
-----------------------------------------------------------------------------*/
	.lft-footer, .rgth-footer {float: left; width: 30%; margin:1% 1%;}
	#footer-lft {text-align:left;}
	.cntr-footer {float: left; width: 36%;}

/* ВИДЕо ютуб*/

.video {
	position: relative;
	width: 40%;
    min-width: 250px;
	max-width: 550px;
	margin: 3%;
	float: left;
}
.y-video-container {
  position: relative;
  display: block;
  width: 100%; height:100%; margin:1%;
	float:left; text-align:center;
}
.y-video-player {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
}
.y-video-player iframe,
.y-video-player object,
.y-video-player embed {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.y-video-cover {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.y-video-cover img {margin: 0; width: 100%;}

@media screen and (max-width: 1290px) {
	.catalog-room {width:68%;}
}
@media screen and (max-width: 1220px) {
	/* контент */
	.content {width: 100%;}
}
@media screen and (max-width: 1157px) {
	.catalog-room {width:78%;}
}
@media screen and (max-width: 1050px) {
	div.tpl-block {width:30%;}
	.pic-vid span{left: 1%;}
	
	div.tpl-block {width:48%;}
	.tpl-description-string {width: 55%; margin-left: 45%;}
}
@media screen and (max-width: 960px) {
	.block {width:48%;}
}
@media screen and (max-width: 850px) {
	.catalog-room {width: auto;}
	.news-head {width:100%;}
/* Footer
-----------------------------------------------------------------------------*/
	.lft-footer, .rgth-footer {float: left; width: 48%;}
	.cntr-footer {float: none; display:none;}
}

@media screen and (max-width: 720px) {
	body {text-align: left;}
	.otstup {margin-left:5px;}
	div.tpl-block {width:99%; height:auto; display: block;}
	div.tpl-block-str {width:99%; min-width:290px; height:auto; margin: 0 1%; clear: left;}
	.tpl-description-string {width: 99%; min-width: 290px;margin:1%  auto; padding-top: 2%;}
	.a-description-string {display: block;}
	.ver-align-description {height:auto;}
	.video {float: none; width: 99%;
        height: auto;
        margin: 0 auto;
        clear: left;}
    .video iframe {
        width: 100%!important;
    }
}

@media screen and (max-width: 640px) {
	.y-video-container {width: 98%;}
	.pic-max {display: none;}
	.catalog-room {width: 98%; min-width: 250px; max-height: none; height: auto; margin-bottom:4%;}
	.catalog-img  {width: 96%; min-width:250px; height: auto; float: none;}
	.catalog-txt  {width: 96%; height: auto; margin: auto; display: block;}
		.big-img {width: 100%; margin: 2px;}
	div.tpl-block {min-width:270px;}

/*две  колонки равной ширины*/
	.lft-column, .rgt-column{float: none; margin-left: 5%; width: 90%;}
}

@media screen and (max-width: 500px) {
	.block, .news {width:98%;}
	.inforn {float: none; margin:5px auto;}
	img.left {float: none;}
	.artycleList-align {display: block;}
	
}
@media screen and (max-width: 450px) {
	.block_new {text-align: center;}
	.block_new img {float: none; margin: 10px auto;}
	.realtydate {margin: 0;}
/* Footer
-----------------------------------------------------------------------------*/
	.lft-footer, .rgth-footer {float: none; width: 96%; margin:5px auto;}
	#footer-lft, #footer-rgth {display:inherit; height:auto; text-align:center;}
	.cntr-footer {float: none; display:none;}
	.slider {width:100%;}
}

@media screen and (max-width: 800px) {
  .list-out-tovar {text-align: center;}
  .out-list-img {float: none;}
}

@media screen and (max-width: 550px) {
  .out-product-desc {
    width: 98%; clear: left; float: none; margin: 1%;
  } 
}
/* КНОПКИ с заполнением */
.but-fill, .but-nonf {
    min-width: 252px;
	margin: 1.5%;
	padding: 2% 1%;
	border-radius: 1em;
	text-align: center;
}
.but-fill span, .but-nonf span {display: block;}

.but-fill {
    background-color: var(--color-base);
    color: #fff;
	border: var(--color-base-teh) 2px solid;
}
	.but-fill:hover {
		background-color: var(--color-base-lig);
		color: var(--color-base);
		transition: 1s;
	}
.but-nonf {
	background-color: var(--color-base-lig);
	color: var(--color-base);
	border: var(--color-base-teh) 2px solid;
	}
	.but-nonf:hover {
		background-color: var(--color-base);
		color: #fff;
		transition: 1s;
	}
#but-head {margin-top: 2%; padding-top: 3%;}
@media screen and (max-width: 960px) {
	#but-head {margin-top: 0;}
}

/* КНОПКА каталог в Header */
.but-catalog {
	border: var(--color-base) solid 3px;
	border-radius: 8px;
	font-size:100%; font-weight:200;
	transition: all 0.3s 0.01s ease;
	width:auto; max-width: 300px; height: 80px;
	margin:1% auto;
	cursor:pointer;
	}
	.but-catalog h3, .but-catalog h4 {color:var(--color-base); text-align:center; margin: 0; padding: 5px 15px;}
	.but-catalog h4 {font-size: 170%; font-weight: 300;}
	.but-catalog:hover {background: var(--color-fon);}

/* КНОПКА просто */
.butLink {
	margin:1%;
	text-align:center;
	}
	.butLink a {
		display: block;
		width: 100%; height:100%;
		padding: 15px 0;
		background:#FFF; border: var(--color-base) solid 3px; border-radius: 7px;
		font-size:110%; font-weight:200; color:var(--color-base);
		text-align:center;
		text-decoration:none;
		transition: all 0.3s 0.01s ease;
	}
	.butLink a:hover {background: var(--color-base); color: #FFF;}

/* КНОПКА в карточке товара */
.but-tf {
	width:250px;
	margin:1% auto;
	text-align:center;
	padding: 15px;
	background:var(--color-base); border: #FFF solid 3px; border-radius: 1em;
	transition: all 0.3s 0.01s ease;
	cursor:pointer;
	font-size:130%; font-weight:200; color:#FFF;
	}
	.but-tf:hover {background: var(--color-base-lig); border: var(--color-base) solid 3px; color:var(--color-base);}
/* кнопки перемещения между продуктами */
	.but-navobg {
		margin: 2% 1% 1% 1%;
		font-size: 120%;
		color: var(--color-base);
		border: 1px solid var(--color-base);
		border-radius: 10px;
		padding: 5px;
		}
		.but-navobg:hover {
			background: #EDEDED;
		}

/* КНОПКА перехода в тесте <a> */
.but-plink {
	display: inline-block;
	min-width: 252px;
	margin:0 5px; padding: 5px 7px;
	border: var(--color-base-teh) 2px solid; border-radius: 10em;
	text-align: center;
	color: var(--color-base);
	background-color: var(--color-base-lig);
	outline: none;
	cursor: pointer; 
	}
	.but-plink:hover {
		background-color: var(--color-base);
		color: #fff;
		transition: 1s;
}
/* КНОПКА соцсети */
.social {
	margin: 0 5px;
    border: 1px solid #eee;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 0 50px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    transition: .2s;
}
	.social__icon {
		fill: var(--color-base);
		background-color: #FEFEFE;
		height: 50px;
		width: 50px;
	}
	.social__icon:hover {
		fill: #f9f9f9;
		background-color: var(--color-base);
	}
		.connect__icon {
			fill: var(--color-base);
			background-color: #FEFEFE;
			height: 24px;
			width: 24px;
		}
		.connect__icon:hover {
			fill: #f9f9f9;
			background-color: var(--color-base);
		}
		.whatsapp__icon {
			fill: #11641F;
			background-color: #FEFEFE;
			height: 32px;
			width: 32px;
		}
		.whatsapp__icon:hover {
			fill: #f9f9f9;
			background-color: #11641F;
		}
	.mail__icon {
		fill: var(--color-base);
		background-color: #FEFEFE;
		height: 24px;
		width: 24px;
	}
/* форма  */
.but-submit, .realty-calendar-booking-buttons input {
	width:250px; margin:1% auto;
	text-align:center;
	padding: 12px 0;
	background:#fff; border: var(--color-base) solid 3px;
	font-size:130%; font-weight:200; color:var(--color-base);
	transition: all 0.3s 0.01s ease;
	cursor:pointer;
	}
	.but-submit:hover, .realty-calendar-booking-buttons input:hover {
			background:var(--color-base); border: var(--color-base) solid 3px;
			color:#fff;
		}
.frm-small {
	width: 290px; margin: -8px auto; padding: 15px; border: 3px solid var(--color-base); border-top: none; text-align: center;
	color:var(--color-base);
	}
	.frm-small input {
		width: 90%; font-size: 120%; margin: 6px; padding: 2px;
		border-radius: 5px;
	}
	.frm-small input[type=submit] {
		padding:7px 3px; background: var(--color-base); border: var(--color-base) solid 3px;
		color: #fff;
		transition: all 0.3s 0.01s ease;
		}
		.frm-small input[type=submit]:hover {
				background:#fff;
				color:var(--color-base);
			}

/* карта */
@media screen and (min-width: 800px) {
	.map {/*width:80%;*/ height:150px; margin:10px 12%;}
}

/* аккордион без JS */
#faq {
    display: flex;
    flex-direction: column-reverse;
}
.ac-l {
    display: flex;
    width: 100%;
    padding: 1% 5%;
    flex-direction: column;
    justify-content: center;
    justify-items: left;
}
.ac-l p {
    text-align: center;
    margin: 5px 0;
}
#faq1 {font-size: 150%}
#faq3 {font-size: 120%}

.acor-container {
    width: 100%;
    margin: 20px 0;
}
.ac-div {
    border: 1px solid #ddd;
}
.acor-container .acor-body {
    width: calc(100% - 40px);
    margin: 0 auto;
    height: 0;
    color: rgba(0, 0, 0, 0);
    line-height: 18px;
    padding: 0 30px;
}
.acor-body {
    border-top: 1px solid #eee;
}
.acor-container .acor-body p {
    margin: 0 0 10px;
}
.acor-container label {
    cursor: pointer;
    display: block;
    padding: 15px 20px;
    width: 100%;
    color: var(--color-base);
    font-weight: 300;
    font-size: 130%;
    box-sizing: border-box;
    z-index: 100;
}
.acor-container input{
    display: none;
}
.acor-container label:before {
    content: '\276F';
    margin-left: 20px;
    float: right;
}

.acor-container input:checked + label:before {
    transition: transform .35s;
    transform: rotate(90deg);
}
.acor-container input:checked + label + .acor-body {
    height: auto;
    margin-top: -5px;
    color: #000;
    padding: 20px 30px 10px;
}
  
  @media screen and (min-width: 800px) {
      #faq {
          display: flex;
          flex-direction: row;
      }
      .ac-l {
          width: 30%;
          padding: 2% 5% 1% 5%;
          flex-direction: column;
          justify-content: flex-start;
          text-align: left;
      }
      .ac-l p {
          text-align: left;
      }
      .acor-container {
          width: 70%;
          display: flex;
          flex-direction: column;
          justify-content: center;
      }
  }
/* --ckfqlth -- */

.slider {
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.slides {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
	padding-bottom: 25px;
	padding-top: 15px;
}

.slides::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.slides::-webkit-scrollbar-thumb {
    background: var(--color-base-lig);
	border: 1px solid var(--color-base);
    border-radius: 10px;
}

.slides::-webkit-scrollbar-track {
    background: transparent;
}

.slides>div {
    scroll-snap-align: start;
    flex-shrink: 0;
    height: 300px;
    margin-right: 50px;
    border-radius: 10px;
    background: #eee;
    transform-origin: center center;
    transform: scale(1);
    transition: transform 0.5s;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 100px;
}

.slides img {
	margin: 0;
    object-fit: cover;
    min-width: 265px;
    height: 300px;
}

.slider>a {
    display: inline-flex;
    width: 1.5rem;
    height: 1.5rem;
    background: white;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 0 0.5rem 0;
    position: relative;
}