:root {
  --color-primary: #363D4A;
  --color-accent: #5096FF;
  --color-accent-dark: rgb(20, 20, 116);
  --color-accent-hover: #0150C8;
  --color-accent-dark-hover: #141469;
  --color-white: #fff;
  --color-light: #FAF9F7;
  --color-secondary: #8389A8;
  --color-secondary-light: #AAAEC7;
  --color-secondary-dark: #02021E;
  --color-gray-00:#F8FAFB;
  --color-gray-01:#EEF1F5;
  --color-gray-02:#DADCE5;
  --shadow-box-shadow: 0px 5px 50px rgba(15, 20, 67, 0.1);
}


h1,h2,h3,h4, .h1,.h2,.h3,.h4 { 
    font-family: 'Open Sans';
    word-break: break-word;
    hyphens: auto;
}
h1,.h1  {font-weight: 700; font-size:48px; line-height:calc(50/40*100%); margin-bottom: 20px;}
h2,.h2  {font-weight: 700; font-size:40px; line-height:calc(55/35*100%);}
h3,.h3  {font-weight: 700; font-size:31px; line-height:calc(30/26*100%);}
h4,.h4  {font-weight: 600; font-size:24px; line-height:calc(25/20*100%);}
h5,.h5  {font-weight: 600; font-size:22px; line-height:calc(25/18*100%);}

a {color: var(--color-accent); text-decoration: none}
.ava_body a {color: var(--color-accent) !important; text-decoration: none}
.ava_body a[href^=tel],
.ava_body a[href^=mailto] {color: var(--color-primary) !important; }
a:hover {color: var(--color-accent-hover);}
a:visited {opacity:0.5;}

body {  background-color: var(--color-gray-01);  font-family: 'Open Sans', sans-serif; font-size:21px;}
.gray00, .bg-gray00 {  background-color: var(--color-gray-00);}
.bg-gray01 {  background-color: var(--color-gray-01);}
.bg-gray02 {  background-color: var(--color-gray-02);}

.secondary {  color: var(--color-secondary);}
.primary {  color: var(--color-primary);}
.gray02 {  color: var(--color-gray-02);}
.accent-dark {  color: var(--color-accent-dark);}

.pv80 {padding-top:80px; padding-bottom:  80px;}
.pv40 {padding-top:40px; padding-bottom:  40px;}

.mv40 {margin-top:40px; margin-bottom:  40px;}

header {  padding-top:26px; padding-bottom: 10px;}
hr {
color:var(--color-gray-02);
margin:0;
padding:0;
opacity: 1;
}
p {
font-size:21px;
line-height: calc(25/17 *100%);
text-align: justify;
margin-bottom:0.75rem;
margin-top:0.75rem;
}

p.highlight {
border-left: 5px solid var(--color-accent);
padding-left:20px;
}

p.hr-line {
    width: 100%;
    display: flex;
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    height: 1px;
}
    p.hr-line:before { 
        content: "";
        display: block;
        width: 100%;
        max-width: 400px;
        background: #5096FF;
        height: 4px;
        margin: 0 auto;
    }

p.warning {
    background: #EEF1F5;
    padding: 40px;
    margin: 30px 50px 30px 50px;
    border-radius: 10px;
}

p.light {
padding:25px;
background-color: var(--color-white);
box-shadow: var(--shadow-box-shadow);
}

p.dark, .dark {
padding:20px;
background-color: var(--color-gray-01);
}


ul {
padding-left: 15px;
}
ul li{
list-style-image: url("list.svg");
}

li {
margin-bottom:0.2rem;
margin-top:0.2rem;
}

ul.tire li {

}

ul li.nav-item {
list-style: none;
}

.card-text {
font-size:17px;
}

.btn {
font-size:17px;
border-radius:0;
padding:15px 25px;
border-width: 2px;
opacity: 1;
}
.btn:hover {
opacity: 0.8;
}

.btn-accent-dark {
background-color: var(--color-accent-dark);
color: var(--color-light);
}
.btn-accent-dark:hover {
background-color: var(--color-accent-dark-hover);
color:#fff;
}


header .btn {
margin-left:10px;
margin-bottom:10px;
display: inline-block;
}

.btn-primary {
background-color:var(--color-accent);
border-color:var(--color-accent);
color:var(--color-light);
}

.btn-primary:hover {
background-color:var(--color-accent-hover);
}

.btn-primary-outline {
color:var(--color-accent);
border-color:var(--color-accent);
background-color: var(--color-gray-00);
font-weight: 700;
}
.btn-primary-outline:hover {
color:var(--color-accent-hover);
border-color:var(--color-accent-hover);
}

.img-responsive,
.img-fluid {
    width: auto;
max-width: 100%;
margin:auto;
height:auto;
display: block;
}

.nav-link {
color:var(--color-primary);
font-size:22px;
line-height: calc(25/15 *100%);
padding:0;
margin-right:20px;
}
#menu .container { position: relative; }
#menu[stuck] .nav-link { color: #fff; }
#menu[stuck] .dropdown-menu .nav-link { color:var(--color-primary); }
.nav-link.active {
color:var(--color-secondary);
}

.pagination a, .pagination span {
margin-right: 20px;
}
.pagination span {
font-weight: bold;
}


#top {
text-decoration: none;
}
.header-logo p {
font-weight:bold;
color: var(--color-accent-dark);
font-size:31px;
line-height:calc(30/26 *100%);
margin:0;
font-family: 'Open Sans';
}

.header-logo > span, #top h1 {
color: var(--color-primary);
font-size:21px;
line-height: calc(25/17 *100%);
font-weight: 400;
font-family: inherit;
}

#phone {
text-align: right;
}
#phone img {
width:20px;
height:20px;
margin-right:5px;
}
#phone .tel {
font-size:23px;
line-height: calc(25/17 *100%);

}
#phone a {
color: var(--color-primary);
text-decoration: none;
font-weight: 600;
}

#phone span {
color: var(--color-secondary);
font-size:16px;
line-height: calc(15/13 *100%);
margin-left:30px;
letter-spacing:0.06px;
margin-top: 5px;
}

#soc a{
margin-left:15px;
text-decoration: none;
color:var(--color-secondary);
font-size:24px;
}
#soc .fa-tiktok {
    height: 24px;
    width: 24px;
    background-image: url("soc-tiktok.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

#menu {
padding: 15px 15px;
top: -2px;
}

#menu[stuck]{
-webkit-box-shadow: 0px 11px 8px 0px rgba(34, 60, 80, 0.075);
-moz-box-shadow: 0px 11px 8px 0px rgba(34, 60, 80, 0.075);
box-shadow: 0px 11px 8px 0px rgba(34, 60, 80, 0.075);
background: #145482;
}

