*,
*:before,
*:after {
    box-sizing: border-box;
}

@font-face	{
	font-family: 'CyrillicOld';
	src: url('../fonts/CyrillicOld.ttf');
}

@font-face {
    font-family: 'blagovest';
    src: url('../fonts/blagovest.ttf');
}

body {
    font-family: 'Bookman Old Style', serif;
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-weight: 400;
    background-color: #faedca;
    color: #000;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

.container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

/* Headlines ===============================================*/

.headline {    
    border-bottom: 1px solid;
}

.headline.right {
    text-align: right;
}

.headline.center {
    text-align: center;
}

.headline h2 {
    font-family: 'CyrillicOld', sans-serif;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
}

/* Header ===============================================*/

.header {
    width: 100%;
    height: 85px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}

.header.fixed {
    height: auto;
    position: fixed;
    background-color: rgba(0, 0, 0, .7);
}

.header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;    
}

.header__logo img {
    width: 120px;
}

.header__contacts {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header__phones {
    display: flex;
    flex-direction: column;    
    margin-right: 25px;
}

.header__phones p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    color: #fff;
}

.header__soc {
    transition: scale .1s linear;
}

.header__soc a {
    text-decoration: none;
}

.header__soc svg {
    margin: 0 4px;
    width: 30px;
    height: auto;
    fill: #fff;    
    stroke: none;
}

.header__soc svg:hover {
    scale: 1.1;
}

/* Nav ===============================================*/

.nav {
    display: flex;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'CyrillicOld', sans-serif;
    font-weight: 400;    
}

.nav__link {
    text-decoration: none;
    color: #fff;
    margin-left: 19px;
    transition: scale .1s linear;
}

.nav__link:hover {
    scale: 1.1;
}

.nav__link:first-child {
    margin-left: 0;
}

/* Intro ===============================================*/

#intro {    
    height: 90vh;
    width: 100%;
    background: url("../img/header/07.jpg") center no-repeat;         
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;      
}

#intro:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.intro__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 10%;
    left: 0;
    z-index: 3;
    color: #fff;        
}

/* .intro__content p {
    margin-top: 45px;
    text-align: justify;
    line-height: 1.5;
} */

.intro__title {
    font-size: 45px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    font-family: 'CyrillicOld', sans-serif;
}

/* Reservation =========================================*/


.reservation {
    width: 100%;
    
}


/* About ===============================================*/

#about {    
    padding: 0;
}

.about__prefs {    
    border-bottom: 1px #000 dotted;
}

.about__title {
    margin: 45px 0;
    text-align: center;
    font-size: 17px;    
}

.about__title h2 {
    margin-bottom: 35px;
    font-family: 'CyrillicOld', sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
}

.about__title h4 {
    font-size: 20px;
    font-weight: 400;
}

.about__leaf  {
    width: 25px;
    margin: 0 5px;
    vertical-align: sub;
}

.about__text {
    margin: 0 auto;
    max-width: 80%;    
}

.about__text p {
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
}

.about__text.outro {
    margin-bottom: 30px;
}

.prefs__card {
    margin: 0 auto;
    max-width: 85%;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;    
}

.prefs__card.sec {
    flex-direction: row-reverse;
}

.prefs__title h4{
    font-size: 18px;
    font-weight: 500;
}

.prefs__list {
    margin-left: 15px;
    width: 450px;
    max-width: 500px;    
    align-self: center;    
}

.prefs__list.right {
    margin-right: 15px;
    margin-left: 0;
}

.prefs__list ul {
    list-style: none;
}

.prefs__list li {
    margin: 10px 0;
}

.prefs__img img {
    width: 80%;
    border-radius: 15px;
    float: right;
}

.prefs__img.left img {
    float: left;
}

.rules__cats {    
    display: flex;
    flex-direction: row;
    justify-content: center;    
}

.rules__yes {
    text-align: center;
    padding: 15px;
    width: 25%;
    max-width: 25%;
    margin: 0 15px;    
    background-color: #fdf5e2;
    border-radius: 15px;
}

