@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');

:root {
  --cassiopeia-color-primary: #009200;
  --primary: #009200;
 --primary-rgb:0,146,0;
 --cassiopeia-color-secondary:#afcb1c;
 --secondary:#afcb1c;
 --secondary-rgb:63,32,24;
 --tertiary:#96694c;
  --cassiopeia-font-family-headings:'Onest', sans-serif;
  --cassiopeia-font-weight-headings:600;
 --color-dark:#436d16;
  --body-bg: #fcfcfc;
  --body-bg-gradient: linear-gradient(180deg, #afcb1c, #63c1cb);
 --bg-gradient: linear-gradient(90deg, #afcb1c, #009200, #009200, #afcb1c );
  --body-color:#131020;
 --body-color-dark: #717d96;
  --body-font-family:'Onest', sans-serif;
  --body-font-size:1.1rem;
  --body-font-weight:300; 
  --body-text-align:left;
 // --link-color: #96694c;
  //--link-hover-color: #e0a655;
  --light-blue: #8dd1f4;
--border-radius:1.5rem;
--body-line-height: 1.3;
--monolog:'Monolog', sans-serif;
--bad-script:'Bad Script', cursive;'
//--heading-color:#3f2018;
--card-title-color:#3f2018;
--gray:#f7f7f7;
--swiper-theme-color: #e0a655;


}

body { text-align: var(--body-text-align); background: var(--body-bg);}
a {text-decoration:none;}
a:not([class]):hover {color: var(--link-hover-color)}
a:not([class]) { text-decoration:none;color: var(--link-color) }
h1, .h1,h2, .h2, h3, .h3 {}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {}
.error-message {font-size: 15rem;     font-weight: 900; color: var(--gray-200);}
@media (max-width: 768px) {
    .error-message {
        font-size: clamp(3.5rem, 4vw, 4.5rem);
    }
}

a img {border:none;}
.page-header h1, 
.tag-category h1{ position:relative; text-align:center;}  
hr {margin-top: 2rem;  margin-bottom:2rem;  clear: both;}
.weight-500 {font-weight:500;}
.back-to-top-link {border:none; }
.back-to-top-link:hover,
.back-to-top-link:focus {background: var(--secondary);}

/*-----header + header menu-----*/
/*.header {background: url(../images/header.webp) no-repeat ; background-size: contain;  position:relative;}
.header-inner {background: url(../images/header-inner.webp) no-repeat right top; background-size: contain;   position:relative;}*/
.container-header {box-shadow:none;}
.container-header .mod-menu { }

/*---Images-----*/

img.float-start {margin-right:1.2rem;}
img.float-end {margin-left:1.2rem;}
.item-image {margin-bottom:1.5rem;}
.left.item-image { padding-right:1rem;}
.right.item-image { padding-left:1rem;}
.ratio img {object-fit:cover;}
.tags-item img {border-radius:var(--border-radius);}

/* Breadcrumbs */
.breadcrumb { padding:10px 0; margin:0; font-size:0.7rem; }
.breadcrumbs a {}
.breadcrumbs .sep{ background:url(../images/arrow.png) 50% 50% no-repeat; padding:5px}
.breadcrumbs .fas {margin:0 5px ;}
.breadcrumbs ul li {display:inline-block;}
.breadcrumbs ul {margin:0;}

/*-----Logo-----*/
#logo { position:absolute; top:5%; left:25%;}

/*-----Menu-----*/
.mod-list li.parent {position:relative;}
.mod-list li.active>a,
.mod-list li a:hover {text-decoration:none;}
 .mod-menu__sub  li { border-bottom:1px solid var(--body-color-dark); position:relative;}
 .mod-menu__sub  li a{display:block;}

/*-----Mobile-Menu-----*/
#top-mobile {    width: 100%;    background:white;    z-index: 100;    left: 0;    right: 0;    top: 1rem;  color: var(--dark); border-radius:50px; border:rgba(20,38,61,0.08) 1px solid; box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05);}
#top-mobile ul {margin:0; padding:0; flex-direction: row; align-items: center; justify-content: space-between;}
#top-mobile ul li {display:inline-block;}
#top-mobile i {display:none;}
#top-mobile p {    padding: 0;    margin: auto 0;  }
#top-mobile a {color: var(--body-color);}
#top-mobile .mod-list li {padding:0; font-size:1.1rem;}
#top-mobile .icon-wrapper {background: var(--gray-200);  width: 40px;     height: 40px;        border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    transition: all 0.3s ease;}
.icon-wrapper:hover {  transform: scale(1.05);}
.icon-wrapper i {   font-size: 19px;    line-height: 1;}


.mob_plen {    width: 100%;    height: 100%;    position: fixed;    top: 0;    left: 0;    background: rgba(0,0,0,0.5);    display: none;    z-index: 3000;}
.mob_menu {    width: 250px;    background: var(--white);     position: fixed;    left: -250px;    top: 0;    bottom: 0;    overflow: auto;    z-index: 3000;    transition: left 0.3s; padding:1rem;}
#navigation-mob .sidebar-left .mod-list li {font-size:inherit;  text-align:left;}
#navigation-mob li {padding: 0.8rem 0;    border-bottom: 1px solid; border-color: var(--gray-300); font-weight:700;}
#navigation-mob li:last-child,
#navigation-mob .mod-menu__sub li:last-child {border:none; }
#navigation-mob .mod-menu__sub {padding-left: 0.6em;}
#navigation-mob a { color:var(--body-color);}
#navigation-mob a:hover {color: var(--primary);}
#navigation-mob .deeper ul li a {font-size:0.85rem; color:var(--dark-color); font-weight:400;}
#navigation-mob i {    position: absolute;    right: 10px;    top: 15px;    transform: rotate(-90deg); color:var(--dark-color);}
#navigation-mob .mod-list li .mod-menu__sub {overflow:hidden; height:0;}
#navigation-mob .custom {margin-top:2rem;}

/*-----Topbar-----*/
.container-topbar {background: var(--body-bg);  color:var(--body-color);}
.container-topbar.season-winter {background:url(../images/winter.webp) no-repeat top center var(--body-bg);} 
.container-topbar.season-early-spring {background:url(../images/early-spring.webp) no-repeat top center var(--body-bg);} 
.container-topbar.season-spring {background:url(../images/spring.webp) no-repeat top center var(--body-bg);} 
.container-topbar a:not(.btn) { color:var(--body-color);}
.container-topbar a:not(.btn):hover {color: var(--cassiopeia-color-secondary); }
.container-topbar .mod-menu {flex-direction:row; font-weight:500;  font-family:var(--body-font-family);font-size:1.3rem;}
.container-topbar i {}
.container-topbar .nav-header {cursor:pointer;;}
.container-topbar i {color: var(--secondary); }
.container-topbar .mod-list li {position:relative;     font-size: 1rem;    font-weight: 600; text-transform:uppercase;}
.container-topbar .mod-menu .parent>ul {display:flex; visibility: hidden; background: #fff ; border-radius:var(--border-radius); padding: 1rem; flex-direction:column; display:inherit; min-width:300px;  box-shadow: rgba(0, 0, 0, 0.15) 30px 30px 90px; text-align:left;}
.container-topbar .smoothmenu ul { position: absolute; top: calc(100% + 15px); margin: 5px 0 0 0; /*IE6 only*/ _margin: 0; opacity: 0; transition: all .2s ease-in-out; visibility: hidden; z-index: 99; }
.container-topbar .mod-menu .parent:hover>ul { margin: 0; opacity: 1; visibility: visible; }
.container-topbar .mod-list .mod-menu__sub li {border-bottom: 1px solid #edebeb; padding:0.75rem 0; text-transform:none; display:flex;}
.container-topbar .mod-list .mod-menu__sub li i {display:none;}
.container-topbar .mod-list .mod-menu__sub li a {}
.container-topbar .mod-list .mod-menu__sub li a:hover {color: var(--cassiopeia-color-primary);}
.container-topbar .mod-list .mod-menu__sub  li.active>a {background: none; border-radius:0; color: var(--cassiopeia-color-secondary);}
.container-topbar .mod-menu__separator {cursor:pointer;}

@media (width>=992px) {
.container-topbar .mod-menu>li+li { margin-left: 1.5em;}
.container-topbar .mod-menu>li+li:before  {content:""; width:6px; height:6px; border-radius:50px; background:var(--cassiopeia-color-primary); top:calc(50% - 4px); left:-0.9rem; position:absolute;}
}
/*-----Menu Below-top-----*/
.container-below-top {padding: 1.2rem 0; margin-bottom:1rem;}
.container-below-top  .mod-menu { -webkit-box-flex: 1;   -ms-flex: 1 0 100%;    flex: 1 0 100%;    list-style: none;    margin: 0;    padding: 0;}
.container-below-top .mod-list li {position:relative; font-weight:500; font-size:1.4rem;}
.container-below-top .mod-list li>a {color: var(--heading-color); }
.container-below-top .mod-list li>a:hover {color: var(--cassiopeia-color-secondary); text-decoration:none;}
.container-below-top .mod-list li.active>a {text-decoration:none; color: var(--cassiopeia-color-secondary);}
.container-below-top .mod-menu>li.active:after{background: none;}
.container-below-top .mod-menu>li:hover:after {background: var(--cassiopeia-color-primary);}
.container-below-top .mod-menu .parent>ul {display:flex; visibility: hidden; background: #97cbff ; border-radius:4px; padding: 1rem; flex-direction:column; display:inherit; min-width:250px;  box-shadow: rgba(0, 0, 0, 0.15) 30px 30px 90px; text-align:left;}
.container-below-top .smoothmenu ul { position: absolute; top: calc(100% + 15px); margin: 5px 0 0 0; /*IE6 only*/ _margin: 0; opacity: 0; transition: all .2s ease-in-out; visibility: hidden; z-index: 99; }
.container-below-top .mod-menu .parent:hover>ul { margin: 0; opacity: 1; visibility: visible; }
.container-below-top .mod-list .mod-menu__sub li {border-bottom: 1px solid #bbd7ff; padding:0.75rem 0}
.container-below-top .mod-list .mod-menu__sub li a {color: var(--cassiopeia-color-primary);}
.container-below-top .mod-list .mod-menu__sub li a:hover {color: #fff;}
.container-below-top .mod-list .mod-menu__sub  li.active>a {background: none; border-radius:0; color: #fff;}
.container-below-top .nav-header {cursor:pointer;}
.container-below-top .nav-header:hover {color: var(--cassiopeia-color-primary);}
@media (min-width: 992px){
.container-below-top .mod-menu {     -webkit-box-flex: 1;    -webkit-box-orient: horizontal;    -webkit-box-direction: normal;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex: 1 1 0%;    flex: 1 1 0%;    -ms-flex-direction: row;    flex-direction: row; justify-content:center;}
.container-below-top .mod-menu>li+li {     margin-left: 1.55em;}
.container-below-top .mod-menu>li+li:before  {content:""; width:6px; height:6px; border-radius:50px; background:var(--cassiopeia-color-secondary); top:calc(50% - 3px); left:-1.2rem; position:absolute;}
.container-below-top .mod-menu>li a:after,
.container-below-top .mod-menu>li a:before {background:transparent;   content: "";     display: block;        height: 1px;        left: 50%;        margin: auto;        opacity: .3;        position: absolute;        right: 50%;        -webkit-transition: all .2s ease,background-color .2s ease;        -o-transition: all .2s ease,background-color .2s ease;        transition: all .2s ease,background-color .2s ease    }
.container-below-top .mod-menu>li a:after {bottom:0;}
.container-below-top .mod-menu>li a:before {top:0;}
.container-below-top .mod-menu>li.active a:after,
.container-below-top .mod-menu>li a:hover:after,
.container-below-top .mod-menu>li.active a:before,
.container-below-top .mod-menu>li a:hover:before {     background: var(--cassiopeia-color-secondary);    left: 0;    right: 2px}
}

/*-----Object Submenu-----*/

.container-sub-menu .mod-menu{flex-direction: row; }
.container-sub-menu ul li:first-child {background: var(--primary); color: var(--white); font-weight:500;  }
.container-sub-menu .subspan {  font-size: 0.8rem;    line-height: 0.9rem;}
.container-sub-menu i {display:none;}
.container-sub-menu .rounded {border-radius:50px!important;}
.container-sub-menu .btn:hover {transform:none;}
.container-sub-menu .submenu {display: flex;    align-items: stretch;}
.container-sub-menu .submenu .nav-item { display: flex;    align-items: center;    justify-content: center;    min-height: 100%;}
.container-sub-menu .submenu .nav-item a {color: var(--bg-color);font-weight:400;}

@media (max-width: 767px) {
    .container-sub-menu .container {        overflow: hidden;        padding: 0;    }
    .container-sub-menu .submenu {        overflow-x: auto;        -webkit-overflow-scrolling: touch;        scrollbar-width: none;        -ms-overflow-style: none;      border-radius: 8px !important;        gap: 0 !important;        flex-wrap: nowrap !important;        white-space: nowrap !important;    }
    .container-sub-menu .submenu::-webkit-scrollbar {        display: none;    }
    .container-sub-menu .submenu::before,
    .container-sub-menu .submenu::after {        content: '';        position: sticky;        top: 0;        bottom: 0;        width: 25px;        z-index: 2;        pointer-events: none;    }
    .container-sub-menu .submenu::before {        left: 0;        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.3) 100%);    }
    .container-sub-menu .submenu::after {        right: 0;        background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.3) 100%);    }
    .container-sub-menu .nav-item {        flex: 0 0 auto !important;        border-radius: 0 !important;    min-width: 110px !important;        font-size: 0.85rem !important;        padding: 0.4rem 0.6rem !important;    }
    .container-sub-menu .nav-item:first-child {        border-top-left-radius: 0.375rem !important;        border-bottom-left-radius: 0.375rem !important;    }
     .container-sub-menu .nav-item:last-child {        border-top-right-radius: 0.375rem !important;        border-bottom-right-radius: 0.375rem !important;    }
    .container-sub-menu .nav-item a {        padding: 0.4rem 0.6rem !important;        display: block;        white-space: nowrap;    }
}
/* Десктопная версия */
@media (min-width: 768px) {    .container-sub-menu .submenu {        overflow-x: visible !important;        white-space: normal !important;        flex-wrap: wrap !important;    }
   .container-sub-menu .submenu::before,
   .container-sub-menu .submenu::after {        display: none;    }
   .container-sub-menu .nav-item {       /* flex: 1 !important;  */      min-width: auto !important;    }
}


/*-----Sidebar menu-----*/
.sidebar-left .mod-list li {text-align:center; font-size: 1.6rem; font-weight:300; border-bottom:1px solid #1d3656;}
.sidebar-left .mod-list li:last-child {border:none;}
.sidebar-left .mod-list li a:hover,
.sidebar-left .mod-list li.active>a {text-decoration: none}

/*-----Bootstrap Slider -----*/
.carousel-caption{top:50%;transform: translateY(-50%);}

/*-----Fields-----*/
.fields-container li {list-style:none; margin-bottom:0.5rem;}
ul.fields-container {padding-left:0;}

/*----- Colors-----*/
.primary {color: var(--primary);}
.secondary {color: var(--secondary);}
.tertiary {color: var(--tertiary);}
.red {color: var(--red);}
.green {color: var(--green);}
.bg-gray{background:var(--gray);}
.vk {color: #0077ff;}
.bg-wa {background:#2cb742; color: var(--white);}
.bg-wa:hover {background:#1b962f; color: var(--white);}
.bg-tg {background:#42a5cf; color:var(--white);}
.bg-tg:hover {background:#2d86ac; color:var(--white);}
.tg {color: #42a5cf;}
.tg:hover {color:#2d86ac}
.wa {color: #2cb742;}
.wa:hover {color: #1b962f;}
/*----- Buttons-----*/
.btn {--btn-border-radius: 50px; font-weight:700;  }

.btn-lg, .btn-group-lg>.btn  {    --btn-padding-y: .8rem;    --btn-padding-x: 1.2rem;    --btn-font-size: 1.45rem;}
.btn-primary { color: #fff;  font-weight:500; background:var(--primary);  border: none; transition: all 0.3s ease;}
.btn-primary:hover {transform: translateY(-2px);}
.btn-primary:hover, 
.btn-primary:focus {background:var(--secondary); }
.btn-secondary { background:var(--cassiopeia-color-secondary); border-color: var(--cassiopeia-color-secondary); font-weight:500; color: #fff;}
.btn-secondary:hover {background: var(--cassiopeia-color-primary); border-color: var(--cassiopeia-color-primary); color: #fff;}
.btn-tertiary { background:var(--tertiary); border-color: var(--tertiary); font-weight:500; color: #fff;}
.btn-tertiary:hover {background: var(--cassiopeia-color-primary); border-color: var(--cassiopeia-color-primary); color: #fff;}
.btn-info {background:var(--tertiary); color: var(--white);border-color:var(--tertiary); color:var(--body-color);}
.btn-info:hover {background:var(--cassiopeia-color-secondary); border-color:var(--cassiopeia-color-secondary); }
.btn-outline-gray {--btn-color: var(--gray-400);    --btn-border-color: var(--gray-400);    --btn-hover-bg: var(--gray-400);    --btn-hover-border-color: var(--gray-400);    --btn-active-bg: var(--gray-300);    --btn-active-border-color: var(--gray-300);color: var(--bg-color); font-weight:400; --btn-bg:rgba(246, 249, 251, 1);}
.btn-outline-primary {--btn-active-bg:#009200; --btn-active-border-color: #009200;    --btn-color: #009200;     --btn-border-color: #009200 ; --btn-hover-border-color: #009200;     --btn-hover-bg: #009200; --btn-disabled-color: #009200;        --btn-disabled-border-color: #009200;}



/*-----List Style-----*/
ul:not([class]), ol {overflow:hidden;}
ul.list-1 {list-style:none; padding-left:0; }
ul.list-1 li {padding-left:1.5rem; position:relative;}
ul.list-1 li:before {content:""; width:7px; height:7px; background:var(--primary); position:absolute; left:0; top:calc(50% - 2px); border-radius:var(--border-radius);;}


/*-----Blockquote-----*/
blockquote {position:relative;margin:5px; padding:10px; padding-left:6rem; }
blockquote:before{    content: "\f10e";    font-family: "Font Awesome 5 Pro"; font-weight: 600;    position: absolute;    top: 0;    left:0;    font-size: 4rem;    color:#e6e6e6;}

/*-----Ratio-----*/
.ratio-3x4 {aspect-ratio: 3 / 4;     object-fit: cover;}
.ratio-6x4 {aspect-ratio: 6 / 4;     object-fit: cover;}
.ratio-1x1 {aspect-ratio: 1 / 1;     object-fit: cover;}

/*-----SVG icon-----*/
.svg-icon {  transition: transform 0.3s ease;}
.svg-icon:hover {  transform: scale(1.1);}
.svg-icon-1 path {  fill: #96694c;  transition:     fill 0.4s ease,    filter 0.4s ease,    transform 0.4s ease;}
.svg-icon-1:hover path {  fill: #6f4930;  animation: 1s infinite alternate ease-in-out;}
.svg-icon-2 path {  fill: #51332b;  transition:     fill 0.4s ease,    filter 0.4s ease,    transform 0.4s ease;}
.svg-icon-2:hover path {  fill: #3a211b;  animation: 1s infinite alternate ease-in-out;}
.svg-wa {fill: #2cb742;  transition:     fill 0.4s ease,    filter 0.4s ease,    transform 0.4s ease;}
.svg-tg {fill: #42a5cf;  transition:     fill 0.4s ease,    filter 0.4s ease,    transform 0.4s ease;}

/*-----Table-----*/
.table>:not(caption)>*>* {background:none;}

/*-----Tags-----*/
.tag-body #system-readmore,
.tag-category #system-readmore{border:none; margin-top:1rem; margin-bottom:1rem;}

/*-----Module-news-----*/
.mod-articlesnews__item {}
.mod-articlesnews__item:hover { }
.mod-articlesnews__item .newsflash-introtext {padding: 0 1rem 1.5rem 1rem;}
.mod-articlesnews__item .item-image img {border-radius:var(--border-radius);}
.mod-articlesnews__item .newsflash-title{position:relative;}
.mod-articlesnews__item .tags {position:absolute; top:15px; right:15px; }
.mod-articlesnews__item { transition:.2s all; position:relative; z-index:1}
.mod-articlesnews__item:hover {transform:scale(1.01);  }
.mod-articlesnews .col-item {position:relative;}
.mod-articlesnews .col-item:first-of-type:before {content:""; position:absolute; width:280px; height:280px; border-radius:var(--border-radius); background:var(--light-blue); top:25%; right:-35%;z-index:0;}
.mod-articlesnews .col-item:last-of-type:before {content:""; position:absolute; width:280px; height:280px; border-radius:var(--border-radius); background:var(--light-blue); top:15%; left:-25%;z-index:0;}
.mod-articles-item-content .item-image img {   border-bottom-left-radius: 0;    border-bottom-right-radius: 0;  }
.mod-articles-items .card:hover {box-shadow: var(--box-shadow) !important;}
.mod-articles-link  {color: inherit;}


/*-----Modules Styles-----*/


/*-----Footer-----*/
.footer { margin-top:0; position:relative; z-index:1;     color: currentColor; background-color:var(--gray-800);background-image:none;   border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius);    }
.footer .mod-list a{font-family: var(--cassiopeia-font-family-headings); color: #fff; font-size:0.8rem;  font-weight:300;}
.footer .mod-list a:hover {color:var(--cassiopeia-color-secondary);}
.footer a:not(.btn) {opacity:0.6;}
.footer a:not(.btn):hover {color:var(--white); opacity:1;}
.footer .grid-child {align-items: start;}
.footer .grid-child div {flex:1;}
@media (max-width: 768px) {
.footer .grid-child div {margin:auto;}
  }
.footer p {font-size:0.9rem; color: white; opacity:0.6;}
.footer i:hover{color:var(--secondary)}
.footer .footer-bottom p,
.footer .footer-bottom a {font-size:0.7rem; color: var(--gray-500);}
.footer .footer-bottom a:hover {color:var(--gray-400);}
.footer .mod-menu {flex-direction:row; justify-content:end;}
@media (max-width: 768px) {
.footer .mod-menu {flex-direction:column;justify-content:center;}
.footer .footer-icons {justify-content:center;}
  }
.footer .mod-menu>li+li { margin-left: 1.1em; position:relative;}
.footer .mod-menu>li+li:before{content: "";    position: absolute;    width: 4px;    height: 4px;   border-radius:50%; top: calc(50% - 1px);   left: -0.7rem;    background: var(--gray-700); } 
.footer .mod-list li .mod-menu__sub {display:none;}
.footer h3 {    color: white;     font-weight: 500;   padding-left: 10px;    font-size: 0.9rem; opacity:0.8; position:relative; display:inline-block;}
.footer h3:before {content:""; width:1px; height:1rem; background: var(--gray-200); top:0; left:0; position:absolute;}
.footer .mod-articles-title {line-height:0.8rem;}
.footer .copyright a {font-size:0.7rem; opacity:0.3;}

/*-----Sigplus-----*/
.mod_sigplus {max-width:100%;}
#sigplus_1001 a.sigplus-image > img {object-fit:cover;}
.sigplus-log {display:none;}
.sigplus-gallery img {border-radius:var(--border-radius);}
.container-component .slideplus-container[dir=ltr]>.slideplus-viewport.slideplus-horizontal>.slideplus-previous, 
.container-component .slideplus-container[dir=rtl]>.slideplus-viewport.slideplus-horizontal>.slideplus-next {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill-rule='evenodd' fill-opacity='0.5'  fill='rgb(255, 255, 255)' d='M25.422,14.680 L25.427,14.686 C25.845,14.301 26.395,14.062 27.006,14.062 C28.300,14.062 29.350,15.112 29.350,16.406 C29.350,17.091 29.053,17.700 28.585,18.128 L28.591,18.134 L21.101,24.1000 L28.591,31.866 L28.585,31.872 C29.053,32.300 29.350,32.910 29.350,33.594 C29.350,34.888 28.300,35.937 27.006,35.937 C26.395,35.699 25.845,35.699 25.427,35.315 L25.422,35.321 L16.047,26.727 C15.564,26.282 15.288,25.658 15.288,24.1000 C15.288,24.342 15.564,23.717 16.047,23.272 L25.422,14.680 ZM24.1000,-0.000 C11.194,-0.000 -0.000,11.194 -0.000,24.1000 C-0.000,38.806 11.194,49.1000 24.1000,49.1000 C38.806,49.1000 49.1000,38.806 49.1000,24.1000 C49.1000,11.194 38.806,-0.000 24.1000,-0.000 ZM24.1000,45.312 C13.800,45.312 4.687,36.200 4.687,24.1000 C4.687,13.800 13.800,4.687 24.1000,4.687 C36.200,4.687 45.312,13.800 45.312,24.1000 C45.312,36.200 36.200,45.312 24.1000,45.312 Z'/%3E%3C/svg%3E");
  cursor:pointer;
left:7%
}
.container-component .slideplus-container[dir=ltr]>.slideplus-viewport.slideplus-horizontal>.slideplus-next, 
.container-component .slideplus-container[dir=rtl]>.slideplus-viewport.slideplus-horizontal>.slideplus-previous {
 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill-rule='evenodd' fill-opacity='0.5' fill='rgb(255, 255, 255)' d='M22.678,14.680 L22.673,14.686 C22.255,14.301 21.705,14.062 21.094,14.062 C19.800,14.062 18.750,15.112 18.750,16.406 C18.750,17.091 19.047,17.700 19.515,18.128 L19.509,18.134 L26.999,24.1000 L19.509,31.866 L19.515,31.872 C19.047,32.300 18.750,32.910 18.750,33.594 C18.750,34.888 19.800,35.937 21.094,35.937 C21.705,35.699 22.255,35.699 22.673,35.315 L22.678,35.321 L32.053,26.727 C32.536,26.282 32.812,25.658 32.812,24.1000 C32.812,24.342 32.536,23.717 32.053,23.272 L22.678,14.680 ZM24.1000,-0.000 C11.194,-0.000 -0.000,11.194 -0.000,24.1000 C-0.000,38.806 11.194,49.1000 24.1000,49.1000 C38.806,49.1000 49.1000,38.806 49.1000,24.1000 C49.1000,11.194 38.806,-0.000 24.1000,-0.000 ZM24.1000,45.312 C13.800,45.312 4.687,36.200 4.687,24.1000 C4.687,13.800 13.800,4.687 24.1000,4.687 C36.200,4.687 45.312,13.800 45.312,24.1000 C45.312,36.200 36.200,45.312 24.1000,45.312 Z'/%3E%3C/svg%3E");
cursor:pointer;
right:7%;
}

/*-----Language-----*/
div.mod-languages ul li.lang-active {     background: none;}
div.mod-languages a {padding:0;}

/*-----Item-images-----*/
.item-image img {object-fit: cover; width: 600px; border-radius:var(--border-radius); aspect-ratio:6/4; .}


/*-----Ajax Form-----*/
.site-grid .webfactor_default .ajaxWebfactorForm input:not([id^=submit]),
.site-grid .webfactor_default form.ajaxWebfactorForm textarea {border: 1px solid rgba(0,0,0, 0.2); background:rgba(255,255,255, 0.25); height:auto; }
.site-grid .webfactor_default .ajaxWebfactorForm input:not([id^=submit])::placeholder,
.site-grid .webfactor_default form.ajaxWebfactorForm textarea::placeholder {color: #ccc}
.site-grid .webfactor_default  p{font-size:0.9rem; text-align:left; color:var(--gray-500);}
.site-grid .webfactor_default .ajaxWebfactorForm input[id^=submit] {width:auto; margin:0 auto; display:block;}
.site-grid .webfactor_default form.ajaxWebfactorForm textarea:focus {border-color: var(--cassiopeia-color-primary)}
.site-grid .webfactor_static_form.webfactor_default {max-width:100%;}
.webfactor_default form.ajaxWebfactorForm fieldset.checkbox {font-size:0.9rem;}

/*-----Style for 1land----*/
/*-----Video banner for PD-----*/
#photo_video{	outline:0px solid red; height: 100vh;    min-height: 607px;    position: relative;    overflow: hidden;}
#video video {    position: absolute;    top: 50%;    left: 50%;    min-width: 100.1%;    min-height: 100.1%;    width: auto;    height: auto;    -webkit-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);}
#photo_video:before {    content: '';    height: 100%;    width: 100%;    position: absolute;    bottom: 0;    left: 0;    background: url(../images/video_shade.png) repeat-x 0 100%;    z-index: 4;}
#video {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;}
#video:before {    content: '';    height: 100%;    width: 100%;    position: absolute;    bottom: 0;    left: 0;    background: url(../images/video_shade.png) repeat-x 0 100%;    z-index: 4;}
#video_info {	outline:0px solid red;     vertical-align: bottom;    color: #fff;    z-index: 12;    position: relative;}
.justified {    text-align: justify;    line-height: 0;    font-size: 0.1px;    margin: 0;    padding: 0;    overflow: visible;}
#video_info ul {    margin: 0 50px 10% 50px;}
#video_info span {font-size:2.5rem; font-weight: 800;     line-height: 1;}
#video_info_text li:first-child {    text-transform: uppercase;    font-size: 24px;}
#video_info_text li {    width: 48%;    vertical-align: middle;}
#video_info_text li a img{	}
#video_info_text li p{	text-align:right;}
.justified > li {    display: inline-block;    text-align: left;    line-height: normal;    font-size: 18px;    vertical-align: top;    position: relative;    margin: 0;    padding: 0;    background: none;}
#video_info_text li:first-child span {    font-size: 130px;    font-weight: 800;    display: block;    line-height: 0.88;    margin-left: -6px;}
#video_info_features li {    width: 170px;    vertical-align: bottom;    line-height: 1.2;    margin: 0 0 40px 0;}
#video_info_features li div {    width: 130px;    padding: 0 0 0 106px;    position: relative;}
#video_info_features li img {    position: absolute;    bottom: 3px;    left: 0;}
#video_info_features li span {    font-size: 40px;    font-weight: 800;    display: block;    line-height: 1;}
#video_info_text li:last-child {    font-size: 26px;    font-weight: 700;	padding-top:50px;}
.justified:after {    width: 100%;    height: 0;    visibility: hidden;    overflow: hidden;    content: '';    display: inline-block;}

.container-topbar .header_contact_phone{font-size:1.3rem; font-weight:500}
.container-topbar .header_contact_title {  font-size: 0.8rem;    font-weight: 600;}

/*----- Стили для таблицы-списка категорий main page for PD -----*/
.category-row-table {     transition: all 0.3s ease;    border: 1px solid #e9ecef;    height: 100%;}
.category-row-table:hover {    background-color: #f8f9fa;    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);    transform: translateY(-3px);}
.category-row-table .border-end:last-child {    border-right: none !important;}
.category-avatar {    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);    border: 3px solid var(--white);}
.category-row-table:hover .category-avatar {    transform: scale(1.05) rotate(3deg);    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);}
.category-avatar-placeholder {    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);    border: 3px solid var(--white);}
.category-row-table h6 {    font-weight: 600;   }
.category-row-table h6 a {    transition: color 0.2s ease;}
.category-row-table h6 a:hover { color: var(--primary) !important; ;}
/* Стили для полей категории */
.text-muted.small .field-label,
.text-muted.small .field-value {    font-size: 0.9rem;}
.text-muted.small .field-label {    font-weight: 500;  }
.text-muted.small .field-value {    font-weight: 500;}
.fw-bold.small .field-label,
.fw-bold.small .field-value {    font-size: 0.95rem;}
.category-row-table:hover .col-auto:last-child a {    transform: scale(1.1) rotate(5deg);    }
.category-row-table .col-auto:last-child a i {    transition: transform 0.3s ease;}
.category-row-table:hover .col-auto:last-child a i {    transform: translateX(3px);}
/* Адаптивность */
@media (max-width: 1399.98px) {
    .category-avatar,
    .category-avatar-placeholder {        width: 80px !important;        height: 80px !important;    }
    .category-row-table .col-auto.border-end.text-center {        min-width: 120px !important;        padding: 0.75rem 1rem !important;    }
    .category-row-table .col-auto.border-end.text-center .fs-4 {        font-size: 1.75rem !important;    }
    .category-row-table .col-auto:last-child {        min-width: 70px !important;    }
    .category-row-table .col-auto:last-child a {        width: 42px !important;        height: 42px !important;  }
}

@media (max-width: 1199.98px) {
    .category-row-table > .row > .col:nth-child(4) {        display: none !important;    }
    .category-row-table .px-4 {        padding-left: 1rem !important;        padding-right: 1rem !important;    }
    .category-row-table .py-3 {        padding-top: 0.875rem !important;        padding-bottom: 0.875rem !important;    }
    .category-row-table h6 {        font-size: 1.05rem !important;    }
}

@media (max-width: 991.98px) {
    .category-row-table {        border-radius: 16px !important;        margin: 0 -15px !important;    }
    .category-row-table .row {        flex-direction: column !important;    }
    .category-row-table .border-end {        border-right: none !important;        border-bottom: 1px solid #e9ecef !important;    }
    .category-row-table .col-auto:first-child {        flex: 0 0 100% !important;        max-width: 100% !important;        text-align: center;        padding: 1.5rem 1rem !important;    }
    .category-avatar,
    .category-avatar-placeholder {        width: 120px !important;        height: 120px !important;        margin: 0 auto !important;    }
    .category-row-table > .row > .col:nth-child(2) {        flex: 0 0 100% !important;        max-width: 100% !important;        padding: 1.25rem 1.5rem !important;        text-align: center;    }
    .category-row-table h6 {        font-size: 1.3rem !important;        margin-bottom: 0.75rem !important;  }
    .category-row-table .text-muted.small {        font-size: 0.95rem !important;        justify-content: center !important;        display: block !important;    }
    .category-row-table > .row > .col-auto:nth-child(3) {        flex: 0 0 100% !important;        max-width: 100% !important;        padding: 1rem 1.5rem !important;        text-align: center;           min-width: auto !important;    }
    .category-row-table > .row > .col-auto:nth-child(3) .fw-bold {        font-size: 2rem !important;    }
    .category-row-table > .row > .col-auto:nth-child(3) .text-muted {        font-size: 0.9rem !important;    }
    .category-row-table > .row > .col:nth-child(4) {        display: block !important;        flex: 0 0 100% !important;        max-width: 100% !important;        padding: 1.25rem 1.5rem !important;    }
    .category-row-table > .row > .col:nth-child(4) .text-muted.small {        margin-bottom: 0.75rem !important;    }
    .category-row-table > .row > .col:nth-child(4) .fw-bold.small {        margin-bottom: 0.75rem !important;    }
    .category-row-table .col-auto:last-child {        flex: 0 0 100% !important;        max-width: 100% !important;        padding: 1.5rem !important;        border-bottom: none !important;    }
    .category-row-table .col-auto:last-child a {        width: 60px !important;        height: 60px !important;        background: rgba(255, 255, 255, 0.2) !important;        backdrop-filter: blur(10px) !important;        border: 2px solid rgba(255, 255, 255, 0.3) !important;    }
    .category-row-table .col-auto:last-child a:hover { background: rgba(255, 255, 255, 0.3) !important;    }
}
@media (max-width: 767.98px) {
    .category-avatar,
    .category-avatar-placeholder {        width: 100px !important;        height: 100px !important;    }
    .category-row-table h6 {        font-size: 1.2rem !important;    }
    .category-row-table > .row > .col-auto:nth-child(3) .fw-bold {        font-size: 1.75rem !important;    }
    .category-row-table .col-auto:last-child a {        width: 52px !important;        height: 52px !important;    }
}

/* Стили для иконок FontAwesome */
.fa-leaf-heart {    font-size: 2.5rem;    opacity: 0.6;}
.category-row-table:hover .fa-leaf-heart {    opacity: 0.8;    transform: scale(1.1);    transition: all 0.3s ease;}
/* Анимация появления при загрузке */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.category-row-table {
    animation: fadeInUp 0.5s ease-out forwards;
}

.category-row-table:nth-child(1) { animation-delay: 0.1s; }
.category-row-table:nth-child(2) { animation-delay: 0.15s; }
.category-row-table:nth-child(3) { animation-delay: 0.2s; }
.category-row-table:nth-child(4) { animation-delay: 0.25s; }
.category-row-table:nth-child(5) { animation-delay: 0.3s; }

/* Hover эффекты для полей */
.category-row-table .text-muted.small:hover .field-label {    color: #0d6efd;}
.category-row-table .fw-bold.small:hover .field-value {    color: #0a58ca;}
.category-row-table .text-muted.small:last-child {    color: #6c757d;    line-height: 1.6;    margin-top: 0.5rem;    padding-top: 0.5rem;    border-top: 1px dashed #dee2e6;}

/*-----Blog News for PD-----*/
.com-content-category-blog__items .article-info {display:flex; gap:1rem; font-size:0.875rem;}

/*-----Article for PD-----*/
.opisanie {font-size: 1rem;}
.field-entry[class^="iconwa-"] .field-label::before,
.field-entry[class*=" iconwa-"] .field-label::before {     font-family: "Font Awesome 6 Pro";    font-weight: 900;    margin-right: 8px;    display: inline-block;}
.field-entry.iconwa-electricity .field-label::before {     content: "\f0eb"; }
.field-entry.iconwa-forest .field-label::before {     content: "\f1bb";  }
.field-entry.iconwa-gaz .field-label::before {     content: "\f06d";  }
.field-entry.iconwa-bus .field-label::before {     content: "\f207";  }
.field-entry.iconwa-building .field-label::before {     content: "\f1ad";  }
.field-entry.iconwa-road .field-label::before {     content: "\f018";  }
.field-entry.iconwa-children .field-label::before {     content: "\e59d";  }
.field-entry.iconwa-swimmer .field-label::before {     content: "\f5c4";  }
.field-entry.iconwa-zabor .field-label::before {     content: "\e303";  }
.field-entry.iconwa-okhrana .field-label::before {     content: "\e333";  }
.field-entry.iconwa-shopping .field-label::before {     content: "\f847";  }
.field-entry.iconwa-welcome .field-label::before {     content: "\e50d";  }
.field-entry.iconwa-wall .field-label::before {     content: "\e3db";  }
.field-entry.iconwa-brick .field-label::before {     content: "\e58a";  }
.field-entry.iconwa-roof .field-label::before {     content: "\f78b";  }
.field-entry.iconwa-window .field-label::before {     content: "\e04f";  }
.field-entry.iconwa-base .field-label::before {     content: "\f56a";  }
.field-entry.iconwa-lightning .field-label::before {     content: "\e0b7";  }
.field-entry.iconwa-door .field-label::before {     content: "\f52a";  }
.field-entry.iconwa-balkon .field-label::before {     content: "\f56b";  }
.field-entry.iconwa-toilet .field-label::before {     content: "\f7d8";  }
.field-entry.iconwa-water .field-label::before {     content: "\f2cc";  }

/* Price in Card for PD*/
.price-current{    display: flex;    align-items: baseline; background-color: var(--gray-200);  border-left: 4px solid var(--primary);   border-top: 1px solid #e8f5e8;    padding: 16px 20px;    border-radius: 6px;    box-shadow: 0 2px 4px rgba(0, 146, 0, 0.08);}
.price-label {   font-weight: 600;    margin-bottom: 6px;   text-transform: uppercase;    letter-spacing: 0.5px;}
.price-value { font-size: 1.4rem;    font-weight: 500;    line-height: 1.3;    display: flex;    align-items: baseline;    gap: 0.8rem;}
.price-value .prefix {    font-size: 1rem;   font-weight: 400;}
.price-value .amount {    font-size: 1.5rem;    font-weight: 800;    color: var(--primary);    line-height: 1;}
.price-value .currency {    font-size: 1rem;    font-weight: 400;}
.price-old {  display: flex;    align-items: baseline;    gap: 12px;    padding: 8px 12px;    background: var(--light);    border-radius: 4px;}
.price-old .price-value {     color: #6c757d;    text-decoration: line-through;}
.price-old .amount {     color: #6c757d !important;}
.price-discount-badge {     display: inline-flex;    align-items: center;    justify-content: center;    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);    color: white;    font-size: 0.85rem;    font-weight: 700;    padding: 4px 10px;    border-radius: 20px;    margin-left: 12px;    white-space: nowrap;    box-shadow: 0 2px 6px rgba(238, 90, 36, 0.3);    transition: transform 0.2s ease;}
.price-discount-badge:hover {    transform: scale(1.1);}
.price-discount-badge i {    margin-right: 4px;    font-size: 0.9rem;}

/* Адаптивность */
@media (max-width: 767px) {
    .price-discount-badge {        margin-left: 8px;        margin-top: 8px;        font-size: 0.8rem;    }
        .price-current {        display: flex;        flex-wrap: wrap;        align-items: center;        gap: 8px;    }
}

/*Progress Bar for PD*/
.progressbar {		display:flex;		margin: 25px;	}
.circle {		width: 180px;		height: 180px;		margin: 0 auto;		margin-top: 10px;		display: inline-block;		position: relative;		text-align: center;	}
.circle:after {	    width: 120px;		height: 120px;		content: "";		border-radius: 50%;		display: block;		position: absolute;		top: 30px;		left: 30px;	}
.circle canvas {		vertical-align: middle;		border-radius: 50%;	}
.circle div {		position: absolute;		top: 50%;		left: 50%;		margin: -20px 0 0 -86px;		width: 100%;		text-align: center;		line-height: 40px;		font-size: 31px;	}
.circle strong i {		font-style: normal;		font-size: 0.6em;		font-weight: normal;	}
.circle span {		display: block;		color: white;		margin-top: 12px;	}

/*-----Banner Rassrochka-----*/
.rassrochka-banner {    background: var(--primary);    margin: 20px 0;    overflow: hidden;     position: relative;}
.rassrochka-left {    padding: 1.8rem;    min-height: 120px;    position: relative;    z-index: 2;}
.rassrochka-right {    min-height: 120px;    position: relative;    z-index: 1;}
/* Наклонный разделитель */
.rassrochka-left::after {    content: '';    position: absolute;    top: 0;    right: -30px;    width: 70px;    height: 100%;    background: var(--primary);    transform: skewX(-5deg);    z-index: 1;}

/* Banner Rassrochka responsive-----*/
@media (max-width: 768px) {    .rassrochka-left::after {        display: none;    }
        .rassrochka-banner {        flex-direction: column;    }
        .rassrochka-left,  
		.rassrochka-right {        min-height: auto;        padding: 1.2rem;    }
}

/*-----Testimonials-----*/
.testimonials img {aspect-ratio:6/4; object-fit:cover; width:100%;}

/*-----KP Card for PD-----*/
.kp-item {color: var(--white); background-size:cover; min-height:500px; transition: transform 0.3s ease;}
.kp-item h2 .subspan {font-size: 1rem; margin:0; margin-bottom:1rem;}
.kp-item h2 {}
.kp-item .kp-number{display:block; font-size:2rem; font-weight:700;     line-height: 1.7rem;}
.kp-item .kp-price,  .kp-price  {color: #58f17b; font-size:2rem; font-weight:700;}
.kp-item .kp-item-price  i {color: #fff; font-size:1.5rem;}
.kp-item .kp-number{color: #b7df16}
.kp-item ul {margin:0; text-align:right;     list-style: none; font-size:0.95rem;}
#comp .kp-item ul li {background: none; font-size:0.9rem;}
.kp-item-price, 
.kp-item-object,
.kp-item-numbers, 
.kp-item-ipoteka {margin-bottom:1rem;}
.kp-item-numbers span {margin-right:1rem;}
.kp-item-ipoteka span {color: #ecd07c; font-size:1.5rem; font-weight:800;}
.kp-item .kp-adv i {color: #b7df16; font-size:1.4rem; width: 30px;    height: 30px;    text-align: center;}
.kp-item p {margin:0;}
.kp-item .last {background: var(--red); color: var(--white); }
.kp-item .promo {background:var(--orange); }
.kp-item .kp-orange {color:#ffa602; font-size: 2.5rem;}
.kp-item .btn-primary {background: #ffc107; color:var(--body-color);}
@media (max-width: 768px) {
.kp-item ul li span {        display: none;    }
}
.card-overlay-item {color: var(--white); background-size:cover; min-height:500px; transition: transform 0.3s ease;}
.card-overlay {     position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 100%);    transition: opacity 0.3s ease;    z-index: 0;}
.card-overlay-item:hover .card-overlay {    opacity: 0.5;}
.card-overlay-content {position:relative;   z-index: 1;}


/*-----JL filter-----*/
.jl-filter {font-size:0.95rem;}
.jl-filter .jlmf-field-title {font-weight:600; margin-bottom:0.5rem;}

/*-----PD-Form-----*/
.pd-form .form-control {border-radius:10px; font-size:0.8rem; color:#9b9999; padding:0.9rem;}
.blog-item {position:relative;}
 .sold-out {right:0; top:0; background:var(--red); border-radius:var(--border-radius); color:var(--white); font-weight:600; padding:0.5rem; display:inline-block; font-size:0.8rem;}

/*--------Map lands for PD---------------*/

.genplan {position:relative}
.map-wrap img {width:1170px; max-width:inherit;}
.map-container {  width: 100%;            height: auto;            border: 1px solid #ccc;            overflow: hidden;            margin: auto;   }
#svgMap {            width: 100%;            height: 100%;            cursor: grab;    touch-action: none; /* Отключает стандартную обработку касаний браузером */     }
@media (max-width: 768px) {
    .map-container {
        aspect-ratio: 9 / 16;
        height: auto; /* переопределяем, если было задано иначе */
    }
}
 /* Кнопки управления масштабом */
 .zoom-controls {            position: absolute;             right: 10px;            display: flex;            flex-direction: column;            gap: 5px;padding-top:10px;       }
 .zoom-controls button {            width: 40px;            height: 40px;            font-size: 20px;            font-weight: bold;            background: white;            border: 1px solid #ccc;            cursor: pointer;            transition: background 0.2s ease;        }
 .zoom-controls button:hover {            background: #ddd;        }

.plan-svg { height: auto;  display: block;position:absolute;}
.free {fill: #bae059; fill-opacity:0.5; stroke: #000; stroke-width:1;}
.free:hover {transition:opacity 0.2s ease; fill-opacity:0.9; cursor:pointer;}
.free-1 {fill: #11ff97; fill-opacity:0.5; stroke: #000; stroke-width:1;}
.free-1:hover {transition:fill-opacity 0.2s ease; opacity:0.9; cursor:pointer;}
.free-2 {fill: #12ebff; opacity:0.5; stroke: #000; stroke-width:1;}
.free-2:hover {transition:opacity 0.2s ease; opacity:0.9; cursor:pointer;}
.free-3 {fill: #7fff00; opacity:0.5; stroke: #000; stroke-width:1;}
.free-3:hover {transition:opacity 0.2s ease; opacity:0.9; cursor:pointer;}
.sale {fill: #ae2de8!important; opacity:0.5; stroke: #000; stroke-width:1;}
.sale:hover {transition:opacity 0.2s ease; opacity:0.9; cursor:pointer;}
.booked {fill: #007bff!important; opacity:0.5; stroke: #000; stroke-width:1;}
.booked:hover {transition:opacity 0.2s ease; opacity:0.9; cursor:pointer;}
.sold {fill:#fd0d06; opacity:0.5; stroke: #000; stroke-width:1;}
.sold:hover {transition:opacity 0.2s ease; opacity:0.9; cursor:pointer;}
.other {fill: #18bbc0; opacity:0.6; cursor:pointer; stroke: #000; stroke-width:1;}
.other:hover {opacity:0.9;}
.line-2 {fill: #fff30b!important; opacity:0.5; stroke: #000; stroke-width:1;}
.line-2:hover {transition:opacity 0.2s ease; opacity:0.9; cursor:pointer;}
.reserve, .reserved {fill: #ffb329; opacity:0.6; cursor:pointer; stroke: #000; stroke-width:1;}
.reserve:hover, .reserved:hover {opacity:0.9;}
.description-land {  pointer-events: none;  position: fixed;  background: white;  padding: 10px 15px;  z-index: 5;  height: auto;   margin: 0 auto;  border-radius: 5px;  box-shadow: 0 0 0 1px #eee;  -moz-transform: translateX(-50%);  -ms-transform: translateX(-50%);  -webkit-transform: translateX(-50%);  transform: translateX(-50%);  display: none; max-width:320px; text-align:center;}
.description-land p{margin:5px 0; }
.description-land h4 {font-size:1.1rem; }
.description-land.act{  display: block;}
.description-land:after {  content: "";  position: absolute;  left: 50%;  bottom: 100%;  width: 0;  height: 0;  margin-left: -10px;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-bottom: 10px solid white;}
.description-land .landprice  {padding:10px 15px; background: #719802; color: #fff; font-size:1.2rem; margin:20px 0;}
.bron .webfactor_default .webfactor_go {margin:0 auto; background: #7bab22; color: #fff; max-width: 100%; border:none; font-size:1.2rem; text-transform:none; font-weight:600; padding:0.6rem 0; border-radius:8px;cursor:pointer;}
.bron .webfactor_default .webfactor_go:hover {background: #4c6f0a; color: #fff;}
.unvis {display:none;}
.pop-up {    position: fixed;    top: 20%;    left: 50%;    padding: 20px;    width: 360px;    margin-left: -200px;        background: #fff;    border: 1px solid #333;    border-radius: 4px;     z-index: 99999;    opacity: 1;    }
.pop-up-fade {    display: none; /* скрыт по умолчанию */    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 99998;}
.pop-up-fade:before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: #000;    opacity: 0.7;    z-index: -1;}

/* Модальное окно */
.popup-flat {    position: relative; /* внутри fixed-оверлея */    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    width: 800px;    max-width: 95%;    max-height: 90vh;    overflow-y: auto;    padding: 20px;    background: #fff;    border: 1px solid #333;    border-radius: 4px;    z-index: 99999;    box-shadow: 0 4px 20px rgba(0,0,0,0.3);}

/* Крестик закрытия */
.pop-up-close {    position: absolute;    top: 10px;    right: 10px;    cursor: pointer;    font-size: 24px;    color: #aaa;    transition: color 0.2s;}
.pop-up-close:hover {    color: #000;}

.landtitle {margin-bottom:15px; border-bottom:1px solid #c3c3c3; padding-bottom:15px;}
.landnumber {position:relative; background:var(--primary); width:60px; height:60px; color: #fff; font-size:1.5rem; font-weight:600; margin: 0 auto; text-align:center; line-height:60px; border-radius:50%; margin-bottom:10px;}
.landstatus {color: var(--primary); padding:0 10px;   font-size:1.2rem; font-weight:600; text-align:center}
.landtext span, .landprice span {font-weight:600;}
.landimg{margin-bottom:15px;}
.landimg img{width:100%}
.nonfree .landnumber {background:#d03601; }
.nonfree .landstatus{color: #d03601;}
.nonfree .landprice, 
.infra .landprice {display:none;}
.infra .landnumber {background:#7c7c7c; }
.infra .landstatus{color: #7c7c7c;}
.reserved .landnumber {background:#ffb329; }
.reserved .landstatus{color: #ffb329;}
[class^="land-"], [class*=" land-"]  {fill:#c8c7c7;stroke: #e6fbc5; stroke-width:4;cursor:pointer;}
[class^="land-"]:hover, [class*=" land-"]:hover {transition:opacity 0.4s ease; opacity:0.9;}
.land-1{fill:#719802; opacity:0.6}
.land-2{fill:#28a745; opacity:0.6}
.land-3{fill:#b4de0b; opacity:0.6}
/*-----------Map legend----------*/
.map-legend {  width: 100%;  font-size:0.9rem;}
.map-legend h3 {font-size:1.2rem; magrin-bottom:15px; border-bottom:1px solid #c3c3c3; padding-bottom:15px;}
.map-free, .map-free-1, .map-sold, .map-infra, .map-reserve, .map-sale, .map-booked, .map-free-2, .map-free-3 {width:30px; height:30px; border:5px solid rgba(255,255,255, 0.5) ; border-radius:50%;margin-right:20px;}
.map-status {align-items:center; display:flex;}
.map-free {background: #9ab157;}
.map-free-1 {background: #11ff97;}
.map-sale{background: #ae2de8;}
.map-sold{background: #f13833;}
.map-infra {background: #64c6c9;}
.map-reserve {background: #f7be58;}
.map-booked {background: #007bff;}
.map-free-2 {background: #12ebff;}
.map-free-3 {background: #7fff00;}


<!-- Стили для карты участков 2026 -->

.map-container { 	position: relative;	max-width: 100%;	overflow: hidden;	background: #f8f9fa;	border-radius: 8px;}
#svgMap {	display: block;	width: 100%;	height: auto;	min-height: 500px;	background:white;}
.zoom-controls {	z-index: 10;}
.zoom-controls button {	margin: 3px;	padding: 8px 12px;	font-size: 16px;	border: none;	border-radius: 4px;	background: white;	box-shadow: 0 2px 4px rgba(0,0,0,0.1);	cursor: pointer;	transition: all 0.2s;}
.zoom-controls button:hover {	background: var(--gray-600);	color: white;	transform: scale(1.05);}
.desc .landtitle {	display: flex;flex-direction:column;	justify-content: space-between;	align-items: center;	padding-bottom: 10px;	margin-bottom: 15px;}
.desc .landnumber {	font-size: 28px;	font-weight: bold;	color: white;}
.desc .landstatus {	font-size: 16px;	font-weight: bold;	padding: 5px 10px;	border-radius: 5px;	background: var(--primary);	color: white;}
.desc.nonfree .landstatus { background: #d03601; color: white; }
.desc.reserved .landstatus { background: #ffc107; color: white; }
.desc.infra .landstatus,
.desc.infra .landnumber  { background: #17a2b8; color: white; }
.desc.booked .landstatus,
.desc.booked .landnumber { background: var(--gray-400); color: white; }
.desc.booked {opacity:1;}
.desc .landtext p {	margin: 8px 0;	line-height: 1.6;}
.desc .landtext span {	font-weight: bold;	}
.desc .landprice {	background: #f8f9fa;	padding: 15px;	border-radius: 5px;	margin-top: 15px;	border-left: 4px solid var(--primary);}
.desc .landprice p {	margin: 5px 0;}

@media (max-width: 768px) {
	#svgMap { min-height: 300px; }
	.zoom-controls { flex-direction: column; align-items: stretch; }
	.zoom-controls button { width: 100%; margin: 2px 0; }
}


/*------Flats Map for PD-----*/
.involved .flat-marker  {fill:var(--primary);  stroke-width:0; fill-opacity: 1;}

.involved  .flat-number {fill: #fff;stroke-width: 0;   fill-opacity: 1;}
.flat-sold {fill:#646363; fill-opacity:0.5; cursor:pointer;}
.flat-sold:hover {fill-opacity:0.9;}
.flat-status-badge {font-size: 16px;	font-weight: bold;	padding: 5px 10px;	border-radius: 5px;	background: var(--primary);	color: white; display:inline-block;}
.flat-status-badge.status-sold {background:#d03601;}

/* Yandex Map */

/* Нейтральный серый стиль */
.ymaps-2-1-79-ground-pane ,
.ymaps-2-1-80-ground-pane ,
.ymaps-2-1-81-ground-pane ,
.ymaps-2-1-82-ground-pane ,
.ymaps-2-1-83-ground-pane  {
    filter: grayscale(100%) brightness(1.0) contrast(0.95) !important;
}

.ymaps-2-1-79-objects-pane ,
.ymaps-2-1-80-objects-pane ,
.ymaps-2-1-81-objects-pane ,
.ymaps-2-1-82-objects-pane ,
.ymaps-2-1-83-objects-pane  {
    filter: grayscale(100%) brightness(1.05) contrast(0.95) !important;
}

/* Элементы управления */
.ymaps-2-1-79-zoom,
.ymaps-2-1-80-zoom,
.ymaps-2-1-81-zoom,
.ymaps-2-1-82-zoom,
.ymaps-2-1-83-zoom {
    background-color: rgba(240, 240, 240, 0.9) !important;
    border: 1px solid #ddd !important;
}

.ymaps-2-1-79-zoom__item,
.ymaps-2-1-80-zoom__item,
.ymaps-2-1-81-zoom__item,
.ymaps-2-1-82-zoom__item,
.ymaps-2-1-83-zoom__item {
    background-color: transparent !important;
    color: #333 !important;
}

.ymaps-2-1-79-copyright__link,
.ymaps-2-1-80-copyright__link,
.ymaps-2-1-81-copyright__link,
.ymaps-2-1-82-copyright__link,
.ymaps-2-1-83-copyright__link {
    color: #666 !important;
}

/*-----House map with tooltip-----*/
.house-container {    position: relative;    width: 100%;    max-width: 1170px;    margin: 0 auto 40px;}
.house-image {    width: 100%;    height: auto;    display: block;}
.house-points {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    pointer-events: none;}
.house-point {    position: absolute;    transform: translate(-50%, -50%);    cursor: pointer;    pointer-events: auto;}
.point-circle {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    width: 50px;    height: 50px;    border-radius: 50%;    background-color: rgba(0, 146, 0, 0.15);    border: 2px solid var(--primary);     transition: all 0.3s ease;}
.point-inner {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    width: 40px;    height: 40px;    border-radius: 50%;    background-color: white;    border: 2px solid var(--primary);    transition: all 0.3s ease;}
.house-icon {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    font-size: 18px;    color: var(--primary);    transition: all 0.3s ease;}

.house-point:hover .point-circle {    background-color: rgba(0, 146, 0, 0.25);}
.house-point:hover .point-inner {    background-color: var(--primary);}
.house-point:hover .house-icon {    color: white;    font-size: 20px;}
/* Стили для тултипов */
.tooltip-inner {    max-width: 350px;    padding: 15px;    background-color: white;    color: var(-gray-800);    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);    border-radius: 10px;    font-size: 1rem;}
.tooltip-inner h4 {    margin: 0 0 10px 0;    font-size: 1.3rem;    color: var(--primary);    font-weight: 600;    padding-bottom: 8px;    border-bottom: 1px solid var(--gray-300);}
.tooltip-inner p {    margin: 0;    line-height: 1.6;    color: #555;}


/*-----Grid-----*/
@supports (display: grid) {

  .site-grid {
    display: grid;
    grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ."  ". top-b top-b top-b top-b ."  ". top-b-button top-b-button top-b-button top-b-button ." ". top-c top-c top-c top-c ." ". top-d top-d top-d top-d ." ". top-f top-f top-f top-f ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". side-l side-l side-l side-l ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ." ". bot-b-button bot-b-button bot-b-button bot-b-button ." ". bot-c bot-c bot-c bot-c ." ". bot-d bot-d bot-d bot-d ." ". bot-e bot-e bot-e bot-e ." ". bot-f bot-f bot-f bot-f ." ". bot-g bot-g bot-g bot-g ." ". bot-h bot-h bot-h bot-h .";
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 19.875rem)) [main-end] minmax(0, 1fr) [full-end];
    grid-gap: 0 1em;
  }
	.site-grid > [class^=container-],
	.site-grid > [class*=" container-"] {     width: 100%;    max-width: none;    -webkit-column-gap: 1em;       -moz-column-gap: 1em;            column-gap: 1em; max-width:100%; }
	.site-grid > .full-width {    grid-column: full-start/full-end;  }
@media (min-width: 992px) {
    .site-grid { grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ."  ". top-b-button top-b-button top-b-button top-b-button ."  ". top-c top-c top-c top-c ." ". top-d top-d top-d top-d ." ". top-f top-f top-f top-f ."  ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ." ". bot-b-button bot-b-button bot-b-button bot-b-button ." ". bot-c bot-c bot-c bot-c ." ". bot-d bot-d bot-d bot-d ." ". bot-e bot-e bot-e bot-e ." ". bot-f bot-f bot-f bot-f ." ". bot-g bot-g bot-g bot-g ." ". bot-h bot-h bot-h bot-h .";    }
  }
}
.container-top-b-button {  grid-area: top-b-button;}
.container-top-c {  grid-area: top-c;}
.container-top-d {  grid-area: top-d;}
.container-top-f {  grid-area: top-f;}
.container-bottom-b-button {  grid-area: bot-b-button;}
.container-bottom-c {  grid-area: bot-c;}
.container-bottom-d {  grid-area: bot-d;}
.container-bottom-e {  grid-area: bot-e;}
.container-bottom-f {  grid-area: bot-f;}
.container-bottom-g {  grid-area: bot-g;}
.container-bottom-h {  grid-area: bot-h;}

.container-top-b-button,
.container-top-c,
.container-top-d,
.container-top-f ,
.container-bottom-b-button,
.container-bottom-c,
.container-bottom-d,
.container-bottom-e,
.container-bottom-f,
.container-bottom-g,
.container-bottom-h  {  position: relative;}

.container-top-b-button > * {  flex: 1;  margin: 0.5em 0;}
.container-top-b > * {  flex: 1;  margin: 0;}
.container-top-c > * {  flex: 1;  margin: 0.5em 0;}
.container-top-d > * {  flex: 1;  margin:  0;}
.container-top-f > * {  flex: 1;  margin: 0;}
.container-bottom-b-button > * {  flex: 1;  margin: 0.5em 0;}
.container-bottom-c > * {  flex: 1;  margin: 0.5em 0;}
.container-bottom-d > * {  flex: 1;  margin: 0;}
.container-bottom-e > * {  flex: 1;  margin: 0.5em 0;}
.container-bottom-f > * {  flex: 1;  margin: 0.5em 0;}
.container-bottom-g > * {  flex: 1;  margin: 0.5em 0;}
.container-bottom-h > * {  flex: 1;  margin: 0.5em 0;}

@media (max-width: 991.98px) {
.container-top-b-button,
.container-top-c,
.container-top-d,
.container-top-f,
.container-bottom-b-button,
.container-bottom-c,
.container-bottom-d,
.container-bottom-e, 
.container-bottom-f,
.container-bottom-g,
.container-bottom-h{    flex-direction: column;  }

.container-top-b-button > * {    flex: 0 1 auto;  }
.container-top-c > * {    flex: 0 1 auto;  }
.container-top-d > * {    flex: 0 1 auto;  }
.container-top-f > * {    flex: 0 1 auto;  }
.container-bottom-b-button > * {    flex: 0 1 auto;  }
.container-bottom-c > * {    flex: 0 1 auto;  }
.container-bottom-d > * {    flex: 0 1 auto;  }
.container-bottom-e > * {    flex: 0 1 auto;  }
.container-bottom-f > * {    flex: 0 1 auto;  }
.container-bottom-g > * {    flex: 0 1 auto;  }
.container-bottom-h > * {    flex: 0 1 auto;  }
}

/*----------Animated -------------*/
.animate-on-scroll {    opacity: 0;    transform: translateY(40px);    transition: all 0.6s ease-out;}
.animate-on-scroll.is-visible {    opacity: 1;    transform: translateY(0);}

.slideInLeft {  -webkit-animation-name: slideInLeft;   animation-name: slideInLeft;  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;  }
  @-webkit-keyframes slideInLeft {
  0% {  -webkit-transform: translateX(-100%);  transform: translateX(-100%);  visibility: visible;  }
  100% {  -webkit-transform: translateX(0);  transform: translateX(0);  }
  }
  @keyframes slideInLeft {
  0% {  -webkit-transform: translateX(-100%);  transform: translateX(-100%);  visibility: visible;  }
  100% {  -webkit-transform: translateX(0);  transform: translateX(0);  }
  } 
.slideInRight {  -webkit-animation-name: slideInRight;  animation-name: slideInRight;  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;  }
  @-webkit-keyframes slideInRight {
  0% {  -webkit-transform: translateX(100%);  transform: translateX(100%);  visibility: visible;  }
  100% {  -webkit-transform: translateX(0);  transform: translateX(0);  }
  }
  @keyframes slideInRight {
  0% {  -webkit-transform: translateX(100%);  transform: translateX(100%);  visibility: visible;  }
  100% {  -webkit-transform: translateX(0);  transform: translateX(0);  }
  } 

.slideInTop {  -webkit-animation-name: slideInTop;   animation-name: slideInTop;  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;  }
  @-webkit-keyframes slideInTop {
  0% {  -webkit-transform: translateY(-100%);  transform: translateY(-100%);  visibility: visible;  }
  100% {  -webkit-transform: translateY(0);  transform: translateY(0);  }
  }
  @keyframes slideInTop {
  0% {  -webkit-transform: translateY(-100%);  transform: translateY(-100%);  visibility: visible;  }
  100% {  -webkit-transform: translateY(0);  transform: translateY(0);  }
  } 

.slideInBottom{  -webkit-animation-name: slideInBottom;   animation-name: slideInBottom;  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;  }

@keyframes slideInBottom {  
  0% {        transform: translateY(100%);        opacity: 0;    }
    100%  {        transform: translateY(0);        opacity: 1;    }
}

/*-----Custom Fonts-----*/

@font-face {
    font-family: 'Acrom';
    src: url('../fonts/Acrom/Acrom-Thin.eot');
    src: local('../fonts/Acrom/Acrom Thin'), local('../fonts/Acrom/Acrom-Thin'),
        url('../fonts/Acrom/Acrom-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Acrom/Acrom-Thin.woff2') format('woff2'),
        url('../fonts/Acrom/Acrom-Thin.woff') format('woff'),
        url('../fonts/Acrom/Acrom-Thin.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Acrom';
    src: url('../fonts/Acrom/Acrom-Light.eot');
    src: local('../fonts/Acrom/Acrom Light'), local('../fonts/Acrom/Acrom-Light'),
        url('../fonts/Acrom/Acrom-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Acrom/Acrom-Light.woff2') format('woff2'),
        url('../fonts/Acrom/Acrom-Light.woff') format('woff'),
        url('../fonts/Acrom/Acrom-Light.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Acrom';
    src: url('../fonts/Acrom/Acrom-Regular.eot');
    src: local('../fonts/Acrom/Acrom Regular'), local('../fonts/Acrom/Acrom-Regular'),
        url('../fonts/Acrom/Acrom-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Acrom/Acrom-Regular.woff2') format('woff2'),
        url('../fonts/Acrom/Acrom-Regular.woff') format('woff'),
        url('../fonts/Acrom/Acrom-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Acrom';
    src: url('../fonts/Acrom/Acrom-Medium.eot');
    src: local('../fonts/Acrom/Acrom Medium'), local('../fonts/Acrom/Acrom-Medium'),
        url('../fonts/Acrom/Acrom-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Acrom/Acrom-Medium.woff2') format('woff2'),
        url('../fonts/Acrom/Acrom-Medium.woff') format('woff'),
        url('../fonts/Acrom/Acrom-Medium.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Acrom';
    src: url('../fonts/Acrom/Acrom-Bold.eot');
    src: local('../fonts/Acrom/Acrom Bold'), local('../fonts/Acrom/Acrom-Bold'),
        url('../fonts/Acrom/Acrom-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Acrom/Acrom-Bold.woff2') format('woff2'),
        url('../fonts/Acrom/Acrom-Bold.woff') format('woff'),
        url('../fonts/Acrom/Acrom-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
	font-family: 'Avenir';
	src: url(''../fonts/Avenir/AvenirNextCyr-Demi.eot');
	src: local('../fonts/Avenir/Avenir Next Cyr Demi'), local('../fonts/Avenir/AvenirNextCyr-Demi'),
		url('../fonts/Avenir/AvenirNextCyr-Demi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Avenir/AvenirNextCyr-Demi.woff') format('woff'),
		url('../fonts/Avenir/AvenirNextCyr-Demi.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Avenir';
	src: url('../fonts/Avenir/AvenirNextCyr-Bold.eot');
	src: local('../fonts/Avenir/Avenir Next Cyr Bold'), local('../fonts/Avenir/AvenirNextCyr-Bold'),
		url('../fonts/Avenir/AvenirNextCyr-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Avenir/AvenirNextCyr-Bold.woff') format('woff'),
		url('../fonts/Avenir/AvenirNextCyr-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;


}