.dropdown-menu {
padding: 15px;
box-shadow: var(--shadow-box-shadow);
border-radius: 0;
width: 320px;
border: none;
}
.dropdown-menu .nav-item, .dropdown-menu .nav-link.active {
font-size:22px;
line-height: calc(25/15 *100%);
padding: 9px 0;
border-bottom:1px solid;
border-color: var(--color-gray-02);
margin:0;
}

.dropdown-menu .nav-item:last-child {
border-bottom:none;
}

.dropdown-toggle::after {
content: "\f107";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
border: none;
vertical-align: middle;
/*
width:13px;
height: 6px;
border:none;
vertical-align: 1px;
*/
/*background-image:  url('../images/new/dd.svg');*/
}

#main {  padding-top:80px;}

#internal {  padding-top:40px;}
#internal .card{    margin:15px 0;}


#privetstvie {
background-color: var(--color-gray-01);
padding: 40px;
position: relative;
}
#privetstvie > a {
    display: block;
    width: 21px;
    height: 22px;
    position: absolute;
    background-image: url("privetstvie.svg");
    background-repeat: no-repeat;
    right: 40px;
    bottom: 60px;
    text-indent: -99999px;
}
#privetstvie p{
font-size:21px;

}
#privetstvie p.bold {
margin: 0;
font-weight: 600;
}
#privetstvie p:last-child {
margin: 0;
font-size:16px;
line-height: calc(20/13 *100%);
color: var(--color-secondary);
padding-right: 60px;
text-align: left;
}

#main_video {
margin-top:60px;
width:100%;
height:440px;
background-image: url("video.jpg");
background-position: left center;
background-size: contain;
background-repeat: no-repeat;
}

#main_video a {
display: block;
margin-top: 40px;
float:right;
}

#cert {
text-decoration: none;
display: block;
margin-top: 60px;
width:100%;
height:440px;
background-image: url("");
background-position: right center;
background-repeat: no-repeat;
background-size: contain;

}
#cert span{
display: inline-block;
border-bottom: 1px dashed var(--color-accent);
margin-top: 290px;
margin-left: 80px;
}
#cert span:hover { border-color: var(--color-accent-hover)}

#seo #text {
padding: 45px 40px 30px 40px;
background-color: var(--color-gray-01);
}
#seo img {
max-width: 50%;
}
.carousel-item + .carousel-item {
 margin-left: 30px;
}

.card, .card-img, .card-img-top{
border-radius: 0;
}


/*shadows fix*/
.owl-carousel .owl-stage-outer {
  margin: 0 -50px;
  padding: 0 50px;
  width: calc(100% + 100px);
}

.owl-item {
opacity: 0;
transition: opacity 500ms;
}
.owl-item.active {
opacity: 1;
}


.owl-nav  {
position:absolute;
top:calc(45% - 7px);
width:100%;
}

.owl-nav button.owl-prev {
position:absolute; left:-40px;
}
.owl-nav button.owl-next {
position:absolute; right:-40px;
}
.owl-nav .owl-next span, .owl-nav .owl-prev span {
font-size:0;
display: block;
background-image: url("right.svg");
width:14px;
height: 26px;
background-repeat: no-repeat;
background-position: right center;
}
.owl-nav .owl-prev span {
transform: rotate(180deg);
}


.owl-dots {
text-align: center;
z-index:99;
}
.owl-dots button{
width:10px;
height:10px;
background-color: var(--color-gray-02) !important;
margin-right: 10px;
}

.owl-dots button.active{
background-color: var(--color-accent) !important;;
}

#preim {
padding: 0 0 60px;
background-color: var(--color-gray-00);
}

.card   {
  box-shadow: var(--shadow-box-shadow);
  border:none;
  text-align: center;
  margin:40px 0;

}


.owl-carousel a, .object a {
text-decoration: none;
color: inherit;
}
.card-body {
padding: 25px 20px 40px;
}



#price {
padding: 40px 0;
}
#price .price {
position: absolute;
right:20px;
top:20px;
padding: 7px 15px 8px;
background-color: var(--color-white);
color: var(--color-accent-dark);
}

#bannery .owl-nav  {
width:95%;
top:calc(50% - 7px);
}
#bannery .owl-carousel .owl-stage-outer {
margin: 0;
padding: 0;
width: auto;
}

#bannery .owl-nav .owl-next span, #bannery .owl-nav .owl-prev span {
background-position: left center;
}
#bannery .owl-nav .owl-prev span {
margin-left:90px;
}


#bannery .percent {
color: var(--color-accent-dark);
font-size:5vw;
line-height: calc(1.05*100%);
font-weight: bolder;
font-family: 'Open Sans';
margin: 0;
}
#bannery .title {
font-size:3vw;
line-height: calc(3.2/3*100%);
font-weight: bolder;
color: var(--color-accent-dark);
margin-bottom: 0;
}
#bannery .text {
color: var(--color-secondary);
font-size:1vw;
max-width:800px;
}
#bannery .container {
margin-top:-30vw;
padding: 1vw 0;
}



#bannery .owl-dots {
  position:relative;
  margin-top:-3vw;
}

#otzivi {padding:40px 0;}


#otzivi .card {
    padding: 30px 30px 15px;
    flex-direction:initial;
    margin: 40px 0 0;
    box-shadow: unset;
}
#otzivi .owl-carousel .owl-item > div > a:last-child {
    display: block;
    background: #fff;
    padding: 0 30px 15px;
    white-space: nowrap;
    font-size: 75%;
    text-align: right;
}
#otzivi .owl-carousel .owl-item > div > a:last-child > span {
    display: inline-block;
    border-bottom: 1px dashed;
}
#otzivi .owl-carousel .owl-item > div {
    box-shadow: var(--shadow-box-shadow);
    margin-bottom: 40px;
}
#otzivi .h5, #otzivi .secondary{margin:0; text-align: left;}
#otzivi img {width:45px; margin-right: 15px;}


#case {padding:40px 0 80px;}
#case h2{padding-bottom:40px;}
#case .owl-dots {
float:right;
margin-right:20%;
margin-top:-24px;
}
.case-item { position: relative;}
.case-item + .case-item { margin-top: 30px; }
#case .owl-carousel .owl-item .case-image,
.case-item .case-image {width:66%;}
#case .case-card,
.case-item  .case-card {
position: absolute;
right:0;  top:13%;
  width:50%;
}
p.actual {margin-bottom:20px; color: var(--color-secondary);text-transform:capitalize;}
#case .case-content .options,
.case-item .case-content .options {padding-top:12px;}

#case .owl-carousel a,
.case-item a {color: var(--color-light);}
#case .buttons,
.case-item .buttons {margin-bottom: 0;}
#case .buttons .btn, #catalog_one .buttons> *,
.case-item .buttons .btn {width:50%}

.case-content {
flex: 1;
padding: 30px;
}

.case-card {

background-color: var(--color-white);
box-shadow: var(--shadow-box-shadow);
}



#best {padding:40px 0;}