.rules__info {
    text-align: center;
    padding: 15px;
    width: 25%;
    max-width: 30%;
    margin: 0 15px;
    background-color: #fdf5e2;
    border-radius: 15px;
}

.rules__no {
    text-align: center;
    padding: 15px;
    width: 25%;
    max-width: 30%;
    margin: 0 15px;    
    background-color: #fdf5e2;
    border-radius: 15px;
}

.info__img {
    font-size: 80px;
    margin: 0;
    text-align: center;
    color: #0448a8;
}

.faq__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.faq__block {
    width: 30%;
}

.faq__list a {
  position: relative;  
  display: flex;  
  flex-direction: column;  
  width: 100%;
  height: 70px;
  padding: 1rem 3rem 1rem 1rem;  
  font-size: 1.15rem;
  font-weight: 400;
  border-bottom: 1px dotted #888;
}
.faq__list a:hover,
.faq__list a:hover::after {
  cursor: pointer;
  color: #84553a;
}
.faq__list a:hover::after {
  border: 1px solid #84553a;
}
.faq__list a.active {
  color: #84553a;
  border-bottom: 1px solid #84553a;
}
.faq__list a::after {
  font-family: 'FontAwesome';
  content: '\f078';
  position: absolute;
  float: right;
  right: 1rem;
  font-size: 1rem;  
  padding: 4px;
  width: 30px;
  height: 30px;  
  border-radius: 50%;
  border: 1px solid #000;
  text-align: center;
}
.faq__list a.active::after {
  font-family: 'FontAwesome';
  content: '\f077';
  color: #84553a;
  padding: 2px;
  border: 1px solid #84553a;
}
.faq__list .faq__answer {
  opacity: 0;
  padding: 0 1rem;
  max-height: 0;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  clear: both;  
  transition: all 0.2s ease 0.15s;
}
.faq__list .faq__answer p {
  font-size: 1rem;
  font-weight: 300;
  text-align: justify;
  margin: 1px 0;
}

.faq__list .faq__answer.active {
  opacity: 1;
  padding: 1rem;
  max-height: 100%;  
  transition: all 0.35s ease 0.15s;
}

.faq__item a {
    font-weight: 700;
    font-size: 18px;
}

.faq__answer {
    background-color: #fdf5e2;
    margin: 7px;
    border-radius: 15px;
}

.faq__answer span {
    font-weight: 700;
}


/* Territory ===============================================*/

#territory {    
    padding: 45px 0;
}

.territory__intro  {
    text-align: justify;
    margin: 0 auto;
    width: 80%;    
}

.territory__outro h3 {
    font-weight: 400;
    text-align: center;
}

.territory__intro p {
    margin-bottom: 55px;
}

.territory__about {
    position: relative;
    margin: 0 auto;
    width: 80%;
    display: flex;
    flex-direction: column;
}

.territory__card {
    margin: 30px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.territory__text {
    width: 40%;
    vertical-align: middle;
}

.territory__image {
    margin-left: 40px;
    margin-bottom: 50px;
    width: 60%;
    text-align: left;    
}

.territory__image.right {
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 40px;
    margin-top: 50px;
    text-align: right;
}

.territory__image img {
    margin: 5px;
    width: 250px;
    border-radius: 15px;
}


.territory__list ul {
    list-style: none;
}

.territory__list li {
    margin: 10px 0;
}

.territory__alisa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 190px;
    text-align: center;
}

.territory__alisa img {
    width: 80px;
}

/* Territory Carousel */

.tr__gallery {
    margin-top: 45px;
    width: 100%;    
    position: relative;
}

.swiper-slide.tr-slide img {
    max-width: 900px;
    border-radius: 15px;
    margin: 0 auto;
}

.tr-swiper-navigation {
    position: absolute;
    top: 50%;	
	width: 100%;	
}

