*{margin: 0; padding: 0;}

html{overflow-x: hidden;}
body {word-break: break-all; word-break: break-word; grid-template-rows: auto 1fr auto; overflow: hidden; min-width: 320px; min-height: 100vh; font-family: 'Inter', sans-serif; background: #efefef;}

a{display: block; text-decoration: none; color: #000;}

#loader {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000;}
.mobil{display: none;}

.back-img {background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important;}
.item-block{box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.11), 0px 0px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; background: #fff;}
svg{color: #00307D;}
.rotate{transform: rotate(90deg);}



/*------------------- ���� -------------------*/
.grid{display: grid;}
.ji-e {justify-items: end;}
.ji-c {justify-items: center;}
.ai-c {align-items: center;}
.grm10 {grid-column-gap: 10px; grid-row-gap: 10px;}

/*---------------- ������ -------------------*/
h1{font-family: 'Inter', sans-serif; font-style: normal; font-weight: 600; font-size: 38px; line-height: 110%; text-transform: uppercase;}
h2{font-family: 'Inter', sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 120%; text-transform: uppercase;}
h3{font-family: 'Inter', sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 120%; text-transform: uppercase;}

h4{font-family: 'Inter', sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 150%;}
.capture{font-family: 'Inter', sans-serif; font-style: normal; font-weight: 600; font-size: 20px; line-height: 120%;}
.body-1{font-family: 'Inter', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 150%; color: #111111;}
.body-2{font-family: 'Inter', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 140%; color: #606060;}


.links{font-family: 'Inter', sans-serif; cursor: pointer; font-style: normal; font-weight: 400; font-size: 14px; line-height: 120%; text-decoration-line: underline; color: #4E9634;}
.links:hover, .links:focus{color: #238400;}

/*-------------------- ����� -------------------------*/
.container{width: 100%; max-width: 1440px; margin: 0 auto;}
@media (max-width: 1440px) {
    .container{max-width: 100%;}
}
.otstup{max-width: 1160px; margin: 0 auto;}
@media (max-width: 1200px) {
    .otstup{padding: 0 20px;}
}
@media (max-width: 768px) {
    .otstup{padding: 0 16px;}
}


/*-----------------------------������ �����------------------------------*/
.arrow-top {display: none; width: 60px; height: 60px; cursor: pointer; border-radius: 10px; position: fixed; bottom: 10px; right: 15px; background: #00307D;}
.arrow-top.vid{display: grid !important;}

/*-----------------------------��������� ����----------------------------*/
.close{display: none;}
#mob-menu{width: 100%; height: 100%; top: 0; left: 0; background: #4E9634; position: fixed; z-index: 9999999; grid-template-rows: 60px 1fr 30%;}
#mob-menu a{color: #fff;}
#mob-menu a:hover{color: #238400; text-decoration: underline;}
#mob-menu .section-3 a{margin: 20px 0;}
#mob-menu .section-2{grid-template-rows: 2fr repeat(8, 1fr);}
#mob-menu .section-1{height: 60px; padding: 0 20px; grid-template-columns: 1fr 24px;}
#mob-menu img{width: 90px;}

/* -------------------------------------- ����� -------------------------------------*/
.content-bloks{justify-content: space-between; gap: clamp(5px, 2vw, 40px);}
.content-bloks.b2{grid-template-columns: repeat(2, minmax(200px, 1fr));}
.content-bloks.b3{grid-template-columns: repeat(3, minmax(200px, 1fr));}
.content-bloks.b4{grid-template-columns: repeat(4, minmax(200px, 1fr));}
.content-bloks.b5{grid-template-columns: repeat(5, minmax(200px, 1fr));}

.content-bloks svg{width: 52px;}
.item-block{padding: 28px 20px; grid-template-rows: min-content 1fr auto;}
.content-bloks .item-block li{padding-bottom: 8px; font-size: 14px;}
.content-bloks .but-item{height: 40px; width: 150px;}
.content-bloks .but-item:hover{background: #238400 !important;}
.content-bloks .title{grid-template-columns: 1fr auto; align-items: center;}
.content-bloks ul{padding: 20px 0 0 25px;}
.content-bloks .but{padding-top: 20px; grid-template-columns: auto 150px;}

@media (max-width: 768px) {
    .content-bloks.b2{grid-template-columns: 1fr;}
    .content-bloks{gap: 20px;}
}

/*--------------------------------------- �������-���� ---------------------------------*/
#content-menu{width: 100%; background: #B8C9E5; position: relative; justify-content: center;}
#content-menu>div{grid-auto-flow: column; grid-auto-columns: max-content; margin: 0 auto;}
#content-menu>div>div{height: 68px; padding: 0 20px; border-radius: 10px 10px 0 0;}
#content-menu .active{background: #fff; cursor: default; position: relative;}
#content-menu a{color: #606060; transition: all 0.3s ease;}
#content-menu a:hover{color: #000;}
#content-menu .closes h2{color: #606060; transition: all 0.3s ease; cursor: pointer;}
#content-menu .closes h2:hover{color: #000;}
.prodaja.closes, .arenda.closes{display: none;}
/*������*/
#content-menu .active:before {content: ""; position: absolute; right: -10px; bottom: 0; width: 10px; height: 10px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23fff' d='M50 50H0V0c3.6 26 24 46.4 50 50z'/%3E%3C/svg%3E");
background-size: contain; background-repeat: no-repeat;}
#content-menu .active:after {content: ""; position: absolute; left: -10px; bottom: 0; width: 10px; height: 10px; 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23fff' d='M0 50h50V0C46.4 26 26 46.4 0 50z'/%3E%3C/svg%3E");
background-size: contain; background-repeat: no-repeat;}
@media (max-width: 768px) {
    #home #content-menu>div, #object #content-menu>div{grid-template-columns: 1fr 1fr; margin: 0;}    
    #content-menu{justify-content: normal;}
    #content-menu>div>div{justify-items: center;}    
    #content-menu>div>div:first-child {border-radius: 0 10px 0 0;}
    #content-menu>div>div:last-child {border-radius: 10px 0 0 0;}
    #news #content-menu>div, #smi #content-menu>div, #about #content-menu>div, #deals #content-menu>div, #indicat #content-menu>div, #prices_map #content-menu>div{grid-template-columns: 1fr 1fr 1fr; margin: 0;}
    #news #content-menu h2, #smi #content-menu h2, #about #content-menu h2, #deals #content-menu h2, #indicat #content-menu h2, #prices_map #content-menu h2{font-size: 16px; text-align: center;}    
}
@media (max-width: 600px) {
    #home #content-menu h2, #object #content-menu h2{font-size: 14px; max-width: 138px; text-align: center;}
    #news #content-menu h2, #smi #content-menu h2, #about #content-menu h2, #deals #content-menu h2, #indicat #content-menu h2, #prices_map #content-menu h2{font-size: 14px;}
    #news #content-menu>div, #smi #content-menu>div, #about #content-menu>div, #deals #content-menu>div, #indicat #content-menu>div, #prices_map #content-menu>div{padding: 0;}
    #news #content-menu>div>div, #smi #content-menu>div>div, #about #content-menu>div>div, #deals #content-menu>div>div, #indicat #content-menu>div>div, #prices_map #content-menu>div>div { padding: 0 14px;}    
}

/* --------------------- HEADER ------------------*/
header {z-index: 2; position: relative;}
#top-menu{background: #fff; width: 100%;}

.main-bar{background: #4E9634; box-sizing: border-box;}
.main-bar img{width: 188px; display: inline;}
.main-bar>div{grid-template-columns: auto 1fr minmax(350px, 2fr) auto; height: 60px;}
.main-bar .phone a{color: #fff; padding-top: 5px; display: inline-block;}
.main-bar .phone a:first-child{padding: 0 20px 0 0;}
.but-top{background: #00307D; border-radius: 10px; font-weight: 300; font-size: 14px; width: 176px; height: 40px; color: #fff;}
.but-top:hover{background: #238400;}
.search-1{margin-right: 20px;}

.too-bar{box-shadow: 0px 4px 4px 0px #0000001A;}
.too-bar .otstup{grid-template-columns: auto 1fr 25px 25px; grid-column-gap: 12px; width: 100%; height: 60px; box-sizing: border-box;}
.too-bar ul{list-style: none; grid-template-columns: repeat(8, auto);}
.too-bar li{display: block; height: 60px; padding: 20px 18px; box-sizing: border-box;}
.too-bar li:first-child{padding: 20px 18px 20px 0;}
.too-bar li:last-child{padding: 20px 18px;}
.too-bar a{color: #00307D; font-weight: 400;}
.too-bar .active{background: #238400;}
.too-bar .active a{color: #fff !important;}

.too-bar svg {cursor: pointer; display: block;}
.too-bar svg path {fill: white; stroke: #00307D; stroke-width: 1;}
.too-bar svg:hover path { fill: #00307D !important; stroke: #00307D !important;}

@media (max-width: 1440px) {
    .too-bar li:first-child{padding: 20px 16px 20px 0;}
    .too-bar li:last-child{padding: 20px 16px;} 
}

@media (max-width: 1200px) {/*��������*/ 
    .main-bar img{width: 160px;}
    .too-bar li{font-size: 14px; padding: 22px 12px 20px;}
    .too-bar li:first-child{padding: 22px 12px 20px 0;}
    .too-bar li:last-child{padding: 22px 12px 20px;}
}

@media (max-width: 992px) {/*��������*/
    .main-bar img{width: 140px;}
    .too-bar li{padding: 22px 7px 20px;}
    .too-bar li:first-child{padding: 22px 7px 20px 0;}
    .too-bar li:last-child{padding: 22px 7px 20px;}
}

@media (max-width: 800px) {
    .too-bar li{padding: 22px 5px 20px; } 
    .too-bar li:first-child{padding: 22px 5px 20px 0;}
    .too-bar li:last-child{padding: 22px 5px 20px;}     
}

@media (max-width: 768px) {
    .main-bar img{width: 90px;}
    .too-bar, .main-bar .phone, .but-top{display: none;}
    .main-bar>div{grid-template-columns: auto 1fr auto auto auto;}
    .mobil{display: block;}    
    .search-1 svg {display: block;}
    .search-1 svg path {fill: #4E9634; stroke: #fff; stroke-width: 1;}   
    body.fixed #top-menu{position: fixed; top: 0;}
    body.fixed{padding-top: 60px;}
    #content-menu.m-fix{top: 60px !important; position: fixed !important; z-index: 1;}
    main.m-fix{margin-top: 60px!important;}
}
/* --------------------- END HEADER ------------------*/



/* --------------------------------------------------- ������� -------------------------------------------------*/
#top-baner{width: 100%; height: 324px; background-image: url('../img/img_home_2.webp');}
#top-baner .info{grid-template-rows:  35% 30% 35%; height: 304px; padding-top: 10px; box-sizing: border-box;}
#top-baner h4{color: #00307D; width: 520px;}
#top-baner h1{text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); color: #fff; width: 520px;}
#top-baner .three{margin-top: 10px; width: 520px;}
#top-baner .capture{background: #00307D; opacity: 0.8; height: 67px; padding: 0 15px; border-radius: 10px; color: #fff; font-weight: 400;}

@media (max-width: 768px) {
    #top-baner{background-position: 20% center !important;}
    #top-baner .info, #top-baner{height: 615px; width: 100%;}
    #top-baner .info{grid-template-rows:  25% 45% 30%;}
    #top-baner h4{width: 100%;}
    #top-baner h1{max-width: 320px;}
    #top-baner .capture{height: auto; padding: 15px; font-size: 16px;} 
    #top-baner .three{width: 100%;}
    #home #bl-map{background: #E9EFFA;}
}

/* ������� � ������ �������� */
.bl-prod{background: #fff; width: 100%;}
.bl-prod svg{width: 32px;}
.prodobj{padding-top: 30px;}
.prodobj a:hover{background: #00307D; color: #fff;}
.prodobj a:hover p{color: #fff;}
.prodobj a:hover svg * {color: #fff !important;}
.sec-1, .sec-2{grid-template-columns: repeat(3, 360px); justify-content: space-between;}
.sec-1 .item-block{grid-template-rows: auto auto 1fr; }
.sec-1 h4{margin-top: 10px;}
/* ������������� ������� */
.but-item{background: #4E9634; border-radius: 10px; color: #fff; text-align: center;}
.but-item a{color: #fff; margin-top: 8px; display: inline-block;}
.sec-2{margin-top: 40px; padding-bottom: 50px;}
.bl-prod .but-item{height: 100px; padding: 0 10px;}
.bl-prod a.but-item:hover{background: #238400;}
@media (max-width: 1440px) {
    .sec-1, .sec-2{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(10px, 2vw, 60px);}
}
@media (max-width: 768px) {
    .sec-2{margin-top: 40px;}
    .sec-1, .sec-2{ grid-template-columns: 100%; gap: clamp(20px, 2vw, 60px);}      
}

/* ����� */
#bl-map{background: #E9EFFA; padding: 60px 0;}
#bl-map .content-bloks{width: 100%; box-sizing: border-box;}

.map-item{border-radius: 10px; color: #fff; text-align: center; height: 240px; position: relative;}
.map-item:hover .back-img{opacity: 0;} 
.map-item div{border-radius: 10px;}
.absolut{width: 100%; height: 100%; top: 0; left: 0; position: absolute;}

@media (max-width: 1440px) {
    .map-item{height: 220px;}
}
@media (max-width: 1200px) {
      #bl-map{padding: 40px 0;} 
      #bl-map .content-bloks{grid-template-columns: repeat(3, minmax(200px, 1fr));}
}
@media (max-width: 992px) {
    .map-item{height: 180px;}
}

@media (max-width: 768px) {
    #bl-map{padding: 40px 0;}
    .map-item{height: 240px;} 
    #bl-map .content-bloks{grid-template-columns: 1fr; grid-row-gap: 20px;} 
}



/* ���� ����������� */
#bl-vosjm{background: #fff; box-sizing: border-box;}
#bl-vosjm h2{padding-top: 60px;}

#bl-vosjm>div{padding-top: 20px; padding-bottom: 60px; grid-row-gap: 30px;}
#bl-vosjm .back-img{text-align: center; background-image: url('../img/item-001.webp'); width: 100%; border-radius: 10px;}
#bl-vosjm h3{color: #fff; padding-bottom: 10px;}

#bl-vosjm .item-block{grid-template-rows: auto 1fr;  width: 100%; padding: 32px 28px 26px; box-sizing: border-box;}
#bl-vosjm .item-block>div{grid-template-columns: 1fr auto; grid-column-gap: 10px;}

#bl-vosjm .title{font-family: Inter; font-weight: 600; font-size: 16px; line-height: 120%;}
#bl-vosjm ul{padding: 10px 0 0 20px;}
#bl-vosjm li{line-height: 140%;}
#bl-vosjm ul li::marker {color: #00307D;}

@media (max-width: 1440px) {
    #bl-vosjm .item-block{padding: 28px 18px 22px;}    
}

@media (max-width: 1200px) {
   #bl-vosjm>div{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(10px, 2vw, 60px);} 
}

@media (max-width: 768px) {
     #bl-vosjm>div{ grid-template-columns: 1fr; grid-row-gap: 20px;} 
     #bl-vosjm .back-img{height: 340px;}     
}



/* --------------------------------------------------- ����� ������� -------------------------------------------------*/

/* --------------------------------------------------- ������ --------------------------------------------------------*/
.heart-icon {fill: #fff; stroke: #00307D; stroke-width: 1.5; transition: fill 0.3s ease; cursor: pointer;}
.heart-icon:hover {fill: #4E9634; stroke: #4E9634;}
.active .heart-icon{fill: #00307D !important; stroke: #00307D;}
.active .heart-icon:hover{fill: #00307D !important; }


#right-content .item-block{grid-column-gap: 15px; grid-template-columns: 135px 1fr 25px 125px; margin-bottom: 15px; width: 100%; min-height: 161px; padding: 16px; box-sizing: border-box;}
#right-content .info{grid-template-rows: 1fr 35px 40px;}
#right-content .but-item:hover{background: #238400 !important;}
#object ul.hidden{display: none;}
#object .ob-content{grid-column-gap: 20px;}
.dert{cursor: pointer;}
@media (min-width: 1200px) {
    #object .menu-bloks{grid-template-columns: 280px repeat(3, 1fr);grid-column-gap: 20px;}
}
@media (max-width: 768px) {
    #object .menu-bloks{grid-template-columns: repeat(4, auto); grid-column-gap: auto; justify-content: space-evenly;}
    #object .menu-bloks h4 {display: none;}
    #object .top-menu .active {margin: 10px !important;}
    #object .perehod {gap: 20px;} 
    #object .perehod .title{font-size: 14px;} 
    #right-content .item-block{margin-bottom: 20px !important;}
    .heart-icon {fill: transparent; stroke: #00307D; stroke-width: 1.5; transition: fill 0.3s ease;}
    .heart-icon:hover {fill: transparent; stroke: #00307D;}    
}
/* --------------------------------------------------- ����� ������ -------------------------------------------------*/



/* --------------------- �������� ------------------*/
#contact{background: #fff;}
#contact .addr{background: #EEEEEE; margin-bottom: 30px;}
#contact .addr svg{width: 24px;}
#contact .addr p{color: #000;}
#contact .addr-text{grid-template-columns: auto 1fr; grid-column-gap: 10px; padding-top: 20px;}
#contact .addr-text div a:last-child{margin-top: 8px;}
#contact .content-360-b{grid-template-columns: 360px auto; padding: 50px 0; grid-column-gap: 40px;}
#contact .info{grid-template-rows: auto 1fr;}
#contact h2{width: 277px; color: #606060; font-weight: normal;}
#contact h2 span{color: #000; font-weight: bold;}
#contact .info .item{padding-top: 20px;}
#contact .info .item-2{padding-bottom: 40px;}
#contact .map img{width: 100%;}
#contact .map div{grid-template-columns: repeat(3, 1fr); grid-column-gap: 10px; padding-top: 10px;}
@media (max-width: 1440px) {
    #contact .map div{grid-column-gap: 10px; padding-top: 5px; grid-template-columns: repeat(3, auto);}
    #contact .map a{font-size: 12px;}
    #contact .addr{padding: 20px 0;}
}
@media (max-width: 1200px) {
    #contact .addr{padding: 15px 0;}
    #contact .content-360-b{grid-template-columns: 300px auto; grid-column-gap: 20px;}
}

@media (max-width: 992px) {
    #contact .content-360-b{grid-template-columns: 1fr;}
    #contact .info{grid-template-rows: 1fr; grid-template-columns: repeat(2, 1fr); grid-column-gap: 40px; }
    #contact .map a{font-size: 14px;}    
}

@media (max-width: 768px) {
    #contact .info{grid-template-rows: auto auto; grid-template-columns: 1fr;}
    #contact .addr{padding: 30px 0;}
    #contact .map div{grid-template-columns: 1fr;}
    #contact .map a{font-size: 16px; padding-top: 10px;}
}



/* -------------------------------------- � ��� -------------------------------------*/
#about{background: #fff;}
#about article{max-width: 760px; margin: 0 auto; padding: 50px 0;}
#about article p.body-2{color: #000; padding-bottom: 20px; font-size: 14px; text-align: justify;}
#about article h3{padding-bottom: 20px; padding-top: 40px;}

#about article h5{margin-bottom: 10px;}
#about article li{color: #000; font-size: 14px; padding-bottom: 5px;}
#about article ul{padding: 0 0 20px 20px;}
#about article svg{width: 36px;}
#about article .ogl{background: #EEEEEE; grid-template-columns: 52px 1fr; height: 48px; padding-left: 15px;}
#about article .spis{grid-template-columns: repeat(3, 1fr); grid-column-gap: 10px; padding-top: 20px;}


@media (max-width: 768px) {
    #about article .spis{grid-template-columns: 1fr; }
    #about article ul{padding: 0 0 0 20px;}
    #about article .ogl{margin: 40px 0 0;}    
}


/* -------------------------------------- ������� -------------------------------------*/
#news{background: #fff;}
#news .content-bloks{padding-top: 40px; padding-bottom: 50px;}
#news .content-bloks .text{color: #000; padding: 20px 0 20px;}
#news .content-bloks .item-block{padding: 16px;}
#news .item-block a{color: #4682B4; display: inline !important;}
.content-bloks.news {grid-template-columns: repeat(4, 1fr);}
.content-bloks.news > *:nth-child(6n + 1) { grid-column: 1 / 3; }
.content-bloks.news > *:nth-child(6n + 2) { grid-column: 3 / 4; }
.content-bloks.news > *:nth-child(6n + 3) { grid-column: 4 / 5; } 
.content-bloks.news > *:nth-child(6n + 4) { grid-column: 1 / 2; }
.content-bloks.news > *:nth-child(6n + 5) { grid-column: 2 / 3; }
.content-bloks.news > *:nth-child(6n + 6) { grid-column: 3 / 5; }

@media (max-width: 1200px) {
    .content-bloks.news {grid-template-columns: repeat(3, 1fr);}
    .content-bloks.news > * {grid-column: auto !important;}
}
@media (max-width: 992px) {
    .content-bloks.news {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px) {
    .content-bloks.news {grid-template-columns: 1fr;}
}


/* -------------------------------------- ��� -------------------------------------*/
#smi{background: #fff;}
#smi .content-bloks{padding-top: 40px; padding-bottom: 50px;}
#smi .content-bloks img{width: 77px;}
#smi .content-bloks .title{height: 36px; color: #000;}
#smi .content-bloks .text{padding-top: 20px; color: #000;}
#smi .content-bloks .item-block{padding: 20px;}
#smi .content-bloks .links{margin-top: 20px;}

@media (max-width: 1200px) {
   #smi .content-bloks.b4{grid-template-columns: repeat(3, minmax(200px, 1fr));}
}
@media (max-width: 992px) {
   #smi .content-bloks.b4{grid-template-columns: repeat(2, minmax(200px, 1fr));}
}
@media (max-width: 768px) {
   #smi .content-bloks.b4{grid-template-columns: 1fr;}
}



/* -------------------------------------- ������� -------------------------------------*/
#laws{background: #fff;}
#laws .content-bloks{padding-top: 30px; padding-bottom: 50px;}
#laws .item-block{height: 200px !important; }
#laws .content-bloks a{display: block; position: relative;}
#laws .content-bloks h2{font-weight: 400;}
#laws .content-bloks div{box-sizing: border-box; text-align: center; color: #fff; padding: 30px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px;}

@media (max-width: 992px) {
    #laws .content-bloks.b3{grid-template-columns: repeat(2, minmax(200px, 1fr));}
}
@media (max-width: 768px) {
    #laws .content-bloks.b3{grid-template-columns: 1fr;}
}



/* -------------------------------------- ��������� -------------------------------------*/
#laws-main{background: #fff;}
#breadcrumbs{padding: 20px 0 30px 0; }
#breadcrumbs a{display: inline-block;}
#breadcrumbs span{color: #00307D;}
#laws-main .content-bloks{ padding-bottom: 50px;}
#laws-main h4{text-align: center;}
#laws-main svg{padding-bottom: 10px;}
#laws-main .img{text-align: center;}
#laws-main .item-block div{grid-template-columns: 1fr 1fr;}
#laws-main .item-block {grid-template-rows: 75px auto;}
#laws .content-bloks a{display: block; position: relative;}
#laws .content-bloks h2{font-weight: 400;}
#laws .content-bloks div{box-sizing: border-box; text-align: center; color: #fff; padding: 30px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px;}

@media (max-width: 1200px) {
    #laws-main h4{text-align: center; line-height: 20px;}
}
@media (max-width: 992px) {
   .content-bloks.b3{grid-template-columns: repeat(2, minmax(200px, 1fr));}
}
@media (max-width: 768px) {
   .content-bloks.b3{grid-template-columns: 1fr;}
}



/* -------------------------------------- ������� -------------------------------------*/
#laws-main{background: #fff;}
#laws-main article{max-width: 760px; margin: 0 auto; padding-bottom: 50px;}
#laws-main .map{width: 100%;}
#laws-main .map-2{width: 80%; padding-top: 30px;}
@media (max-width: 768px) {
    #laws-main .map-2{width: 100%;}
}
.genplan h2{margin-top: 100px; font-weight: 600; font-size: 22px;}
.genplan h3{margin: 50px 0 0 50px;}
.genplan .obozn{gap: 20px; grid-template-columns: 60px 1fr; margin-top: 20px;}
.genplan .obozn span{display: flex; align-items: center; justify-content: center; width: 60px; height: 20px;  font-weight: bold; font-size: 10px; border: 1px gray solid;}
.genplan .obozn img {width: 60px;}


/* -------------------------------------- ��� -------------------------------------*/
#ppz{background: #fff;}
#ppz article{max-width: 760px; margin: 0 auto; padding-bottom: 50px;}
#ppz .content{grid-template-columns: 1fr 1fr; gap: clamp(5px, 2vw, 40px);}
#ppz .content p{padding-bottom: 10px; font-family: Inter; font-weight: 400; font-size: 12px; line-height: 140%;}
#ppz .content p a{display: inline-block; color: #4E9634; text-decoration: underline;}
#ppz .content p a:hover{color: #238400;}
#ppz h3{padding: 0 0 30px;}
#ppz h5{padding: 20px 0 20px;}
#ppz article img{width: 100%;}  
.obozn{grid-template-columns: 80px 1fr; grid-column-gap: 5px; padding-bottom: 10px;}
@media (max-width: 992px) {
    #ppz .content{grid-template-columns: 1fr;}
}


/* -------------------------------------- ����� ��� �� -------------------------------------*/
#lenobl_maps{background: #fff;}
#lenobl_maps article{max-width: 960px; margin: 0 auto; padding-bottom: 50px;} 
#lenobl_maps article img{width: 100%;}


/* -------------------------------------- ������������ ��������� � ���������� -------------------------------------*/
.normative p{font-size: 16px; padding-bottom: 10px; line-height: 24px; font-size: 14px;}
.normative p.num{padding-left: 20px; padding-bottom: 5px;}
.normative h2{margin-top: 30px;}
.normative h4{margin-top: 20px;}
.normative h5{font-size: 14px;}



/* -------------------------------------- ������ -------------------------------------*/
#fix-panel{z-index: 1;}
.hug a{display: inline-block; border-radius: 5px; background: #E9EFFA; color: #606060; margin-right: 5px;}
.hug a.active, .hug a:hover{color: #000; background: #B8C9E5;}
#service{background: #fff;}
#service .content-bloks{padding-top: 30px; padding-bottom: 50px;}
#service .item-block h3{padding-left: 10px;}
#service .hug{padding-top: 40px; margin: 0 auto; text-align: center;}
#service .hug a{height: 30px; background: none; padding: 4px 15px; box-sizing: border-box; border: 1px solid #D9D9D9;}
#service .hug a.active{background: #00307D; color: #fff; border: 1px solid #00307D;}
#service ul li::marker {color: #00307D;}

@media (max-width: 1200px) {
    .hug a{margin-bottom: 8px;}
    .hug{max-width: 500px;}
    #service .content-bloks.b3{grid-template-columns: repeat(2, minmax(200px, 1fr));}
}
@media (max-width: 768px) {
    #service .content-bloks.b3{grid-template-columns: 1fr;}
}

/*������������� ������*/
#fix-panel{position: fixed; top: 120px; width: 100%;}
#fix-panel .container{background: #fff;}
#fix-panel .bread{grid-template-columns: 1fr auto; gap: 20px;}
#fix-panel .bread .but-item:hover{background: #238400 !important;}
#fix-panel #breadcrumbs{padding: 0 !important;}
#fix-panel .fix-but{height: 60px;}
#fix-panel .but-item{padding: 0; width: 140px; height: 40px; margin-top: 10px;}

@media (max-width: 768px) {
    #fix-panel{top: 60px;}
}

/* -------------------------------------- ������ ���� -------------------------------------*/
#service_id{background: #fff;}
#service_id .box-1 li{color: #000; font-size: 14px; padding-bottom: 5px;}
#service_id .box-1 ul{padding: 0 0 20px 20px;}

#service_id .box-1{grid-template-columns: repeat(2, minmax(200px, 1fr)); grid-column-gap: 40px;}

#service_id a.addr{text-decoration: underline; display: inline-block;}

#service_id .img{width: 100%; padding: 0; margin: 0;}
#service_id .urhelp .obvert{background: #EEEEEE; padding: 20px; margin-top: 40px; margin-bottom: 20px;}
.urhelp .content-bloks h5{margin-top: 10px;}
.urhelp .content-bloks ul{padding-top: 10px;}
.urhelp .content-bloks li{color: #000;}
.urhelp .edin{line-height: 140%; font-size: 14px; margin-top: -30px; padding-left: 20px;}
.urhelp .edin li{padding-bottom: 8px;}
#service_id h4{margin-bottom: 20px; padding-left: 20px; color: #606060; border-left: 6px solid #00307D;}
#service_id article{margin: 0 auto; padding: 0 0 60px;}
#service_id article p.body-2, .urhelp p.body-2{color: #000; padding-bottom: 20px; font-size: 14px;}
#service_id article h3{padding-bottom: 30px;}

#service_id .info{background: #E9EFFA; padding: 60px 0;}
#service_id .info .content-bloks{padding-top: 20px;}
#service_id h5{margin-bottom: 10px; font-size: 14px;}
#service_id .info .box{grid-template-rows: 80px 1fr;}
#service_id .info .links{padding-top: 10px;}
#service_id .info p{color: #000 !important; padding-bottom: 10px;}
.urhelp{padding: 60px 0;}
.footer-block{background: #E9EFFA;}
.footer-block>div>h3{padding: 50px 0 10px; color: #606060;}
.footer-block .b4{grid-template-columns: repeat(4, minmax(200px, 1fr)); justify-content: space-between; gap: clamp(5px, 2vw, 40px); padding: 20px 0 50px;}
.footer-block svg{width: 52px;}
.footer-block .item-block{padding: 28px;}  
.footer-block .item-block .icon{text-align: center;}
.footer-block .item-block h3{padding: 20px 0 0; margin: 0; text-align: center;}
.footer-block .item-block .links{text-align: center; margin-top: 20px;}
.footer-block .item-block .but-item{height: 40px; margin-top: 20px; width: 100%;}
.footer-block .item-block .but-item:hover{background: #238400 !important;}

@media (max-width: 1200px) {
    #service_id .b4{grid-template-columns: repeat(2, minmax(200px, 1fr));}
}

@media (max-width: 992px) {
    .footer-block .b4{grid-template-columns: repeat(2, minmax(200px, 1fr));}
    #service_id .box-1{grid-template-columns: 1fr;}
    #service_id .box-1 .back-img{aspect-ratio: 12/8; resize: both; width: 100%; margin-top: 20px;}
    #service_id .info .content-bloks.b3{padding-top: 20px;grid-template-columns: 1fr;}
    #service_id .info .links{padding-bottom: 20px;}  
    #service_id .urhelp .obvert{margin-top: 10px;}  
    
}
@media (max-width: 768px) {
    .footer-block .b4, #service_id .b4{grid-template-columns: 1fr;}   
}


/* -------------------------------------- ��������� -------------------------------------*/
#prices_map{background: #fff;}
#prices_map .top-menu h2:first-child {padding: 24px 30px 0 140px;}
#prices_map article{max-width: 760px; margin: 0 auto; padding: 50px 0;}
#prices_map article p.body-2{color: #000; padding-bottom: 20px;}
#prices_map article h4{padding-bottom: 20px;}
#prices_map article img{width: 100%; padding-bottom: 20px;}

#indicat .otstup{padding-bottom: 40px;}

@media (max-width: 1440px) {
    #prices_map .top-menu h2:first-child {padding: 24px 30px 0 30px;}
    #prices_map .active.first{display: block;}
}


/* -------------------------------------- ��������� ������ � ����� -------------------------------------*/
#deals{background: #fff;}
#deals .top-menu h2:first-child {padding: 24px 30px 0 140px;}
#deals .first{display: block;}
#deals h3{padding-top: 40px;}

#ob-block-2{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp( 20px, 2vw, 100px); justify-content: space-between; min-height: 100px; padding: 30px 0 0;}
#ob-block-2 .item-block svg{width: 40px;}
#ob-block-2 div{grid-template-columns: auto 1fr; grid-column-gap: 20px; padding: 20px 10px;}
#ob-block-2 a.active{background: #00307D; color: #ffffff;}
#ob-block-2 a.active svg * {color: #fff !important;}

#deals .hug{padding-top: 40px; margin: 0 auto; text-align: center;}
#deals .hug a{padding: 6px 25px;}

.content-2{grid-template-columns: repeat(2, 1fr); gap: clamp( 20px, 2vw, 100px);}
#deals .content-2{padding: 25px 0 50px;}
#deals .content-2 img{width: 100%;}

@media (max-width: 992px) {
    #deals .content-2{grid-template-columns: 1fr;}
}
@media (max-width: 768px) {
    #deals h3{padding-top: 40px; text-transform: none; line-height: 150%;}
    #ob-block-2 div{grid-template-columns: 1fr; justify-items: center; gap: 10px; padding: 0;}
    #ob-block-2 h4{text-transform: lowercase; text-align: center; font-weight: 300; font-size: 14px;}
    #ob-block-2 h4::first-letter {text-transform: uppercase;}
}

/*----------------������� ����-----------------*/
#deals .table{margin-top: 10px;}
.table{border: 1.5px solid #D9D9D9; font-size: 14px;}
.table>div{min-height: 40px; padding: 0 10px; background: #EEEEEE;}
.table .cap{background: #D9D9D9 !important; font-weight: bold;}
.table>div:nth-of-type(2n) { background-color: #fff;}
.table .sup{padding-left: 40px;}
.table .tr{grid-template-columns: minmax(60%, 1fr) auto;}
.table .sub {vertical-align: super; font-size: 0.7em; margin: 0; padding: 0;}


/* -------------------------------------- ��������� ���������� -------------------------------------*/
#indicat .menu-bloks{margin-top: 30px;}
#indicat .menu-bloks .item-block{grid-template-rows: auto 1fr;}

#indicat{background: #fff;}
#indicat h2{display: block;}
#indicat .hug a{padding: 6px 25px; text-transform: uppercase; }
#indicat .top-menu h2:first-child {padding: 24px 30px 0 140px;}

.top-imms{grid-template-columns: 1fr auto; grid-column-gap: 10px; padding-top: 30px;}

.menu-bloks{justify-content: space-between; gap: clamp(5px, 2vw, 20px);}
.menu-bloks.b3{grid-template-columns: repeat(3, minmax(200px, 1fr));}
.menu-bloks.b4{grid-template-columns: repeat(4, minmax(200px, 1fr));}
.menu-bloks a.active{background: #00307D; color: #fff;}
.menu-bloks a.active svg * {color: #fff !important;}
.menu-bloks a.active span{color: #B8C9E5 !important;}
.menu-bloks a:hover{background: #00307D; color: #fff;}
.menu-bloks a:hover span{color: #B8C9E5 !important;}
.menu-bloks svg{width: 32px;}
.menu-bloks a:hover svg * {color: #fff !important;}
.menu-bloks a{padding: 20px;}
.menu-bloks a h4{padding-top: 10px;}

#indicat h4.zag{padding-left: 20px; margin-top: 30px; color: #606060; border-left: 4px solid #00307D;}
#indicat img{width: 100%; margin-top: 15px;}
.slip{padding-bottom: 50px;}
.slip a{margin-top: 20px;}
a.span{cursor: pointer;}
.slip .spansup{display: none;}
.slip div{grid-template-columns: 1fr 1fr; grid-column-gap: 30px;}
.slip div.span{padding-top: 10px;}
.slip div.span p{padding-top: 10px;}
.slip div.span ul{padding: 20px 0 10px 20px;}

.itrs a, .dtrs a{cursor: pointer;}
.rating-image, .rating-image-2 {max-width: 100%; height: auto;}
.rating-image:first-child, .rating-image-2:first-child {display: block !important;}

@media (max-width: 992px) {
    .menu-bloks.b4{grid-template-columns: repeat(2, minmax(200px, 1fr));}
}
@media (max-width: 768px) {
    .top-imms{grid-template-columns: 1fr; text-align: center; justify-items: center;}
    
    .top-imms .hug{display: grid; grid-auto-rows: 1fr;}
    
    .top-imms .hug a{margin-bottom: 15px; display: grid; align-items: center;}
    
    .top-imms .links.popup{padding-top: 20px;}
    .menu-bloks.b4, .menu-bloks.b3{grid-template-columns: 1fr;}
    #indicat .menu-bloks.b3{grid-template-columns: repeat(3, 1fr); gap: 20px;}
    #indicat .menu-bloks h4{display: none;}
    #indicat .menu-bloks svg{margin: 0 auto;}
    .slip div{grid-template-columns: 1fr;}
}


.gurt-box{grid-template-columns: 1fr auto; gap: 30px; margin-top: 30px;}
.gurt-box .hug a{text-transform: capitalize !important;}
.gurt{grid-template-columns: auto auto 1fr; gap: 30px;}
.gurt .zag{margin: 0 !important; display: block; padding: 0;}
.gurt .links{cursor: pointer; padding: 0; margin: 0; display: block;}

@media (max-width: 768px) {
    .gurt-box{grid-template-columns: 1fr;}
}

/*��������� � ������� �������� (�������)*/
#box-indic{width: 100%; position: relative; margin-top: 15px;}
#box-indic>div{--grid-margin:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; overflow-x: auto; line-height:1;}
#box-indic .box{display:-webkit-inline-box;display:-webkit-inline-flex; display:-ms-inline-flexbox;display:inline-flex; margin:0;padding:0;white-space:nowrap;}
#box-indic img{height: 584px; width: auto; margin: 0; padding: 0;}
#box-indic .buldar{width: auto; list-style-position: inside; list-style: none;}
#box-indic .desc{position: absolute; left: 0; top: 0;}

@media (max-width: 1440px) {
    #box-indic img{height: 534px;}
}
@media (max-width: 1200px) {
    #box-indic img{height: 484px;}
}
@media (max-width: 992px) {
    #box-indic img{height: 400px;}
}
@media (max-width: 786px) {
    #box-indic img{height: 300px;}
    #box-indic .desc{display: none;}
}

/* -------------------------------------- ����� -------------------------------------*/
#object{background: #fff;}
#object .top-menu h2:first-child {padding: 24px 30px 0 30px;}
#object .top-menu h2{display: block;}
#object .menu-bloks.b5{grid-template-columns: repeat(5, minmax(200px, 1fr));}
#object .menu-bloks{padding-top: 25px;}
#object .menu-bloks span{color: #00307D;}
#object .menu-bloks a{grid-template-rows: auto 1fr;}
#object #left-menu ul{list-style-type: none;}
#object #right-content{position: relative;}
#object .perehod{grid-template-columns: 1fr auto; padding-top: 40px;}
.ob-content{width: 100%; grid-column-gap: 15px; margin-top: 15px; grid-template-columns: 280px 1fr; box-sizing: border-box; padding-bottom: 50px;}
#left-menu .active{background: #E9EFFA;}
#left-menu h5{font-size: 14px; font-weight: normal;}
#left-menu p.body-2{color: #000;}
#left-menu li a{color: #000;}
#left-menu .bold{font-weight: bold;}

#left-menu .block-1{width: 100%; min-height: 61px; border: 1px solid #D9D9D9;}
#left-menu .block-1 div.grid{grid-template-columns: 28px 1fr auto; padding: 0 20px;}
#left-menu .block-1 p{font-size: 14px;}
#left-menu .block-2{width: 100%; min-height: 61px; background: #fff; border: 1px solid #D9D9D9;}
#left-menu .block-2 .accard{width: 100%; height: 61px; cursor: pointer;}
#left-menu .block-2 div>div.grid{grid-template-columns: 28px 1fr auto; padding: 0 20px;}
#left-menu .block-2 .sub{width: 100%; padding-bottom: 10px;}
#left-menu .sub a{min-height: 27px; padding: 0 20px 0 50px; cursor: pointer;}
#left-menu .sub a:hover{background: #E9EFFA;}
#left-menu .block-3{width: 100%; height: 61px; border: 1px solid #D9D9D9; background: #EEEEEE;}
#left-menu .block-3>div.grid{grid-template-columns: 28px 1fr auto; padding: 0 20px;}
#left-menu .block-3 .body-2{font-size: 14px; color: #000;}

#left-menu .block-4{width: 100%; height: 180px; border: 1px solid #D9D9D9; background: #EEEEEE;}
#left-menu .block-4 a{height: 40px; margin-bottom: 30px; width: 190px; cursor: pointer;}
#left-menu .block-4 a:hover{background: #238400;}
#left-menu .block-4 .sbros{cursor: pointer;}


#left-menu .mobil{display: none !important;}
/*�������*/
.styled-checkbox {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 16px; height: 16px; background: #EEEEEE; border: 1px solid #606060; outline: none; cursor: pointer; position: relative; border-radius: 3px;}
.styled-checkbox:checked {background: #00307D; border-color: #00307D;}
.styled-checkbox:checked:after {content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid white; border-width: 0 1px 1px 0; transform: rotate(45deg);}

#map-box{height: 598px; width: 100%;}
#objects-map{width: 100%; height: 598px; background-color: #EFEFEF;}

@media (max-width: 1440px) {    
    .ob-content{grid-template-columns: 260px 1fr;}    
}
@media (max-width: 1200px) {/*��������*/ 
    .ob-content{ grid-template-columns: 250px 1fr;} 
    #object .menu-bloks.b5{grid-template-columns: repeat(3, minmax(200px, 1fr));}
}
@media (max-width: 992px) {
    .ob-content{ grid-template-columns: 1fr;}
    #left-menu{margin-bottom: 20px; margin: 0 0 30px;}
    #object .menu-bloks.b5{grid-template-columns: repeat(2, minmax(200px, 1fr));}
}
@media (max-width: 768px) {
    .karta #left-menu{margin: 0 0 30px; display: none;} 
    #object .menu-bloks.b5{grid-template-columns: 1fr;} 
    .karta .perehod .links{max-width: 130px; text-align: center;}
    .perehod h4{font-weight: normal;}
    #right-content .center-block{display: none;}
    #map-box, #objects-map{height: 262px; width: 100%;}
    #map-box{margin-left: -20px; width: calc(100% + 40px);}    
    #op-filtr{display: grid !important; margin: 10px 0 40px;}
}


/* -------------------------------------- ������� -------------------------------------*/
@media (max-width: 1440px) {
    #object .top-menu h2{padding: 24px 20px !important;}
    #right-content .item-block{grid-column-gap: 10px; grid-template-columns: 135px 1fr 10px 125px; height: auto; min-height: 161px;}
}
@media (min-width: 992px) and (max-width: 1200px) {/*��������*/ 
    #right-content .item-block{grid-template-columns: auto 1fr; grid-template-areas: "block1 block2" "block4 block4";/* 1 � 3 ����� ������ */}
    #right-content .item-block .img{grid-area: block1;}
    #right-content .item-block .text{grid-area: block2;}
    #right-content .nol{grid-area: block3; display: none;}    
    #right-content .item-block .info{grid-area: block4;}
    #right-content .item-block h4{line-height: 20px; padding-bottom: 5px;}
    
    #right-content .info{grid-template-rows: 1fr; grid-template-columns:  1fr 150px auto; gap: 30px; margin-top: 10px;}
    #right-content .info>div {order: 3;} 
    #right-content .info .links {order: 1;}
    #right-content .info .but-item {order: 2;}
}
@media (max-width: 700px) {
    #right-content .item-block{grid-template-columns: 1fr;}
    #right-content .item-block{overflow: hidden; position: relative;}
    #right-content .item-block .img{width: calc(100% + 32px) !important; margin: -16px -16px 15px; height: auto; object-fit: cover;}
    #right-content .item-block h4{margin-bottom: 5px;}
    #right-content .nol{display: none;}
    #right-content .info .links{grid-area: block2; text-align: center;} 
    #right-content .info .but-item{grid-area: block1; height: 50px;}     
    #right-content .info{grid-template-columns: 1fr 1fr; align-items: center; grid-template-rows: 1fr; gap: clamp(10px, 2vw, 20px); grid-template-areas: "block1 block2"; margin: 20px 0 15px;}
    #right-content .info div {position: absolute; top: 16px; right: 16px; width: 32px;}
}


/* -------------------------------------- ������ ID -------------------------------------*/
.zayavka{cursor: pointer;}
#object_id{background: #fff;}
#object_id .title{padding-bottom: 20px;}
#object_id .hug{padding-top: 10px;}
#object_id .hug a{padding: 5px 8px;}
#object_id .stoim{grid-template-columns: 176px 1fr; padding-top: 20px; grid-column-gap: 30px;}
#object_id .stoim a{height: 40px;}
#object_id article{padding-top: 20px;}
#object_id article p{color: #111111;padding-top: 3px;}
#object_id article .sub-title{padding-top: 15px; font-size: 14px;font-weight: bold;}
#object_id article ul{padding: 20px 0 0 25px; font-size: 14px; line-height: 140%;}
#object_id article .tochki{padding: 20px 0 0 25px; font-size: 14px; line-height: 140%;}

#object_id .content{grid-template-columns: 1fr 1fr;grid-column-gap: 30px; padding-bottom: 50px;}
#object_id .img img{width: 100%;}
#object_id .img div{grid-template-columns: repeat(4, 1fr); padding-top: 5px; grid-column-gap: 10px;}

@media (max-width: 992px) {
    #object_id .content{grid-template-columns: 1fr;}
    #object_id .img{padding-bottom: 30px;}    
}


#butt-pn{width: 100%; background: #E9EFFA;}
#butt-pn h3{padding-top: 50px;}
#butt-pn .content-bloks.b4{padding: 30px 0 70px;}
#butt-pn .item-block{padding: 16px; grid-template-rows: auto auto 1fr;}
#butt-pn .content-bloks img{width: 100%;}
#butt-pn .content-bloks h5{padding-top: 20px; font-family: Inter; font-weight: 600; font-size: 14px; line-height: 150%;}
#butt-pn .content-bloks p{padding-top: 5px; padding-bottom: 10px;}


@media (max-width: 1200px) {
    #butt-pn .content-bloks.b4{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px) {
    #butt-pn .content-bloks.b4{grid-template-columns: 1fr;}
}

/*���*/
#zoomModal {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 9999; justify-content: center; align-items: center;}
#closeZoom {position: absolute; top: 20px; right: 30px; color: white; font-size: 40px; cursor: pointer; z-index: 10000;}
#zoomedImage {max-width: 90%; max-height: 90%; object-fit: contain; user-select: none;}




/* -------------------------------------- ��������� -------------------------------------*/
#wishlist{background: #fff;}
#wishlist>div{max-width: 860px;}
#wishlist .title{grid-template-columns: 1fr auto;margin-top: 60px;}
#wishlist .title h1{font-size: 18px; text-transform: uppercase; font-weight: 400; padding: 0; margin: 0;}
#wishlist .title p{margin: 0; padding: 0;}
#wishlist .item-box{margin-top: 40px;}

#wishlist .item-block{grid-column-gap: 15px; grid-template-columns: 135px 1fr 25px 125px; margin-bottom: 15px; width: 100%; min-height: 161px; padding: 16px; box-sizing: border-box;}
#wishlist .info{grid-template-rows: 1fr 35px 40px;}
#wishlist .but-item:hover{background: #238400 !important;}
#wishlist .active .heart-icon:hover{fill: #ffffff !important; }
@media (min-width: 700px) and (max-width: 980px) {/*��������*/ 
    #wishlist .item-block{grid-template-columns: auto 1fr; grid-template-areas: "block1 block2" "block4 block4";/* 1 � 3 ����� ������ */}
    #wishlist .item-block .img{grid-area: block1;}
    #wishlist .item-block .text{grid-area: block2;}
    #wishlist .nol{grid-area: block3; display: none;}    
    #wishlist .item-block .info{grid-area: block4;}
    #wishlist .item-block h4{line-height: 20px; padding-bottom: 5px;}
    
    #wishlist .info{grid-template-rows: 1fr; grid-template-columns:  1fr 150px auto; gap: 30px; margin-top: 10px;}
    #wishlist .info>div {order: 3;} 
    #wishlist .info .links {order: 1;}
    #wishlist .info .but-item {order: 2;}
}
@media (max-width: 700px) {
    #wishlist .item-block{grid-template-columns: 1fr; overflow: hidden;}
    #wishlist .item-block .img{width: calc(100% + 32px) !important; margin: -16px -16px 15px;}
    #wishlist .item-block h4{margin-bottom: 5px;}
    #wishlist .info div, #wishlist .nol{display: none;}
    #wishlist .info .links{grid-area: block2; text-align: center;} 
    #wishlist .info .but-item{grid-area: block1; height: 50px;}     
    #wishlist .info{grid-template-columns: 1fr 1fr; align-items: center; grid-template-rows: 1fr; gap: clamp(10px, 2vw, 20px); grid-template-areas: "block1 block2"; margin: 20px 0 15px;}
}

/* --------------------- ����� ------------------*/
input.poisk{margin-top: 20px; padding: 5px 10px; border: 2px solid #bbb; border-radius: 3px; font-size: 14px; }
input.poisk:focus {border-color: #888; outline: none;}

/* --------------------- FOOTER ------------------*/
footer{width: 100%;}
footer .container{background: #00307D; height: 144px; grid-template-columns: 28% 22% 16% auto; padding: 40px 0 0;}
.ft-sec-1 address{color: #fff; font-style: normal; font-family: Inter; font-weight: 400; font-size: 14px; line-height: 150%; width: 250px;}
.ft-sec-1 a{margin-top: 20px; font-family: Inter; font-weight: 400; font-size: 14px; line-height: 120%; letter-spacing: 0%; text-decoration: underline; text-decoration-style: solid; text-decoration-offset: 0%; text-decoration-thickness: 0%;}
.ft-sec-2 a{font-family: Inter; font-weight: 400; font-size: 16px; line-height: 150%; letter-spacing: 0%;}
.ft-sec-3 .grid{margin-top: 5px; grid-template-columns: 0 40px 40px 40px;}
footer a{color: #fff;}
footer a:hover, footer a:focus{color: #B8C9E5; text-decoration: underline;}
footer svg{width: 24px; color: #fff;}
footer svg:hover{color: #B8C9E5;}
@media (max-width: 1440px) {
    footer .container{grid-template-columns: 25% 22% 16% auto;}   
}
@media (max-width: 1200px) {
    footer .container{grid-template-columns: 20% 26% 19% auto;}
}
@media (max-width: 992px) {
    footer .container{grid-template-columns: 10% 36% 25% auto;}    
}
@media (max-width: 768px) {
    footer .container{height: auto; grid-template-columns: 100%; text-align: center;}  
    .ft-sec-1{width: 100%;}   
    .ft-sec-1 address{margin: 0 auto;}
    .ft-sec-2{margin-top: 60px;}
    .ft-sec-2 a{margin-bottom: 15px;}
    .ft-sec-3{margin-top: 50px;}
    .ft-sec-3 .grid{grid-template-columns: auto 60px 60px 60px auto; margin: 30px 0 60px; grid-column-gap: 15px; justify-items: center;}
    footer svg{width: 36px;}
}
/* --------------------- END FOOTER ------------------*/

/* �������� ������� � �������� �� ���������� */
div[id*="large-r-"], iframe[id*="ilarge-fr-"] {
    display: none !important;
}
div[id*="medium-r-"], iframe[id*="imedium-fr-"] {
    display: none !important;
}
div[id^="txtblock-"], iframe[id^="ismall-fr-"] {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* �������������: �������� ������������ ���� */
div[style*="max-width: 400px; margin: 40px auto;"] {
    display: none !important;
}




/* ����� ����� ��� ���� ��������� */
#otziv-box{padding: 20px 0 50px; margin: 0 auto; z-index: -1;}
.swiper-container {position: relative; width: 100%; overflow: hidden;  z-index: 0;}
.swiper-slide {text-align: center; display: flex; justify-content: center; align-items: center;}
/* �������������� ����� ��� �������� 1 */
.carousel-5-box{width: auto; position: relative;}
.swiper-carousel-5 {width: 100%; height: auto;}
.swiper-carousel-5 .swiper-slide {height: auto;}
.swiper-carousel-5 .swiper-slide>div{width: 100%;}
#otziv-box .swiper-button-prev-custom {left: -50px; right: auto; position: absolute; top: 40%; cursor: pointer;}
#otziv-box .swiper-button-next-custom {right: -50px; left: auto; position: absolute; top: 40%; cursor: pointer;}
.swiper-slide>div{margin: 10px;}
.swiper-slide h3{height: 50px;}
@media (max-width: 1300px) {
   #otziv-box {width: 1000px;}  
}
@media (max-width: 1100px) {
   #otziv-box {width: 768px;} 
}
@media (max-width: 768px) {
   #otziv-box {width: 600px;} 
   #otziv-box .swiper-button-prev-custom {left: -20px;}
   #otziv-box .swiper-button-next-custom {right: -20px;} 
   #otziv-box .swiper-button-next-custom  svg,#otziv-box .swiper-button-prev-custom svg{width: 25px !important;}   
}
@media (max-width: 600px) {
    #otziv-box {width: 420px;}
}
@media (max-width: 450px) {
    #otziv-box {width: 320px;}
}
.small-img{
    width: 135px;
    height: 100px;
}
.map__circle {
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(../images/placemarks2.png);
    border-radius: 100%;
    z-index: 1000;
}