.options span {
margin:8px 10px;
display: inline-block;
font-size: 18px;
line-height: calc(25/15*100%);
color: var(--color-primary);}
.options img {height:auto; width:20px !important; margin: 0; display: inline-flex  !important;}


.card hr {
margin: 10px 0;
}

.peretyazhka {
background-repeat: no-repeat;
background-size: cover;
padding: 40px 20px;
}
.peretyazhka p.text {color: var(--color-white);
font-size: 21px;
line-height:calc(25/17*100%);
text-align: center;}
.peretyazhka .h2 {
color: var(--color-white);
}
.peretyazhka .btn {margin:20px 5px;}
.peretyazhka .btn-primary-outline{
color: var(--color-white);
background: transparent;
border-color:var(--color-white);
font-weight: 400;
}
.peretyazhka .btn-primary{
color: var(--color-primary);
background-color:var(--color-white);
border-color:var(--color-white);
font-weight: 700;
}



#articles a , #faq a {text-decoration: none; color: var(--color-primary);}
#articles .statya a {
    text-decoration: underline;
    color: var(--color-accent);
}
#articles .article, #faq .article {
box-shadow: var(--shadow-box-shadow);
text-align: left;
background-color: var(--color-white);
margin: 30px 0;
padding: 30px;
}

#articles .img {background-size: cover;}

#articles .btn-primary, #faq .btn-primary{
margin-top: 40px;
color:var(--color-light);
background-color:var(--color-secondary);
border-color: var(--color-secondary);
}

#partnery {
  padding: 40px 0;
}
#partnery div.partner {margin: 50px 0; box-shadow: var(--shadow-box-shadow); padding: 20px; background-color: var(--color-white);}
#prezentatsia {  padding:80px 0;}
#carousel-prezentatsia { margin: auto;}


#poryadok .container {width:1015px;}
#poryadok .steps {
width:1015px;
display: flex;
flex-wrap: wrap;
padding: 40px 0;
}
#poryadok .steps div{
font-size:16px;  line-height: calc(25/15*100%)
}
#poryadok .step_img { padding: 30px;
box-shadow: var(--shadow-box-shadow);
background-color:var(--color-accent);
width:105px;
height: 105px;
margin-bottom: 20px;
}

#poryadok .step {
flex:0 0 25%;
padding-right: 20px;
padding-bottom:20px;
font-size: 18px;
line-height: calc(25/15 *100%);
background-position: right 50px;
background-repeat: no-repeat;
position: relative;
}

#poryadok .pseudo_step {
position: absolute;
background-position: left 50px;
background-repeat: no-repeat;
width:31px;
height:100%;
left:-60px;
}

#callme {
padding-top:60px;
background: linear-gradient(to bottom, rgba(238,241,245,1) 0%, rgba(238,241,245,1) 30%);
}

#callme .otstup {
padding-top:70px;
}

#callme .h4 + p {
font-size: 21px;
line-height: calc(25/17 *100%);
}

footer {
background-color: #0F0E2E;
color: #8389A8;
padding:40px 0;
}
footer .nav-link {
color: var(--color-white);
}
footer .dropdown-menu .nav-link {
color: var(--color-primary);
}
footer .seolinks {padding:20px 15px;}
footer .seolinks ul {margin-right: 60px;}
footer .seolinks a{
color:  var(--color-white);
text-decoration: none;
}

.modal-dialog .btn-close {    
position: absolute;
  top: 10px;
  right: 10px;
}
.modal-content {
  padding:20px;
  border-radius:0;
  border:none;
}
.modal-body {
padding:0;
}
.modal-content .h4 {
margin:20px 0;
}
.modal-content .h3 {
margin:10px 0;
text-align:center;
}

.modal-content  p.comment {
  font-size:18px;
  color: var(--color-secondary);
}
@media all and (max-width:575px) {
.modal-content {
  padding: 15px;
}
.modal-content .h3 {
  margin-top: 0;
  font-size: 26px;
}
.modal-content .h4 {
  margin: 0 0 10px;
  font-size: 18px;
}
.modal-body form > div {
  margin-bottom: 10px !important;
}
}

.contacts {
background: var(--color-white);
box-shadow: var(--shadow-box-shadow);
}

.contacts__text {
padding:50px;
}

.contacts__map {
  min-height: 300px;
}


.video {
background-image:  url("video.svg");
background-position: center;
background-repeat: no-repeat;
position: absolute;
width:100%;
height:45%;
}

#catalog_one .video {
top:calc(45% - 35px);
}

.fancybox-iframe {
height: 100vh;
}



.gallery > *{
margin-bottom:10px;
display: block;
}

#articles .ava {
background: var(--color-gray-01);
margin-top:0;

}
#articles .ava p {
text-align: left;
font-size: 18px;
}
#articles .ava_body {
padding: 10px 20px;
}
#articles .ava_services a {
    padding: 10px 20px;
    background: #5096FF;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-align: center;
}

.ava #map {
width: 100%; height: 300px; padding: 0; margin: 0;
}
@media all and (max-width: 767px) {
    #articles .ava {
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
    }
}


.iskenne {
text-align: right;
font-style: italic;
}

#to_top {
opacity: 0.8;
position: fixed;
bottom: 10px;
display: none;
z-index: 100;
padding: 10px 25px;
right: 20px;
}
#to_top:hover {
opacity: 1;
}
@media all and (max-width: 767px) {
    #to_top { 
        padding: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }
    #to_top span { display: none; }
    #to_top:before {  
        content: "";
        position: absolute;
        width: 100%;
        left: 50%;
        top: 50%;
        margin-top: -12px;
        margin-left: -10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 20px 10px;
        border-color: transparent transparent #fff transparent;
    }
}


.price tr td {
min-width: 140px;
word-break: break-word;
hyphens: auto;
}
.price tr td:last-child {
text-align: right;
}
.ruble {
font-size: 0;
}
.ruble:before {
content: ' ₽';
display: inline;
font-size: 20px;
}