.swiper-button-next.tr-next,
.swiper-button-prev.tr-prev {
    color: #84553a;
}

.tr-dots {
    display: flex;
    justify-content: center;
    column-gap: 7px;
    margin-top: 10px;
}

.dott {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #84553a;
    cursor: pointer;
}

.dott_active {
    background-color: #84553a;
}

/* Houses Cards ===============================================*/

#houses {    
    padding: 25px 0 65px 0;
}

.houses__content {
    margin-top: 55px;
}

.houses__info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;    
    gap: 10px;
}

.house__card {
    padding-bottom: 50px;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid;
}

.house__card.final {
    padding-bottom: 0;
    border-bottom: none;
}

.house__gallery {    
    max-width: 55%;
}

.houses__title {
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;    
}

.houses__desc {  
    position: relative;   
    width: 45%;    
    margin-left: 12px;    
    text-align: left;    
}

.houses__desc.right {    
    margin-left: 0;
    margin-right: 12px;       
}

.houses__desc p {
    margin: 8px 0;
}

.house__headline {    
    margin-bottom: 25px;
    text-transform: uppercase;
    font-family: 'CyrillicOld', sans-serif;
    font-weight: 500;
    font-size: 28px;
    text-align: center;    
}

.house__headline span {
    font-family: 'Roboto', sans-serif;
}

.house__info {
    text-align: center;
}

.house__description {        
    font-size: 18px;
    font-weight: 500;
    text-align: center;    
    vertical-align: middle;
}

.house__description p {
    margin: 2px 0;    
}

.house__features {    
    margin: 25px;
}

.house__list {    
    text-align: left;
    margin-left: 50px;
}

.house__feat {
    width: 35px;
    height: auto;
    vertical-align: middle;
    margin-right: 25px;
}

.house__feat.kr {
    width: 32px;
    margin-left: 1px;    
    margin-right: 28px;
}

.hf {
    margin: 0 25px;
}

.house__common {
    width: 75%;
    margin: 25px auto;
    background-color: #fdf5e2;    
    border-radius: 30px;
    padding: 10px;
}

.house__common .house__description {
    margin-top: 25px;
}

.house__button {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 34px;
}

.house__button-inner {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
}

#details-button,
#details-button_02,
.house__btn {            
    padding: 14px 50px;
    border-radius: 2px;
    border: 0;
    cursor: pointer;
    font-family: 'CyrillicOld', sans-serif;
    font-size: 16px;
    color: #fff;
    text-align: center;    
    text-transform: uppercase;
    text-decoration: none;
    background-color: #7e501b;
    margin-bottom: 25px;
}

/* House Gallery*/

.swiper-slide.hg-slide img {
    border-radius: 15px;
}

.swiper-button-prev.hg-prev,
.swiper-button-next.hg-next {
    color: #fff;
}

.hg-dots {
    display: flex;
    justify-content: center;
    column-gap: 7px;
    margin-top: 10px;
}

.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #84553a;
    cursor: pointer;
}

.dot_active {
    background-color: #84553a;
}

/* Modal */

.modal,
.modal_02 {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  top: -1000px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow-y: scroll;
  padding: 60px 15px;
}
 
.modal_active {
  position: fixed;
  top: 0;
  visibility: visible;
  opacity: 1;
  transition: .3s;
}

.modal__content {
  width: 100%;
  max-width: 1400px;
  padding: 25px;  
  background: #faedca;
  border-radius: 15px;
  position: relative;
  box-shadow: 0 5px 15px black;   
}

.modal__content p {
    text-align: justify;
}

.modal__title {
    font-size: 30px;
    text-transform: uppercase;
    margin: 0 0 15px;    
    text-transform: uppercase;
    font-family: 'CyrillicOld', sans-serif;
    font-weight: 500;    
    text-align: center;
}

.modal__subtitle {
    font-size: 18px;
    text-align: center;
    margin-bottom: 25px;
}

.modal__close-button {
  background: #ff0000;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  background: none;
  cursor: pointer;
  transition: .3s;
  outline: none;
}
 
