/* */
.plan-detailed { position: relative;z-index: 2; overflow: hidden;}
.plan-detailed:before {content: '';display: block; padding-bottom: 70.7%;}
.plan {overflow: hidden;width: 100%;}
.plan-layer {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0; opacity: 0; transition: all 0.2s linear;}
.plan-layer.active {z-index: 2; opacity: 1;}
.plan-layer svg {width: 100%; height: 100%; }
#plan-part1 svg {width: 100%; height: auto; width: 122.831%;  margin-left: -20%;}
#plan-part2 svg {width: 101.7%;}
.plan svg .svglink {    -webkit-transition: all 0.2s linear;    -o-transition: all 0.2s linear;    transition: all 0.2s linear;}
.plan svg .svglink g {opacity: 0;  -webkit-transition: all 0.2s linear;    -o-transition: all 0.2s linear;    transition: all 0.2s linear;}
.plan svg .svglink > path  {opacity: 0;   -webkit-transition: all 0.2s linear;    -o-transition: all 0.2s linear;    transition: all 0.2s linear;}
.plan svg .svglink circle  {  -webkit-transition: all 0.2s linear;    -o-transition: all 0.2s linear;    transition: all 0.2s linear;}
.plan svg .svglink ellipse  {  -webkit-transition: all 0.2s linear;    -o-transition: all 0.2s linear;    transition: all 0.2s linear;} 
.plan svg .svglink:hover ellipse {opacity: 0;}
.plan svg .svglink:hover circle {opacity: 0;}
.plan svg .svglink:hover g {opacity: 0.24;} 
.plan svg .svglink:hover > path {opacity: 1;} 

.plan-cover {-webkit-transition: 0.4s linear; transition: 0.4s linear; position: absolute; top: 0;width: auto;height: 100%;z-index: 10;object-fit: cover; object-position: right top;}
.plan-cover img {width: 100%; height: 100%; object-fit: cover; object-position: right top;position: absolute;top: 0;left: 0%;}
.plan-cover svg {width: 100%; height: 100%;}

.open .plan-cover {z-index: 0; /*opacity: 0; visibility: hidden;-webkit-transition: 0.3s linear; transition: 0.3s linear; */ }
.detail-page .plan-cover {display: none;}

.plan-coverbtn {cursor: pointer; position: relative; z-index: 2;}
.plan-coverbtn:hover .plan-coverbg {opacity: 0.7;}

.description {position: fixed;z-index: 10; position: absolute; display: none; color:#000; text-align:left;} 
.description.hover {display: block;}

.description-item {font-family: 'Manrope', sans-serif;position: absolute; white-space: nowrap; bottom: 20px; left:20px; padding: 20px 20px 20px 20px;  border-radius: 6px;background: #fff;}
.description-item:not(.active) {display: none;}    
.description-item__title { font-size: 11px; margin-bottom: 2px; font-weight: 800; letter-spacing: -0.01em;}
.description-item__inf {margin-bottom: 18px; font-size: 11px; font-weight: 500;} 
.description-item__stat {text-transform: uppercase; font-size: 12px;  font-weight: bold;}
.description-item__stat.stat1 { color: #ce4559; }
.description-item__stat.stat2 { color: #ef9737; }
.description-item__stat.stat3 { color: #67ba31; } 
.description-item__stat.stat4 { color: #4b0082; } 

@media screen and (max-width: 1439px) {
	.description-item  {padding: 15px;}
	.description-item__title, .description-item__inf {font-size: 9px;}
	.description-item__inf {margin-bottom: 12px;}
	.description-item__stat {font-size: 10px;}
} 
@media screen and (max-width: 1199px) {
	.plan-container {max-width: 100%; padding: 0;}
	/*.plan { overflow: auto;display: flex;justify-content: center;}
	.plan-detailed {width: 1094px; min-width: 1094px; position: relative;}*/
	.plan-detailed svg { margin: 0 auto;}
	.plan-detailed {min-height: 600px;}
	/*.plan-cover, .plan-layer {overflow: auto;}
	.plan-cover svg, .plan-layer svg, #plan-part1 svg, #plan-part2 svg {display: block;height: 100%;width: auto;}*/
	.plan-layer {overflow: auto;}
	.plan-cover svg, .plan-layer svg, #plan-part1 svg, #plan-part2 svg {display: block;height: 100%;width: auto;}
}

/*--------------------------------------------------------*/
@media (max-width: 1639px) and (min-width: 1360px) {
	.detail-page { margin-top: 8px;}
	.detail-page-back {font-size: 10.7px;}
	.detail-page-back svg {width: 20px; height: 16px;}
	.back-container {  margin-bottom: 32px;}
	.banner-text .banner-icon-item__value {   font-size: 14.2px;}
	.detail-page .banner-text .banner-icon-item__subvalue {    font-size: 18px;}
	.detail-page .title-2 {    margin-bottom: 13px;}
	.detail-page .banner-icon-item__value {    margin-bottom: 2px;}
	.more-item {    margin-top: 31px;    max-width: 224px;    gap: 10px;    font-size: 12.8px;}
	.more-item__icon {    width: 39px;    min-width: 39px;    height: 39px;}
	.more-item svg {    min-width: 20px;    max-width: 23px;    max-height: 23px;}
	.banner-icon-item__icon {    width: 42px;    min-width: 42px;    height: 42px;}
	.banner-icon-item__icon svg {    max-width: 25px;    max-height: 25px;}
	.banner-icon-item {   gap: 9px;}
	.banner-icon-item__text {  font-size: 14.2px;}
	.banner-text .banner-icons-container {    gap: 13px 0;    margin-bottom: 18px;    width: 341px;}
	.text-wrap .text {    font-size: 11.35px;}
	.detail-page .banner-wrapper {    margin-bottom: 23px;}
	.plans {    margin-top: 26px;}
	.plans__buttons {  max-width: 313px;    margin-bottom: -44px;}
	.plans__buttons .button {    font-size: 11px;  height: 44px;}
	.plans .banner-icons-container {    gap: 11px 0;}
	.plans-right img {max-height: 451px;}
	.plans-left {   max-width: 365px;    padding-top: 73px;    padding-left: 22px;}
	.detail-page .banner-icon-item__value {  font-size: 12.8px;}
	.detail-page .banner-icon-item__subvalue {  font-size: 16.2px;}
	.banner-icon-item__square {    font-size: 11px;    top: -4px;    left: -3px;}
	.detail-page .o-poselke-page {    margin-bottom: 51px;}
	.detail-page .section-catalog {  margin-bottom: 71px;  padding: 61px 0 51px;}
	.detail-page .category-table {    margin-top: 22px;}
	.category-tablehouse .category-table-head {    font-size: 10px;    margin-bottom: 14px;  padding: 8px 0 5px;}
	.category-table-htd6 {width: 194px;    line-height: 1;}
	.category-tablehouse .category-table-item {    padding: 7px 0 6px;}



}