@media screen and (max-width: 570px) {
  body, p {
      font-size:16px;
  }
  header {
      padding: 10px 0;
  }
  p {
      text-align: left;
  }
  h1, .h1 {
      font-size: 36px;
  }
  h2, .h2 {
      font-size: 34px;
  }
  .pv40 {
      padding-top: 20px;
      padding-bottom: 20px;
  }
  .nav-link {
      font-size: 16px;
      margin-right: 10px;
  }
  .nav {
      flex-wrap: nowrap;
  }
  #privetstvie {
      padding: 10px;
  }
  #main {
      padding-top:0;
  }
  #cert span {
      margin:auto;
      display: block;
      width: 100px;
  }
  #cert {
    background-position: bottom center;
    padding-top: 30px;
    height: 550px;
    margin-top: 20px;
  }
  #bannery .owl-item div.container {
      padding: 1vw 20px;
      overflow: hidden;
  }
  #bannery .btn  {
      display: none;
  }
  #bannery .text  {
      font-size: 2.5vw;
  }
  #case .case-card {
      width: 100%;
      position: relative;
  }
  #case .owl-carousel .owl-item .case-image {
      width: 100%;
  }
  #case .owl-dots {
      float:none;
      margin: 0;
  }
  .options span {
      font-size: 14px;
  }
  .peretyazhka .h2 {
      font-size: 35px;
  }
  #peretyazhka5 {
      display: none;
  }
  #callme {
      padding-top: 10px;
  }
  #callme .otstup {
      padding: 0;
  }
  #privetstvie p {
      font-size: 18px;
  }
  .owl-carousel {
      width: 100%;
  }
  .owl-carousel .owl-stage-outer {
      margin: 0 -12px;
      padding: 0 12px;
      width: calc(100% + 24px);
  }
  #case {
      padding: 10px 0 40px;
  }
  #prezentatsia {
      padding: 40px 0;
  }
  #bannery .percent {
      font-size: 6vw;
  }
  #bannery .title {
      font-size: 5vw;
  }
  .card {
      margin: 20px 0;
  }
  #privetstvie {
    background-image:none;
  }
  #privetstvie > a {
    right: 20px;
    bottom: 25px;
  }
  #articles .img {
    min-height: 150px;
    padding: 0;
    width: calc(100% - 30px);
    margin-left: 15px;

  }

  #main_video {
    margin: 0;
    background-size: cover;
    height: 220px;
    padding: 80px 55px;
  }
  #main_video a {
    display: block;
    float: none;
    margin: auto;
  }
}

ul.pagination li { list-style-image:none;}


#menu #htel a { display: none; }
#menu[stuck] #htel a { 
    display: block;
    color: #fff;
}
#menu #htel a.button {
    margin-top: -10px;
}
#menu #htel a.button span {
    font-size: 14px;
    display: inline-block;
    /*border-bottom: 1px dashed var(--color-accent);*/
    border-bottom: 1px dashed #fff;
}
#menu .burger { display: none; }
@media all and (max-width: 991px) {
    #menu {
        height: 70px;
    }
    footer #menu {
        padding: 0;
    }
    footer #menu > div {justify-content: center !important;}
    #menu #htel {
        position: absolute;
        left: 15px;
        top: -3px;
        line-height: 1.2;
    }
        #menu #htel a { font-size: 19px;}
        #menu #htel a.button { 
            margin-top: 0; 
        }
        #menu #htel a.button span { font-size: 16px; }
    #menu-list {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    #menu-list > ul {
        display: none !important;
        width: 100%;
        background: #fff;
        text-align: center;
        position: absolute;
        overflow-x: auto;
        overflow-y: auto;
        top: 70px;
    }
    #menu-list > ul.active { display: block !important; }
    #menu-list > ul li {
        padding: 10px 0;
    }
    #menu .burger {
        position: absolute;
        display: block;
        right: 15px;
        top: 3px;
        width: 44px;
        padding: 9px 10px;
        border: 1px solid var(--color-accent);
        border-radius: 4px;
    }
    #menu .burger.active {
        background: var(--color-accent);   
        background: #ccc;
        border: 1px solid #ccc;
    }
    #menu .burger.active span { 
        background: #fff; 
        border: 1px solid #fff;
    }
        #menu .burger span {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px;
            background: var(--color-accent);
            border: 1px solid var(--color-accent);
            width: 100%;
        }
        #menu .burger span + span { margin-top: 4px; }
    #menu[stuck] .burger {
        border: 1px solid #fff;
    }
        #menu[stuck] .burger span {
            background: #fff;
            border: 1px solid #fff;
        }
        #menu[stuck] .burger.active span { background: #fff; }
        #menu[stuck] .burger.active {
            background: var(--color-accent);   
            background: #ccc;
        }
    .nav-link { color: var(--color-primary) !important;}
}

.tag-menu {
    list-style: none;
    margin: 0 -5px 0 0;
    padding: 0;
}
.tag-menu li {
    display: inline-block;
    margin-left: -5px;
    padding: 0 5px;
    text-transform: lowercase;
}
.tag-menu li.active span { font-weight: bold; text-decoration: underline; }
.tag-menu li:first-child:before { display: none; }
.tag-menu li:before {
     content: "|";   
     padding-right: 5px;
}
@media all and (max-width: 991px) {
    .tag-menu li { font-size: 13px; }
    .pagination {
        display: block;
    }
    .pagination li { display: inline-block; }
}

.object .name {
    font-weight: 700;
    color: #333;
}
.object .options img {
    width: 23px;
}

.breadcrumb {
    font-size: 14px;
    padding: 10px 0;
    margin: 0;
}

#poryadok .steps div:nth-child(1) { order: 1; }
#poryadok .steps div:nth-child(2) { order: 2; }
#poryadok .steps div:nth-child(3) { order: 3; }
#poryadok .steps div:nth-child(4) { order: 4; }
#poryadok .steps div:nth-child(8) { order: 5; }
#poryadok .steps div:nth-child(7) { order: 6; }
#poryadok .steps div:nth-child(6) { order: 7; }
#poryadok .steps div:nth-child(5) { order: 8; }
#poryadok .steps div:nth-child(9) { order: 9; }
#poryadok .steps div:nth-child(10) { order: 10; }
#poryadok .steps div:nth-child(11) { order: 11; }
#poryadok .steps div:nth-child(12) { order: 12; }
#poryadok .steps div:nth-child(16) { order: 13; }
#poryadok .steps div:nth-child(15) { order: 14; }
#poryadok .steps div:nth-child(14) { order: 15; }
#poryadok .steps div:nth-child(13) { order: 16; }

@media all and (max-width: 1199px) {
    .nav-link { font-size: 18px; }
    #poryadok .container { width: 100%; }
    #poryadok .steps {
        width: 100%;
        max-width: none;
        display: block;
    }
    #poryadok .pseudo_step {
        display: none;
    }
    #poryadok .steps div {
        background-size: 0;
    }
    #poryadok .step {
        padding-right: 0;
        padding-bottom: 0;
        text-align: center;
    }
    #poryadok .step_img {
        margin-left: auto;
        margin-right: auto;
    }
}
@media all and (max-width: 991px) {
    #callme .h4 + p span { 
        display: block; 
        font-size: 20px;
        white-space: nowrap;
    }
}

iframe, object, embed {
        max-width: 100%;
        max-height: 100%;
}

.banner-block.inner .owl-nav  {
width:100%;
top:calc(50% - 25px);
}
.banner-block.inner .owl-carousel .owl-stage-outer {
margin: 0;
padding: 0;
width: auto;
}