.modal__close-button:hover {
  transition: .3s;
  transform: rotate(180deg);
}

.modal__close-button img {
    width: 45px;
    height: auto;
}

.modal__description {
    display: flex;
    flex-direction: column;
    justify-content: space-between;    
    padding: 15px;    
    background-color: #fdf5e2;
    border-radius: 15px;
}

.modal__text {
    width: 100%;
    margin-bottom: 25px;
}

.modal__details {
    width: 100%;    
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    
}

.modal__list-left,
.modal__list-right,
.modal__list-middle {
    font-size: 16px;
    width: 20%; 
}

.modal__text p {
    margin: 3px 0;
    font-size: 16px;
}

.modal__video {
    align-self: center;
    aspect-ratio: 16/9;
    width: 100%;
    max-width: 560px;
    margin-bottom: 1em;
    
}

.modal__video iframe {
    width: 100%;       
    display: block;
}

.hidden {
    overflow: hidden;
}

/* Feedback ===============================================*/

#feedback {    
    padding: 45px 0 25px 0;
}

.feedback__content {    
    margin-top: 45px;
    position: relative;
}

.slider__box {
	margin-top: 50px;
	width: 70%;
	margin: 0 auto;
}

.swiper.fbSwiper {
 	width: 85%;
	height: 100%;
}

.swiper-navigation {
    position: absolute;
    top: 50%;
	display: flex;
	justify-content: space-between;          
	width: 100%;
	margin: 0 auto;
}

.swiper-button-next.fb-next,
.swiper-button-prev.fb-prev {
	color: #84553a;
}

.swiper-pagination-bullet-active {
  background-color: #84553a !important;
}

.swiper-slide {
        text-align: center;
        font-size: 16px;        
}

.swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
}

.slider_ball {
	width: 60px;
	height: 60px;
	border-radius: 30px;
	background-color: #003580;
	font-family: Segoe UI, sans-serif;
	font-size: 30px;
	font-weight: 500;
	line-height: 55px;
	color: #fff;
	margin: 0 auto;
	margin-bottom: 5px;
}

.slider_ball_ya {
	width: 60px;
	height: 60px;
	border-radius: 30px;
	background-color: #FC3F1D;
	font-family: Segoe UI, sans-serif;
	font-size: 30px;
	font-weight: 500;
	line-height: 55px;
	color: #fff;
	margin: 0 auto;
	margin-bottom: 10px;
}

.slider_link {
	margin-bottom: 15px;
}

.slider_link a {
	font-size: 16px;
	font-style: italic;
	color: #888;
	text-decoration: none;
}

.slider_name {
    margin: 15px 0;
	font-size: 20px;
	font-weight: 400;
	color: #000;	
}

.slider_date {
	margin: 5px 0;
    font-size: 14px;
	color: #4e4e4e;	
}

.slider_card {    
    display: flex;
    flex-direction: column;        
}

.slider_text {
    margin: 1px;        
	text-align: justify;
	line-height: 1.1;
}

p.bubble {
    position: relative;        
    width: 100%;
    max-width: 900px;    
    line-height: 1.2;    
    background-color: #fdf5e2;    
    border-radius: 30px;
    padding: 20px;    
}

p.bubble span {    
    display: block;    
    font-size: 20px;    
    color: #ff0101;
    text-align: center;
}

p.bubble:before,
p.bubble:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;    
}

p.speech:before {
    left: 85px;
    bottom: -50px;
    border: 25px solid;
    border-color: #333 transparent transparent #333;
}

p.speech:after {
    left: 85px;
    bottom: -51px;
    border: 26px solid;
    border-color: #fdf5e2 transparent transparent #fdf5e2;
}

.slider_author {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    vertical-align: middle;
}

.slider_pic {
    width: 120px;
}

img.slider_pic {
    width: 15%;
    height: auto;
}