.banner-block.inner .owl-nav .owl-next span, .banner-block.inner .owl-nav .owl-prev span {
background-position: left center;
}
.banner-block.inner .owl-nav .owl-prev span {

}
.banner-block.inner .owl-nav button.owl-prev { left: -30px; }
.banner-block.inner .owl-nav button.owl-next { right: -30px; }


.banner-block.inner .percent {
color: var(--color-accent-dark);
font-size:38px;
line-height: calc(1.05*100%);
font-weight: bolder;
font-family: 'Open Sans';
margin: 0;
}
.banner-block.inner .title {
font-size:24px;
line-height: calc(3.2/3*100%);
font-weight: bolder;
color: var(--color-accent-dark);
margin-bottom: 0;
}
.banner-block.inner .text {
color: var(--color-secondary);
font-size:14px;
line-height: 1;
max-width:800px;
}
.banner-block.inner .btn { 
    margin-top: 10px !important; 
    padding: 10px 15px;
    background-color: var(--color-accent) !important;
    border-color: var(--color-accent) !important;
    color: var(--color-light) !important;
}
.banner-block.inner .wrap-block {
    padding: 50px 30px;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
}
.banner-block.inner .owl-dots {
  position:relative;
  margin-top:-3vw;
}
.banner-block.inner .owl-carousel .owl-item img {
    margin-bottom: 50px;
}

@media all and (max-width: 1399px) {
    .banner-block.inner .wrap-block { 
        padding: 20px 30px;   
    }
}
@media all and (max-width: 1199px) {
    .banner-block.inner .wrap-block { 
        padding: 15px;   
    }
    .banner-block.inner .wrap-block p:last-child { display: none; }
}
@media all and (max-width: 991px) {
    .banner-block.inner .wrap-block { width: 100%; }
    .banner-block.inner .owl-carousel .owl-item img {
        margin-bottom: 30px;
    }
    .banner-block.inner .wrap-block p:last-child { text-align: center; }
    .banner-block.inner .percent {
        font-size: 24px;
    }
    .banner-block.inner .title {
        font-size: 18px;
    }
    .banner-block.inner .text {
        font-size: 12px;
    }
}
@media all and (max-width: 767px) {
    .banner-block.inner .wrap-block {
        padding: 10px;
    }
    .banner-block.inner .owl-carousel .owl-item img {
        margin-bottom: 0;
        height: 200px;
        width: auto;
        margin-left: -300px;
    }
    .banner-block.inner .wrap-block p:last-child { text-align: center; }
}

/* NEW */
/* new */ #main_video a { margin-top: 65px; }

.index-docs {
    position: relative;
    text-align: center;
    padding-top: 50px;
}
.index-docs a {
    position: relative;
    display: inline-block;
}
.index-docs a span {
    display: inline-block;
    border-bottom: 1px dashed var(--color-accent);
    margin-bottom: 10px;
}
@media all and (max-width: 991px) {
    #main_video a { 
        margin-top: 0; 
        padding: 10px;
    }
}

/*new articles-block */
.article-block__item .article {
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    position: relative;
}
.articles-block {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.article-block__item {
    width: 33.33333%;
    padding: 0 15px;
    margin-top: 30px;
}
.article-block__item .article-body {
    line-height: 30px;
    height: 250px;
    overflow: hidden;
    padding: 15px;
    position: relative;
    font-size: 18px;
}
    .article-block__item .article-body .h5 { text-align: center; }
    .article-block__item .article-body:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 15px;
        background: #fff;
        bottom: 0;
        left: 0;
        z-index: 1;
    }
.article-block__item a.wrap {
    display: block;
    background-color: var(--color-white);
    box-shadow: var(--shadow-box-shadow);
}
.article-block__item .img-block {
    position: relative;
}
.articles-block + .pagination { margin-top: 30px; }
.article-block__item .info-block {
    display: flex;
    padding: 5px 15px;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    background: rgba(255,255,255,0.5);
    margin-top: -34px;
}
.article-block__item .info-block .fa { font-size: 20px; }
@media all and (max-width: 991px) {
    .article-block__item {
        width: 50%;
    }   
    .article-block__item .article-body { height: auto; }
}
@media all and (max-width:  767px) {
    .article-block__item {
        width: 100%;
        padding: 0;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }   
}

.statya a[href^="#"] {
    display: inline-block;
    border-bottom: 1px dashed;
    line-height: 1.1;
}

.header-block {
    display: flex;
    justify-content: space-between!important;
}
.header-logo {
    padding-left: 75px;
    position: relative;
    display: block;
}
    .header-logo:before {
        content: "";
        display: block;
        width: 64px;
        height: 64px;
        background-image: url("logo.svg");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
        left: 0;
        top: 0;
        position: absolute;
    }
@media all and (max-width: 991px) {
    .header-block {
        display: block;   
        text-align: center;
    }
    .header-logo { display: inline-block; }
    #phone {
        display: none;
    }
    #menu #htel a {
        display: block;
        color: #363D4A;
        padding-left: 35px;
    }
    #menu #htel a[href^=tel] { 
        font-weight: 700; 
        position: relative;
        padding-left: 35px;
    }
    #menu #htel a[href^=tel]:before { 
        content: "";
        display: block;
        position: absolute;
        background-image: url("phone.svg");
        background-repeat: no-repeat;
        background-size: contain;
        width: 25px;
        height: 25px;
        left: 0;
        top: 8px;
        transform: rotate(15deg);
    }
    
    #menu #htel a.button span {
        border-bottom-color: #363D4A;
    }
    #menu[stuck] #htel a.button span { border-bottom-color: #fff; }
    #menu[stuck] #htel a[href^=tel]:before { display: none; }
    #menu[stuck] #htel a { padding-left: 0 !important; }
}
@media all and (max-width: 767px) {
    .header-logo { 
        padding-left: 60px; 
        line-height: 1;
    }
    .header-logo:before {
        width: 47px;
        height: 47px;
    }
    .header-logo p {
        font-size: 22px !important;
        white-space: nowrap;
    }
    .header-logo > span {
        font-size: 17px;   
    }
    #phone .tel {
        font-size: 16px;
    }
    #phone span {
        font-size: 14px;
    }
}
@media all and (max-width: 575px) {
    .header-block {
        display: block;   
        text-align: center;
    }
    .header-logo { display: inline-block; }
    #phone {
        display: none;
    }
    #menu #htel a {
        display: block;
        color: #363D4A;
    }
    #menu #htel a[href^=tel] { font-weight: 700; }
    #menu #htel a.button span {
        border-bottom-color: #363D4A;
    }
    #menu[stuck] #htel a.button span { border-bottom-color: #fff; }
}


.statya p {
    text-align: justify;
}
#articles p { text-align: justify;}

.content__video {
    position: relative;
    display: inline-block;
    border-radius: 15px;
    margin: 15px;
}
.content__video img {
    max-width: 100%;
    width: auto;
    height: auto;
    border-radius: 15px;
}
    .content__video .icon-block {
        position: absolute;
        display: flex;
        gap: 20px;
        align-items: center;
        right: 15px;
        top: 15px;
        text-decoration: none;
        color: #fff;
        max-width: 350px;
        text-align: left;
        line-height: 1.2;
        font-size: 87.5%;
    }
    .content__video .icon-block img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }
.content__video:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    width: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);
    border-radius: 15px 15px 0 0;
}
.content__video:after {
    content: "";
    display: block;
    background-image: url("");
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    width: 128px;
    height: 128px;
    left: 50%;
    top: 50%;
    margin-left: -64px;
    margin-top: -64px;
}

@media all and (max-width: 991px) {
    .content__video:after {
        width: 60px;
        height: 60px;
        background-size: contain;
        margin-left: -30px;
        margin-top: -30px;
    }
}
@media all and (max-width: 575px) {
    .content__video .icon-block {
        gap: 10px;
        right: 10px;
        top: 10px;
        max-width: 200px;
        font-size: 70%;
    }
    .content__video .icon-block img {
        width: 30px;
        height: 30px;
    }
    .content__video:before {
        height: 60px;
    } 
    .content__video:after {
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -15px;
    }
}

.fotorama__wrap {
    margin: 30px auto;
}


INPUT.inputt {
  position: absolute;
  left: -1000000px;
  top: -1000000px;
}

#jGrowl { display: none; }

/* ЖК */
.svgs { display: none; }
.zhk-block {}
.zhk-block .common-block {
    padding-top: 30px;
    padding-bottom: 30px;
}
.zhk_top {
    position: relative;
    height: calc(100vh - 180px);
    min-height: 625px;
    color: #fff;
}
.zhk_top .breadcrumb a {
    color: #fff;
    text-decoration: underline;
}
    .zhk_top .breadcrumb a:hover { text-decoration: none; }
    .zhk_top .breadcrumb .breadcrumb-item > span { 
        opacity: 0.5;
        color: #fff; 
    }
.zhk_top .wrap-block {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.zhk_top .wrap-block > div {
    width: 100%;
    z-index: 1;
}
.zhk_top-slider {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}
.zhk_top-slider .owl-stage-outer { height: 100%; }
#zhk-slider-nav {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    z-index: 10;
    margin-top: -20px;
}
    #zhk-slider-nav .container { position: relative; }
    #zhk-slider-nav button {
        position: absolute;
        right: 0;
        border: none;
        background: none;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        padding: 0;
        align-items: center;
        justify-content: center;
        background: rgba(255,255,255,.5);
    }
    #zhk-slider-nav button.owl-prev {
        margin-right: 70px;
    }
    #zhk-slider-nav button > span {
        display: block;
        line-height: 1;
        font-size: 125%;
        margin-top: -3px;
        opacity: .7;
    }
.zhk_top-slider:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%);
}
    .zhk_top-slider .item {
        position: relative;
        width: 100%;
        height: 100%;
    }
    .zhk_top-slider .item img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .zhk_top-slider .item.zoom   img,
    .zhk_top-slider .owl-item:nth-child(even)  img { animation: animZhkZoom   30s infinite; }
    .zhk_top-slider .item.postop img,
    .zhk_top-slider .owl-item:nth-child(odd)   img  { animation: animZhkPosTop 30s infinite; }
    .zhk_top-slider .item.poslft img { animation: animZhkPosLft 30s infinite;}
@keyframes animZhkZoom {
    50%{
        transform: scale(1.3);
    }    
}
@keyframes animZhkPosTop {
    50%{
        transform: translateY(-10%);
    }    
}
@keyframes animZhkPosBtm {
    50%{
        transform: translateY(5%);
    }    
}
@keyframes animZhkPosBtm {
    50%{
        transform: translateX(-10%);
    }    
}