.feedback__more {
    width: 40%;
    margin: 0 auto;
    padding-top: 15px 0;
    text-align: center;
    font-size: 20px;
    border: solid 1px #fdf5e2;
    background-color: #fdf5e2;    
    border-radius: 15px;
}

.feedback__more a {
    text-decoration: none;
    color: #000;
}

.feedback__more span {
    color: #ff0101;
}

/* Contacts ===============================================*/

#contacts {    
    padding: 45px 0;
}

.contacts__content {
    font-family: 'Roboto', sans-serif;        
    font-size: 18px;
    margin-top: 45px;
}

.contacts__content p {
    text-align: center;
}

.contacts__coord p {
    margin: 5px 0;
}

.contacts__address {
    width: 40%;
    background-color: #fdf5e2;
    padding: 5px 0;
    margin: 0 auto;
    border-radius: 15px;
}

.contacts__phones {
    margin: 40px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.contacts__unit {
    width: 25%;
    background-color: #fdf5e2;
    padding: 5px 0;
    border-radius: 15px;
}

/* .contacts__coord {
    width: 25%;
    background-color: #fdf5e2;
    padding: 8px 0;
    border-radius: 15px;
    margin: 0 auto;
    margin-top: 40px;
} */

.map {
    margin: 40px 0;
    padding: 0 5px;    
}

.howto {
    text-align: center;    
}

.howto__text {        
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
}

.howto__text p {
    margin: 20px 0;
}

.howto__text ul, ol li{
    text-align: left;
    margin: 3px 0;    
}

.howto__map {
    margin-top: 50px;
}

.howto__map img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
}

.contacts__btn {
    display: inline-block;
    vertical-align: top;
    padding: 14px 40px;
    border-radius: 2px;
    border: 0;
    cursor: pointer;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #ff0101;
    -webkit-transition: background .1s linear;
    -o-transition: background .1s linear;
    transition: background .1s linear;
    margin-bottom: 25px;
}

/* Footer ===============================================*/

.footer {
    background-color: #483924;
    height: 73px;
    width: 100%;    
}

.footer h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    text-transform: uppercase;    
    padding-top: 30px;
}

/* Houses Slider ===============================================*/

.home-slider {    
    display: flex;     
    align-items: stretch;
    padding-top: 20px;
    padding-bottom: 20px;
}

.home-slider__item {    
    object-fit: cover;
    margin: 0 auto;
}

/* Burger ===============================================*/

.burger {
    display: none;
}

.burger__item {
    display: block;
    width: 30px;
    height: 3px;
    background-color: #fff;
    font-size: 0;
    color: transparent;
    position: relative;
}

.burger__item:before,
.burger__item:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
    background-color: #fff;
}

.burger__item:before {
    top: -8px;
}

.burger__item:after {
    bottom: -8px;
}

/* Cookie ==============================================*/

.warning {
	position: fixed;
	bottom: 15px;
	left: 50%;
	display: none;
    max-width: 90%;
    transform: translateX(-50%);    	
	padding: 10px 15px;
    border-radius: 5px;
	box-sizing: border-box;
	background-color: #D6B792;
    font-family: 'Raleway', sans-serif;
    text-align: justify;
    font-weight: 500;
    z-index: 1000;
}

.apply__btn {
    align-content: center;
}

.warning--active {
	display: flex;
}

.warning__apply {
    display: inline-block;
    vertical-align: top;
    padding: 14px 20px;
    border-radius: 2px;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #ff0101;
    -webkit-transition: background .1s linear;
    -o-transition: background .1s linear;
    transition: background .1s linear;
}

.warning__text {
	margin-right: 30px;
}

.warning__text a {
    text-decoration: none;
    color: #000;
}

.warning__read {
	display: block;
	margin-left: 15px;
}

/* Media ===============================================*/

@media (max-width: 1142px) {
    .territory__about {
        width: 95%;
    }
}

@media (max-width: 1119px) {
    
    .nav {
        font-size: 14px;
        font-weight: 400;
    }
    
    .nav__link {
        margin-left: 10px;
    }

    .header__phones {
        margin: 0 23px 0 14px;
    }
    .header__phones p {
        font-size: 16px;
    }
    .header__inner {
        margin: 0 20px;
    }

    .headline {
        margin: 0 20px;
    }

    .intro__title {
        font-size: 30px;
    }

    .modal__content {
        padding: 10px;
        padding-bottom: 25px;
    }

    .house__button-inner {
        margin-top: 25px;
    }

    .complex__map__content img {
        display: block;
        margin: auto;
        width: 95%;        
    }    
}

@media (max-width: 991px) {

    .nav {
        display: none;
        width: 100%;
        text-align: right;
        flex-direction: column;
        position: absolute;
        top: 100%;
        right: 0;
        background-color: rgba(0, 0, 0, .7);        
    }

    .nav.show {
        display: flex;
    }

    .nav__link {
        padding: 9px 15px;        
    }
    
    .header__logo img {
        width: 100px;
    }

    .burger {
        display: block;
    }

    .modal__description {        
        justify-content: space-around;
        align-items: center;
    }   
    
    .modal__text {
        width: 95%;
        margin-bottom: 15px;
    }

    .modal__details {
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }
        
    .modal__list-left,
    .modal__list-right,
    .modal__list-middle {
        width: 55%;        
    }
      
    .prefs__title h4 {
        font-size: 16px;        
    }

    .prefs__list li {
        margin: 5px 0;
    }

    .about__text {
        max-width: 95%;
    }

    .about__text p {
        margin: 0;
    }

    .prefs__card {
        max-width: 95%;
    }

    .headline h2 {
        font-size: 20px;
    }
    .home__headline {
        font-size: 20px;
    }
    
    .home__inner {
        width: 95%;
        margin: 0 auto;
    }
    
    .house__card { 
        flex-direction: column;        
        align-items: center;
    }
    
    .house__card.final {
        margin-bottom: 20px;
    }

    .house__headline {
        margin-top: 20px;
    }

    .house__card.even {
        flex-direction: column-reverse;
    }
    
    .house__gallery {
        max-width: 90%;
    }
    
    .home-slider__item {
        width: 100%;
    }
    
    .hg-dots,
    .swiper-button-next.hg-next,
    .swiper-button-prev.hg-prev {
        display: none;
    }

    .house__info {
        width: 80%;
        margin: 0 auto;
    }
    
    .houses__desc {
        width: 95%;            
    }
     
    .house__button {
        bottom: -20px;
    }

    .territory__intro {
        width: 95%;
    }
    
    .territory__intro p {
        margin-bottom: 15px;
    }
    
    .territory__card {
        margin-top: 5px;
    }
    
    .tr__gallery {
        width: 95%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .tr-swiper-navigation,
    .tr-dots {
        display: none;
    }

    .feedback__more {
        width: 80%;
    }

    .warning {
        font-weight: 400;
        font-size: 14px;
        padding: 0 5px;
        bottom: 5px;
    }
    
    .warning__apply {
        margin: 0 10px;
        padding: 10px 5px;
        font-weight: 500;
        font-size: 12px;
    }
    
    .warning__text {
	margin-right: 5px;
    }

    .swiper-navigation {
		display: none;
	}
}

@media (max-width: 962px) {
    .territory__card {
        flex-direction: column;
    }
    
    .territory__alisa {
        position: relative;
        bottom: -60px;
    }
    
    .territory__image, .territory__image.right {
        width: 90%;
        margin: 0;
    }
    
    .territory__image br {
        display: none;
    }
    
    .territory__text {
        width: 50%;        
    }
    
    .territory__card.sec {
        flex-direction: column-reverse;
    }
}
    
@media (max-width: 926px) {
    
    .territory__image, .territory__image.right {
        text-align: center;
    }
    
}

@media (max-width: 899px) {
    .territory-img {
        width: 90%;
    }
}


@media (max-width: 830px) {
    .intro__title {
        font-size: 25px;
    }

    .prefs__card {
        width: 100%;
    }

    .prefs__list, .prefs__list.right {
        margin: 0;                
    }

    .prefs__list, .prefs__list.right, .prefs__img, .prefs__img.left  {
        width: 50%;
    }

    .prefs__list ul {
        padding-left: 10px;
    }

    .faq__list {
        display: flex;
        flex-direction: column;
        align-items: center;        
}

    .faq__block {
        width: 90%;
}

}

@media (max-width: 710px) {
    
    .header__logo img {
        width: 90px;
    }
    
    .about__text {
        margin: 0 auto;
    }
 
    .about__img {
        flex-direction: column;
    }
    .about__text, .about__preferences {
        width: 98%;
        margin: 0 auto;
    }
    
    .house__gallery {
        max-width: 98%;
    }

    .house__info {        
        margin: 0 auto;
    }

    .houses__desc {
        padding: 0;
        margin: 0;
    }

    .modal__list-left,
    .modal__list-right,
    .modal__list-middle {
        width: 75%;        
    }

    .home-slider {
        padding-top: 0;
    }

    .prefs__card, .prefs__card.sec {
        flex-direction: column;
        justify-content: center;
    }

    .prefs__list, .prefs__list.right, .prefs__img, .prefs__img.left {
        width: 100%;
        text-align: center;
    }

    .prefs__img img {
        float: none;        
    }

    .prefs__img.left img {
        float: none;
    }

    .prefs__list li {
        margin: 1px 0;
    }
   
    .rules__cats {                   
        flex-direction: column;
        align-items: center;     
    }

    .rules__yes, .rules__info, .rules__no {
        width: 70%;
        height: 220px;
        max-width: 80%;
        margin: 5px 0;
    }

    .info__image {
        width: 35px;
        margin: 10px 0 6px 0;
        text-align: center;
    }
    
    .info__img, .yes__img, .no__img {
        font-size: 50px;
    }

    .territory-img {
        width: 98%;
    }

    .territory__list li {
        margin: 5px 0;
    }
    
    .warning--active {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .warning__apply {
        margin: 2px 0;        
    }
    
    .warning__text p {
        margin: 2px;
    }
}

@media (max-width: 499px) {
    .header__soc svg {
        margin: 0;
        width: 25px;
    }
   
    .houses__desc {
        width: 98%;
    }

    .about__title {
        margin: 25px 0;
    }

    .about__title h4 {
        font-size: 17px;
    }
    
    .territory__text {
        width: 80%;
    }
    
    .faq__item a {
        height: 65px;
    }

    .swiper-slide {
        font-size: 14px;
    }
    
    p.bubble {
        padding: 5px 7px 10px 7px;
    }

    .slider_name {
        font-size: 16px;
        font-weight: 300;
        margin: 0;
    }

    .feedback__more {
        width: 90%;
        font-size: 16px;
    }
}

@media (max-width: 412px) {    
    
    .header__inner {
        margin: 0 6px;
    }
    
    
    .header__phones p {
        font-size: 14px;
    }
    
    .headline, .headline.right {
        text-align: center;
    }
    
    .contacts__phones {
        flex-direction: column;
    }
        
    .about__title h2 {
        font-size: 18px;
    }
    
    .about__leaf {
        margin: 0;
    }

    .rules__yes, .rules__info, .rules__no {
        width: 75%;
        height: 240px;
    }

     .info__img, .yes__img, .no__img {
        font-size: 40px;
    }

    .faq__block {
        width: 95%;
    }

    .faq__item a {
        font-weight: 400;
        font-size: 16px;
    }

    .warning {
        font-size: 12px;
    }
}

@media (max-width: 362px) {
    .about__leaf {
        display: none;
    }

    .header__inner {
        justify-content: space-around;
    }

    .header__logo {
        display: none;
    }

    .header__phones {
        margin-right: 15px;
    }
}