.zhk_top-rating {
    margin-top: 30px;
    display: inline-block;
}
    .zhk_top-rating > .wrap {
        padding: 15px;
        background: rgba(0,0,0,.5);
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .zhk_top-rating .num {
        color: #FF7E00;
        font-size: 160%;
    }
    .zhk_top-rating .reviews {
        color: #fff;
        font-size: 65%;
        margin-top: 5px;
    }
    .zhk_top-rating .stars {}
    .zhk_top-rating .stars .wrap { position: relative; }
    .zhk_top-rating .stars .wrap,
    .zhk_top-rating .stars .wrap > span {
        display: block;
        width: 105px;
        height: 18px;
    }
    .zhk_top-rating .stars .wrap > span {
        position: absolute;
        left: 0;
        top: 0;
        background-image: url("");
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .zhk_top-rating .stars .wrap > span:nth-child(2) {
        background-position: 0 -18px;
    }

.rating-block .rating {
    width: 104px;
    height: 16px;
}
    .rating-block .rating__best {
        background: url("") no-repeat;
        width: 104px;
        height: 16px;
        position: absolute;
        background-size: 104px 96px;
    }
    .rating-block .rating__current {
        background: url("") 0 -16px no-repeat;
        height: 16px;
        position: absolute;
        background-size: 104px 96px;
    }
    .rating-block .rating__star {
        width: 16.5px;
        height: 16px;
    }
    .rating-block .rating__star_2 { left: 22px; }
    .rating-block .rating__star_3 { left: 44px; }
    .rating-block .rating__star_4 { left: 66px; }
    .rating-block .rating__star_5 { left: 88px; }

    .rating-block .rating__best_hover {
        background-position: 0 -16px !important;
    }

    .rating-block .rating__star_opacity {
        background: url("") 0 0 no-repeat;
        background-size: 104px 96px;
    }
    .rating-block .rating__star_hover {
        background-image: none !important;
    }
    .rating-block .rating__star_hover:hover ~ .rating__star {
        background-image: none !important;
    }
.zhk_top-name {}
.zhk_top-name h1 {
    margin-bottom: 0;
}
.zhk_top-name .subhead { font-size: 125%; }
.zhk_top-btn {
    margin-top: 30px;
    position: relative;
}
.zhk_top-info {
    display: flex;
    background: rgb(20, 20, 116,.8);
    padding: 15px;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 50px;
}
    .zhk_top-info > .item {
        width: 23%;
        padding-left: 30px;
        height: 100%;
        border-left: 1px solid rgba(255,255,255,.3);
    }
    .zhk_top-info > .item:first-child { 
        width: 35%; 
        padding-left: 0;
        border-left: none;
    }
    .zhk_top-info > .item:last-child { width: 18%; }
    .zhk_top-info > .item .head {
        font-size: 65%;
        color: var(--color-secondary);
    }
    .zhk_top-info > .item .value {
        font-size: 85%;
    }
        .zhk_top-info > .item .value > a { 
            color: #fff;
            text-decoration: underline;
        }

.zhk_info {}
.zhk_info-adr {}
    .zhk_info-adr .head-block .subhead {
        font-size: 85%;
        color: var(--color-secondary);
    }
    .zhk_info-adr .head-block h2 {
        font-size: 150%;
    }
    .zhk_info-adr .metro {}
    .zhk_info-adr .metro span {
        color: var(--color-secondary);
        padding-left: 10px;
    }
        .zhk_info-adr .metro span svg { fill: var(--color-secondary); }
    .zhk_info-adr .map {}
    .zhk_info-adr .map #map {
        width: 100%;
        height: 200px;
    }
.zhk_info-icons {
    margin-top: 20px;
}
.zhk_info-icons .wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
    .zhk_info-icons .wrap .item {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 25%;
        margin-top: 30px;
        padding: 0 15px;
    }
    .zhk_info-icons .wrap .item .icon svg { fill: var(--color-accent); }
    .zhk_info-icons .wrap .item .text {}
    .zhk_info-icons .wrap .item .text > span {
        display: block;
        line-height: 1;
    }
    .zhk_info-icons .wrap .item .text .head {
        font-size: 75%;
        color: var(--color-secondary);
        margin-bottom: 5px;
    }
    .zhk_info-icons .wrap .item .text .value { 
        font-weight: 600; 
        font-size: 85%;
    }

.zhk_genplan { }
.zhk_genplan .wrap-block {
    height: 300px;
    position: relative;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}
    .zhk_genplan .wrap-block > a {
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: 175%;
        background: rgba(0,0,0,.25);
        text-decoration: underline;
    }
    .zhk_genplan .wrap-block > a,
    .zhk_genplan .wrap-block > a > * { transition: all .3s ease-in-out; }
    .zhk_genplan .wrap-block > a:hover {
        background: rgba(0,0,0,.5);
        text-decoration: none;
    }
    .zhk_genplan .wrap-block > a:hover > span { transform: translateY(50px); }

.zhk_text {}
.zhk_text h3 {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 125%;
}
.zhk_text .text-block .wrap-block {
    display: -webkit-box;
    line-clamp: 6;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 15px;
}
    .zhk_text .text-block > a {
        display: inline-block;
        position: relative;
        border-bottom: 1px dashed;
    }
    .zhk_text .text-block > a:after {
        position: absolute;
        content: "\f107";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        border: none;
        vertical-align: middle;
        margin-left: 5px;
        bottom: 3px;
    }
    .zhk_text .text-block.active .wrap-block {
        display: block;
        line-clamp: unset;
        -webkit-line-clamp: unset;
    }
    .zhk_text .text-block.active > a span   { display: none; }
    .zhk_text .text-block.active > a:before { content: "Свернуть"; }
    .zhk_text .text-block.active > a:after  { transform: rotate(180deg); }
.zhk_media {}
.zhk_media .wrap-block {
    display: flex;
    align-items: stretch;
    margin: 0 -15px;
}
.zhk_media .wrap-block > div {
    width: 50%;
    padding: 0 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.zhk_video {}
.zhk_video h2,
.zhk_gallery h2 {
    font-size: 125%;
    margin-bottom: 15px;
}
    .zhk_video .content__video { 
        margin: 0;
    }
    .zhk_video .content__video:after {
        width: 100px;
        height: 100px;
        margin-top: -50px;
        margin-left: -50px;
        background-size: 100%;
    }
.zhk_gallery .image-main,
.zhk_gallery .image-main > a,
.zhk_video .content__video {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
    height: 100%;
    max-height: 315px;
}
    .zhk_gallery .image-main > a:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(0,0,0,.25);
    }
    .zhk_gallery .image-main img,
    .zhk_video .content__video > img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        transition: all 0.3s ease-in-out;
        border-radius: 15px;
    }
    .zhk_gallery .image-main > a:hover img {
        transform: scale(1.2);
    }
    .zhk_gallery .image-main .fa {
        position: absolute;
        color: #fff;
        font-size: 80px;
        top: 50%;
        left: 50%;
        margin-top: -40px;
        margin-left: -40px;
        z-index: 10;
    }

.zhk_expert { 
    padding-top: 100px; 
    padding-left: 200px;
    padding-right: 0;
}
.zhk_expert .wrap-block {
    display: flex;
    gap: 30px;
    align-items: center;
    position: relative;
    margin-top: 50px;
}
    .zhk_expert .image {
        flex-shrink: 0;
        width: 200px;
        height: 200px;
        position: absolute;
        overflow: hidden;
        border-radius: 50%;
        border: 1px solid var(--color-accent);
        left: -80px;
        top: -50px;
    }
        .zhk_expert .image img {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }
    .zhk_expert .text {
        padding: 30px;
        border: 1px solid  var(--color-accent);
        border-radius: 15px;
        background: #fff;
    }
    .zhk_expert .text .wrap:before {
        content: "";
        display: block;
        width: 120px;
        height: 100px;
        float: left;
    }

.zhk_top-info { display: none; }
.btm .zhk_top-info { display: flex; }
@media all and (max-width: 1199px) {
    .zhk_top .wrap-block { max-width: 100%; }
}
@media all and (max-width: 991px) {
    .zhk_top {
        height: 75vh;
        min-height: 500px;
        max-height: 500px;
    }
    .zhk_top-rating > .wrap {
        padding: 10px;
    }
        .zhk_top-rating .num { font-size: 125%; }
    .zhk_top-name h1 { font-size: 40px; }
    .zhk_top-name .subhead { font-size: 20px; }


    .zhk_info-adr .head-block h2 { font-size: 125%; }

    .zhk_top-info {
        margin-top: 30px;
        padding: 10px;
    }
    .zhk_top-info > .item {
        padding-left: 15px;
        padding-right: 15px;
    }

    .zhk_info-adr .map { margin-top: 30px; }

    .zhk_info-icons .wrap .item {
        width: 33%;
    }
    .zhk_info-icons .wrap .item .text .head { font-size: 65%; }
    .zhk_info-icons .wrap .item .text .value { font-size: 75%; }

    .zhk_text h2 { font-size: 30px; }
    .zhk_text h3 { 
        font-size: 20px; 
        margin-top: 15px;
        margin-bottom: 5px;
    }
    .zhk_text p { font-size: 16px; }
    .zhk_text .text-block > a { font-size: 16px; }

    .zhk_video h2 span,
    .zhk_gallery h2 span { display: none; }

    .zhk_gallery .image-main,
    .zhk_gallery .image-main > a,
    .zhk_video .content__video {
        max-height: 200px;
    }

    .zhk_expert { 
        padding-left: 100px;
        padding-right: var(--bs-gutter-x,.75rem);
    }
}
@media all and (max-width: 767px) {
    .zhk-block .breadcrumb { display: none; }
    .zhk_top {
        height: 50vh;
        min-height: 350px;
        max-height: 400px;
    }
    .zhk_top-name { margin-top: 30px; }

    .zhk_top-btn { margin-bottom: 30px; }
    .zhk_top-btn button {
        padding: 10px 15px;
        font-size: 15px;
    }

    .btm .zhk_top-info { display: none; }
    .zhk_top-info > .item { font-size: 85%; }
    .zhk_top-info > .item .value { font-size: 75%; }
    .zhk_top-info { 
        display: flex; 
        flex-wrap: wrap;
        max-width: 100%;
        color: #fff;
        margin-top: 0;
        gap: 15px;
    }
    .zhk_top-info > .item:first-child,
    .zhk_top-info > .item:last-child,
    .zhk_top-info > .item { 
        width: 48%; 
        border-left: none;
        padding: 0;
    }

    .zhk_info-adr .head-block h2 { font-size: 100%; }
    .zhk_info-adr .head-block .subhead { font-size: 75%; }
    .zhk_info-adr .metro { font-size: 85%; }

    .zhk_info-icons {
        /* overflow-x: auto;
        overflow-y: hidden;
        width: 100%; */
    }
    .zhk_info-icons .wrap { 
        /* flex-wrap: nowrap;
        width: 100%; 
        margin: 0;
        gap: 15px; */
        display: block;
        margin: 0;
    }
    .zhk_info-icons .wrap .item {
        /* max-width: 275px;
        min-width: 180px;
        margin-top: 0; */
        width: 100%;
    }
    .zhk_info-icons .item .icon { transform: scale(0.8);}

    .zhk_genplan .wrap-block { height: 200px; }

    .zhk_media .wrap-block {
        flex-wrap: wrap;
        margin: 0px;
        gap: 30px;
    }
    .zhk_media .wrap-block > div {
        width: 100%;
        padding: 0;
    }
    .zhk_gallery .image-main,
    .zhk_gallery .image-main > a,
    .zhk_video .content__video {
        max-height: 315px;
    }
    
    .zhk_expert.common-block {
        padding-left: var(--bs-gutter-x,.75rem);
        padding-top: 60px;
    }
    .zhk_expert .wrap-block { margin-top: 0; }
    .zhk_expert .image {
        width: 100px;
        height: 100px;
        top: -50px;
        left: 0;
    }
    .zhk_expert .text .wrap:before {
        width: 100px;
        height: 30px;
    }
    .zhk_expert .text { padding: 15px; }
}
@media all and (max-width: 575px) {
    .zhk_top {
        min-height: 0;
        max-height: none;
        height: auto;
    }
    .zhk_top-name h1 { font-size: 24px; }
    .zhk_top-name .subhead { font-size: 16px; }

    .zhk_top-btn button { text-transform: capitalize; }
    .zhk_top-btn button span { display: none; }

    .zhk_top-info > .item { 
        width: 45%;
        font-size: 100%; 
    }

    .zhk_info-icons .wrap .item .text .head { font-size: 75%; }
    .zhk_info-icons .wrap .item .text .value { font-size: 85%; }

    .zhk_genplan .wrap-block > a { font-size: 125%; }
}

.zhk__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.zhk__list > .item {
    width: 50%;
    padding: 0 15px;
    margin-top: 30px;
}
.zhk__list > .item .wrap {
    position: relative;
    width: 100%;
    height: 350px;
}
    .zhk__list > .item .image-block {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .zhk__list > .item .image-block img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        transition: all .3s ease;
    }
    .zhk__list > .item .name {
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: end;
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        color: #fff;
        font-size: 115%;
        padding: 30px;
        background: rgb(0,0,0,.5);
        background: linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(255,255,255,0) 30%);
        transition: all .3s ease;
    }
    .zhk__list > .item a:hover img {
        transform: scale(1.1);
    }
    .zhk__list > .item a:hover .name {
        background: linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(255,255,255,0) 100%);
        text-decoration: underline;
    }

.zhk__rating { 
    overflow: hidden; 
    background: #fff;
    margin: 30px 0 0;
}
.zhk__rating .head-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
    .zhk__rating .head-block h2 { margin-bottom: 0; }
    .zhk__rating .zhk_top-rating { margin-top: 0; }
    .zhk__rating .zhk_top-rating > .wrap { 
        background: none;
        padding: 0;
    }
    .zhk__rating .zhk_top-rating .reviews {
        color: #212529;
    }
.zhk__rating .wrap-block {
    display: flex;
    flex-wrap: wrap;
    margin: -30px -30px 0 -30px;
}
    .zhk__rating .wrap-block .item {
        width: 50%;
        padding: 0 30px;
        margin-top: 30px;
    }
    .zhk__rating .wrap-block .item {
        display: flex;
        align-items: center;
    }
    .zhk__rating .wrap-block .item .name {
        font-weight: bold;
        font-size: 87.5%;
        padding-right: 15px;
        width: 60%;
    }
    .zhk__rating .wrap-block .item .value {
        display: flex;
        align-items: center;
        width: 40%;
    }
    .zhk__rating .wrap-block .item .value span { display: block; }
    .zhk__rating .wrap-block .item .value .line {
        height: 12px;
        background: var(--color-gray-02);
        width: 100%;
        position: relative;
        margin-right: 10px;
    }
    .zhk__rating .wrap-block .item .value .line > span {
        position: absolute;
        height: 12px;
        left: 0;
        top: 0;
        width: 100%;
        background: var(--color-accent);
    }
@media all and (max-width: 991px) {
    .zhk__rating .wrap-block {
        margin: 0 0 0;
    }
    .zhk__rating .wrap-block .item {
        width: 100%;
        padding: 0;
    }
}
@media all and (max-width: 767px) {
    .zhk__rating .head-block {
        display: block;
        margin-bottom: 15px;
    }
}

/* COMMENTS */
.zhk_comments {
    background: #fff;
}
.zhk_comments .container {}
.ticket-comment-guest .ticket-comment-author { margin-left: 0; }
.comment-list { padding: 0; }
.comment-form {
    background: #fff;
    border-radius: 10px;
    margin-top: 15px;
}
.link-dashed { color: var(--color-secondary-dark);}
    .link-dashed > span { 
        display: inline-block;
        border-bottom: 1px dashed;
    }

/* Gallery */
.gallery__list {
    column-count: 4;
    column-rule: none;
    column-gap: 30px;
}
.gallery__images {
    display: flex;
    flex-wrap: wrap;
}
.gallery__images .gal-item {
    display: block;
    float: none;
    opacity: 1;
    border: none;
    padding: 0;
}
.gallery__images .gal-item a,
.gallery__images .gal-item a img {
    display: block;
    border-radius: 10px;
}
.gallery__images .gal-item a:visited { opacity: 1; }


@media all and (max-width: 991px) {
    p.hr-line:before {
        max-width: 50%;
    }
}

/* .owl-item .content-img img,
.content-img img { display: none; } */

/* NEW */
/* .peretyazhka {
    margin: 50px 0;
} */