/* Start:/bitrix/templates/120423/1.css?178904920144603*/
html{
 /* font-size: 18px;
 font-family: 'secret', sans-serif, system-ui; */
scroll-behavior: smooth;
}

@font-face {
  font-family: 'secret';
  src: local('secret Bold'), local('secret-Bold'), url('/secretbold.woff2') format('woff2'), url('/bitrix/templates/120423/fonts/secretbold.woff') format('woff'), url('/bitrix/templates/120423/fonts/secretbold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: optional;
 
}

@font-face {
  font-family: 'secret';
  src: local('secret'), url('/secret.woff2') format('woff2'), url('/bitrix/templates/120423/fonts/secret.woff') format('woff'), url('/bitrix/templates/120423/fonts/secret.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
	/* font-display: swap; */
  font-display: optional;

  
}







body {
  --c1: #399c6a; 
  --c2: #e1a670; 
  --c3: #ecca5b; 
  --c4: #000;
  --c5: #f4f0e3; 
  --c6: #4A4A4A; 
  --c7: #9faabb;
  --c8: #f5f5f5;
  --c9: #ffffff;

  --n1: #7baa76; 
  --n2: #b6cca1; 
  --n3: #e1a670; 
  --n4: #f4f0e3; 
  --n5: #399c6a; 
  --n6: #ecca5b; 
  --n7: #9faabb;
  --n8: #f5f5f5;
  --n9: #ffffff;



	--n1: #003f2d; 
  --n2: #d5ad56; 
  /* --n3: #ff3314;  */

  /* --n3: #2c97c9; */
  --n3: #bfdbe8;
  
  --n4: #f4f0e3; 
  --n5: #018667; 
  --n6: #f8e19f; 
	
	

 	
	--box-x:  2px 2px 4px 0px rgba(0, 0, 0, 0.2);





font-size: 18px;
margin: 0px;


font-family: 'secret', sans-serif, system-ui;
line-height: 1.55;
font-style: normal;

color: #000000;
}

.progress-container {
  width: 100%;
  height: 8px;
  background: #ccc;
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  background-color: var(--n4);
}

.container {
  max-width: 1200px;

margin: 0 auto;

}
.container + .container {
  margin-top: 50px;
  margin-bottom: 30px;
}


.w100 {
  margin: auto;
}


.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;

margin: 0 10px;
}

.row.top {
  align-items: flex-start;
}
.row.stretch {
  align-items: stretch;
}


.rowmenu {

  flex-direction: row;
  justify-content: space-between;
  
  margin: 0;
  }


  
  
  progress {
        background: var(--n6);
         background-color: var(--n6);
  }
  
  .topcontact {
    display: grid;
  
  gap: 0px 12px;
  grid-template-columns: auto auto;
  grid-template-areas:
  "tel buttonss"
  "tel2 buttonss"
  "working buttonss";
  
  align-items: center;
  justify-items: end;
  
  
  align-items: center;
  justify-content: end;
  animation: opa 1s ease forwards;
  
  line-height: 16px;
  margin: 17px 0 10px 0;
  
  
  }
  
  
  progress::-webkit-progress-bar {background-color: var(--n3); width: 100%;}

  @media (max-width: 719px){
    .area1, .area2, .area3, .area4 {
      width: 320px;
    }
    .promo li ul li  {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: flex-start;
  
    }
    .rowmenu .col {
      margin: 10px 15px;
    }
    .a1, .a2, .a3, .a4 {
      padding: 5vw;
    }
  }


@keyframes leftSideAni {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes topSideAni {
  0% {
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes SocialAni {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes opa {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.rowmenu .col, .banner  .container .row .col {
  animation: opa 1s ease forwards;
}


.premiere {
  opacity: 1;
  animation: none;
}

h1, .h1 {
  font-size: 2.3em;
  line-height: 1.2em;
  font-size: clamp(1.9rem, 3.5vw, 2.3em);



  }


  h2, .h2 {
    display: block;
    font-size: 2.0em;
    line-height: 1.2em;
    font-size: clamp(1.5rem, 3.5vw, 2rem);
    margin-bottom: 20px;
  }
  h3, .h3{
    font-size: 1.5em;
    line-height: 1.2em;
  }
  .top h3, .top .h3 {
    margin-top:0 ;
    line-height: 1.2em;
  }
  h4, .h4{
    font-size: 1.2em;
    line-height: 1.2em;
  }
  h5, .h5{
    font-size: 1.0em;
    line-height: 1.2em;
  }
  h6, .h6{
    font-size: 0.9em;
  }

  .upper  h1 {
    font-size: 3rem;
    line-height: 3rem;
  }
  .upper p.h4 {
    font-size: 1rem;
    line-height: 2rem;
  
  
    }


  .col {
    flex: 1;
    margin: 10px;
    border-radius: 20px;
  }

  .rowmenu .col
  {
    flex: 1 1 auto;
  
  }

  .m10 {
    /* margin: 10vh auto; */
  }

  @media (max-width: 767px) {
    .col {
      flex-basis: 100%;
    }
    .m10 {
      margin: 0 auto !important;
    }


    #scrollUp {
      right: 15px;
      bottom: 15px;
    }
    main {
      z-index: -1;
    }
    .dn768 {
      display: none;
    }
    #header2 + .banner {
     z-index: -1;
   }
   .z-index {
     z-index: -1;
   }

 }
 strong {
  color: var(--n5);
}

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

.navbar-brand {
  font-size: 24px;
  font-weight: bold;
}

.navbar-toggler {
  display: none;
}

.navbar-toggle {
  display: none;
}

.navbar-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.nav-item {
  margin: 0 10px;
  list-style: none;
}

.nav-link {
  color: var(--n5);
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;

}







.w100 {
  width: 100%;
  max-width: 100%;

}
.banner {
  padding: 20px 0;
  }

.banner {
  position: relative;
}


.c1 {
  background-color: var(--n5);
  color: var(--n4);
}
.c2 {
  background-color: var(--n3);
  color: var(--n4);
}
.c3 {
  background-color: var(--n6);
}
.c4 {
  background-color: var(--n4);
  color: var(--n5);
}
.c5 {
  background-color: var(--n4);

}
.c6 {
  background-color: var(--c6);
}
.c7 {
  background-color: var(--c7);
}
.c8 {
  background-color: var(--c8);
}
.c9 {
  background-color: var(--c9);
}








h3, .h3 {

font-weight: bold;
margin-bottom: 20px;
}

ul {
  margin: 0 0 0 15px;
  padding: 0;
}
ul.navbar-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
li {
  margin-bottom: 10px;
}
.ol1 li {
  margin-bottom: 0px;
}

a {
  color: #333;
  text-decoration: none;
}
p:not([class*="name"]) a, .homelist li a {

  text-decoration: none;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(0.25turn, var(--n4), var(--n5), rgba(56,2,155,0));
  border-image-slice: 1;

color: var(--n5);



}

a:hover {
  text-decoration: none;
}





.col-12 {
  flex-basis: 100%;


}

.col-md-6 {
  flex: 0 0 auto;
  max-width: 50%;

}
.flex11auto {
  flex: 1 1 auto;
  animation: opa 1s ease forwards; 
}

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

h2, .h2 {


font-weight: bold;
margin-bottom: 20px;

}





button {
  background-color: var(--n6);
  border: none;
  
  
  
  padding: 20px 30px;
  border-radius: 5px;
	border-radius: 6px;
  cursor: pointer;
  
	
}
button > a {
  color: #fff;
  text-decoration: none;
  border-bottom: none;
}

@media (max-width: 767px) {
  .col-md-6 {
    max-width: 100%;
    flex-basis: 100%;
  }
  
  .text-right {
    text-align: left;
  }
}

.tag-cloud {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}

.tag-cloud a {
  display: inline-block;
  padding: 5px 10px;
  margin: 5px;
  background-color: var(--c8);
  color: var(--c6);
  text-decoration: none;
  border-radius: 20px;
  font-size: 14px;
  line-height: 1;
  transition: all 0.3s ease;
}

.tag-cloud a:hover {
  background-color: #333;
  color: #fff;
}




.accordion {

  margin: 0px auto;
  color: black;
  background-color: white;
  padding: 45px 45px;
  border-radius: 20px;
}

.accordion .accord {
  position: relative;
  margin: 10px 10px;
}

.accordion .label {
  position: relative;
  padding: 10px 0;
  color: black;
  cursor: pointer;
}

.accordion .label::before {
  content: '+';
  color: var(--n3);
  position: absolute;
  top: 50%;
  right: -5px;
  font-size: 30px;
  transform: translateY(-50%);
}

.accordion .content {
  position: relative;
  background: white;
  height: 0;
  text-align: justify;

overflow: hidden;
transition: 0.5s;
}

.accordion hr {

  margin-left: 0;

  border: 1px solid var(--n3);
}

.accordion .accord.active .content {
  height: auto;
  background: var(--n4);
  padding: 20px;
  border-radius: 20px;
}

.soc.border-bottom-none a:first-of-type {
	border-bottom: none !important;
}

.accordion .accord.active .label::before {
  content: '-';
  font-size: 30px;
}


@media (max-width: 575px) {
  .accordion{
    padding: 20px !important;
  }
	.accordion-body {

	}
  .accordion .label {
    width: calc(100% - 9px);
  }
	ul.gridcont {
		padding: 20px!important;
	}



}
footer .container .row
{
  align-items: flex-start;
}

.tcenter, .tc {
  text-align: center;
 
  }
  .tl {
    text-align: left;
  }
  .tr {
    text-align: right;
  }

  em {
    color: #ffffff;
    background: var(--n5);
    text-transform: uppercase;
    padding: 4px 16px;
    border-radius: 6px;
    font-style: normal;
    /* white-space: nowrap; */
  }


  blockquote {
    padding: 20px;


}


blockquote::before {




display: block;
position: absolute;
opacity: 0.4;


    content: '';

mask-image: url(/local/img/quot.svg);
background-color: var(--n2);

width: 80px;

height: 80px;
}
.svg-quote-icon {
  fill: var(--n5);
}

blockquote {
  display: grid;
  background-color: var(--n4);
  -webkit-mask-image: url(/local/img/bl2.svg);
  mask-image: url(/local/img/bl2.svg);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-items: stretch;
  grid-template-columns: 1fr 160px;
  align-content: stretch;
  align-items: center;
  padding: 20px 60px;
}

blockquote p:first-of-type{
 
    font-size: clamp(1.5rem, 3.5vw, 2rem);
    line-height: clamp(1.5rem, 3.5vw, 2rem);
  }

  blockquote {
    overflow-wrap: anywhere;
  }
  @media (max-width: 600px) {
    blockquote {
      grid-template-columns: 1fr;
    }
  }


   table {
    border-color: var(--n5);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    padding: 10px;
    border-radius: 20px;
    width: 100%;

  }
  table thead tr th {

border-bottom: 3px solid var(--n6);
}
table tr td {
  padding: 7px;
}
.m0 {
 margin: 0 auto;
}

img {

}




.progress-bar {
 height: 8px;
 background: var(--n5);
 width: 0%;

}
.bl1-3 {

    background-image: url(/local/img/bl2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: inherit;
    background-position: 50% 50%;
  }












.timeline {
  position: relative;

margin: 0 calc(2vw);
}

.timeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.3em;
  width: 2px;
  margin-left: -1px;
  background-color: var(--n5);
}

.timeline-item {
  position: relative;
  margin: 50px 0;
}

.timeline-date {
  position: absolute;
  top: 0;
  left: 1.0em;
  transform: translateX(-50%);
  background-color: #fff;

font-size: 1.3em;
font-weight: bold;

border-radius: 100px;
border: 1px solid var(--n5);


top: 18px;
aspect-ratio: 1 / 1;
border-radius: 50%;
width: 36px;
text-align: center;

}



.timeline-content {
  margin-left: 60px;

background-color: var(--n4);
border-radius: 20px;

padding: 30px;

}

.timeline-content h3, .timeline-content .h3 {
  margin-top: 0;
}

.timeline-content p {
  margin-bottom: 0;
}

.ctop {
  align-items: flex-start;
}
.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

@media (max-width: 767px) {
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.b24-form-border-bottom {
  border-radius: 20px;
}

.b24-form-btn {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  margin: 0;
  height: 52px;
  width: 100%;
  border: 0;
  border-radius: 4px;
  background-color: #0f58d0;
  background-color: var(--n3) !important;
  
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: -1px -1px 1px rgb(0 0 0 / 9%);
  box-shadow: -1px -1px 1px rgb(0 0 0 / 9%);
	
  outline: 0;
  cursor: pointer;
  color: #fff;
  color: #ffffff !important;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
.b24-form-wrapper.b24-form-border-bottom {
  border-bottom: 5px solid var(--n3)!important;
  border-radius: 20px;
}

.b24-form-sign {
 display: none !important;
}
.b24-form-field-agreement a.b24-form-field-agreement-link {
  color: var(--n5) !important;
  text-decoration: underline;
}



.b24-form-header-title {
  letter-spacing: .6px;
  margin-bottom: 9px;
  font: 700 24px/33px var(--ff) !important;
}
.b24-form-field-agreement a.b24-form-field-agreement-link {color: #ffffff;}
.tc6 {color: var(--color6) !important}
.b24-form-control-list-selector-item img {display: none !important}
.backface-visibility .threeD-content-inner {backface-visibility: hidden; -webkit-backface-visibility: hidden;}

.b24-form-wrapper.b24-form-border-left {
  border-left: 0px solid var(--n3) !important;
  border-right: 0px solid var(--n3)!important;
  border-top: 0px solid var(--n3)!important;
  border-bottom: 0px solid var(--n3)!important;
}

.b24-form div div{border: 0 !important;
  box-shadow: none !important;}


  .volna {

    padding-right: 0px;
    padding-bottom: 105px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-image: url(/upload/i/icon1.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: inherit;
    background-position: 50% 0;
  }  

  .c0 {
    margin: 0;
    padding: 1em 5%;
  }

  .r0 {
   margin: 0;
   padding: 10px;
 }


 .btn_box {
  background: var(--n3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#000000',GradientType=1);


  

  -webkit-border-radius: 6px;
  border-radius: 6px;
  border-top: 0;
  border-right: 0;
  border-left: 0;

text-shadow: 0 1px 0 rgb(27 174 91 / 0%);
background-position: 0 100%;
background-size: 100%;
color: #fff;
-webkit-transition: .5s;
transition: .5s;
padding: 20px 30px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
position: relative;
display: inline-block;
}

.btn_box2 {
 -webkit-box-shadow: none !important;
 box-shadow: none !important;
}

.button {
  display: inline-block;
  transition: all .3s ease;
  
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
}

.btn_flare {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}

.btn_flare:after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(229,172,142,0)),color-stop(50%,rgba(255,255,255,.7)),color-stop(50%,rgba(229,172,142,0)));
  background: linear-gradient(to bottom,rgba(229,172,142,0),rgba(255,255,255,.7) 50%,rgba(229,172,142,0));
  -webkit-transform: rotateZ(
    60deg
  ) translate(-5em,7.5em);
  -ms-transform: rotate(60deg) translate(-5em,7.5em);
  transform: rotateZ(
    60deg
  ) translate(-5em,7.5em);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-animation: sheens 7s infinite;
  animation: sheens 7s infinite;
  z-index: 1;
}

@keyframes sheens {
 0%,
 79% {
   opacity: 0;
   filter: alpha(opacity=0);
   -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
   transform: rotateZ(60deg) translate(-5em, 7.5em)
 }
 80% {
   opacity: 1;
   filter: alpha(opacity=100);
   -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
   transform: rotateZ(60deg) translate(-5em, 7.5em)
 }
 95% {
   opacity: 1;
   filter: alpha(opacity=100);
   -webkit-transform: rotateZ(60deg) translate(1em, -11em);
   transform: rotateZ(60deg) translate(1em, -11em)
 }
 to {
   opacity: 0;
   filter: alpha(opacity=0);
   -webkit-transform: rotateZ(60deg) translate(1em, -9em);
   transform: rotateZ(60deg) translate(1em, -9em)
 }
}

.bx-breadcrumb {
  display: flex;
}

.bx-breadcrumb-item {
  padding: 0 5px;
}

.textblockten tr td:last-of-type {
  width: 26%;
  text-align: center;

}



.cookie-popup {

 font-size: 0.875rem;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 position: fixed;
  
  padding: 0.625rem 0.9375rem;
  
  
	-webkit-box-shadow: var(--box-x);
	box-shadow: var(--box-x);
	line-height: 150%;
  transition: opacity .5s;
  opacity: 0;
  z-index: 9999;

background-color: var(--n5);
border-radius: 0 50px 50px 0 ;
border-radius: 0 10px 10px 0 ;
color: #ffffff !important;
/* Окно согласия всегда непрозрачное: градиент с прозрачным началом
   делал белый текст нечитабельным в Firefox на страницах услуг. */
background-image: none;
}
.cookie-popup a {
  color: #ffffff !important;
}
.cookie-popup--short {
 right: auto;
 width: min(45rem, calc(100vw - 2rem));
 /* width: clamp(150px, 71vw, 16rem); */









}

#cookie-popup {
  flex-wrap:wrap;
  align-items:center;
  gap: 1rem;
}

#cookie-popup > div:first-child {
  flex: 1 1 22rem;
}
.cookie-popup--not-accepted {
 opacity: 1;
 animation: cookie-popup-in .5s ease forwards;  
 
}
.cookie-popup--accepted {
 opacity: 0;
}
.cookie-popup a {

}
.cookie-popup a:visited {

 text-decoration: none;
}
.cookie-popup-actions {
 display: flex;
 flex: 0 0 auto;
 flex-wrap: wrap;
 justify-content: flex-end;
 gap: 0.625rem;
 text-align: right;
}
.cookie-popup-actions button {
 color: var(--n4);
 border: none;
 background: none;
 font-family: inherit;
 font-style: inherit;
 font-size: inherit;
 font-weight: bold;
 text-transform: uppercase;
 font-size:   0.75rem;
 padding: 0;
 cursor: pointer;


 border: 3px solid var(--n3);
 padding: 9px;
 



background: var(--n4);
color: var(--n5);
}

.cookie-popup-actions .cookie-popup-reject {
  color: var(--n4);
  background: transparent;
  border-color: var(--n6);
}


.cookie-popup-actions button:hover {
 text-decoration: underline;
}

@keyframes cookie-popup-in {
 from { bottom: -6.25rem; }
 to { bottom: 1.25rem; }
}

@media (max-width: 600px) {
  #cookie-popup {
    right: 1rem;
    left: 1rem;
    width: auto;
  }

  #cookie-popup > div:first-child,
  .cookie-popup-actions {
    flex-basis: 100%;
  }

  .cookie-popup-actions {
    justify-content: flex-start;
  }
}



.upper {
 opacity: 1;
}


.b1, .b2, .b3 {
  box-shadow: 0 0 0 0 #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-position: 0 0;
  display: flex;
  padding: 20px 0;

align-items: center;
}
.b1 {
  background-image: url(/upload/bg/b1.svg);
}
.b2 {
  background-image: url(/upload/bg/b2.svg);
}
.b3 {
  background-image: url(/upload/bg/b3.svg);
}

.b1 div:first-of-type, .b2 div:first-of-type , .b3 div:first-of-type  {
  width: 45px;
  height: 45px;
  line-height: 48px;
  border-radius: 100px;
  background: #ffffff;
  text-align: center;
  font-size: 2.5em;
  color: var(--n5);
  margin-right: 10px;

}
.b1 p, .b2 p, .b3 p {
  margin: 0;
}
.bb {
  border-bottom: 1px solid var(--n5);
}
.c1 p a {
  color: var(--n2);
}

.wr {
  white-space: nowrap;
}







 





.oh {
  width: 100% !important;
  overflow: hidden;
}


.ph{
  padding: calc(3vh) 0;
  margin-bottom: 0;
}

.fm * {
  margin: 0;
}
.dc .col {
  padding: 20px;
  padding: 30px;
}

.dc .col:hover{
  background: var(--n5);
  color: var(--n4);
  box-shadow: 13px 13px 51px 0px rgba(9.999999999999991, 50.99999999999997, 80, 0.16);
  transition: 1s;

}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  flex: 0;
  flex: 0 0 auto;
}

.example h2, .example h3, .example .h3 {
  padding-top: 9vh;
}


.typing-effect {

overflow: hidden;
animation: typing 1s steps(10)
infinite alternate-reverse;
}

@keyframes typing {
  from{ width: 0ch}
}






@keyframes move {
  from {
    transform: translate(-90px, 0%);
  }

  to {
    transform: translate(90px, 0%);
  }
}






.w100 {
  position: relative;

}

.w100 svg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30px;
}
.w100 svg {
  fill: #ffffff;
}

@keyframes move {
  from {
    transform: translate(-90px, 0%);
  }

  to {
    transform: translate(90px, 0%);
  }
}

.w100 svg {
  width: 100%;
  background: var(--n4);
  display: block;
  width: 100%;
  top:1px;
  height: 11vh;
  position: relative;
}

.w100 svg>g>use {
  animation: move 600s linear infinite;
}

.w100 svg>g>use:nth-child(1) {
  animation-delay: -2s;
  fill: var(--n4);
}

.w100 svg>g>use:nth-child(2) {
  animation-delay: -2s;
  animation-duration: 17s;
  fill: var(--n3);
}

.w100 svg>g>use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 10s;

fill: var(--n5);
}
.aspect-ratio {

aspect-ratio: auto;
border-radius: 6px;
}

.sticky .button {
  text-align: center;
  display: block;
}

.b24-form-control, .b24-form-control-label {
  color: #000000 !important;
}
.content-visibility {
  content-visibility: auto;
}






ul.banner li {
  height: auto;
}


.top1 {
  grid-area: tel;
}

.top2 {
  grid-area: working;
}

.top3 {
  grid-area: mail;
}

.top4 {
  grid-area: social;
}
.top5 {
  grid-area: buttonss;
  height: min-content;
}
.top6 {
  grid-area: tel2;
}




logo-slider {
  overflow: hidden;
  max-width: 1920px;
  min-width: 320px;
  width: 87vw;
  display: flex;
  padding-block: 5px;
}
@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(calc(-50% - (var(--slider-gap, max(16px, max(16px, 2vw))) * 2)));
  }
}
logo-slider > div {
  display: flex;
  align-items: center;
  animation: marquee calc(var(--slider-duration, 50s) + (var(--variable-duration, 10s) * 10)) linear infinite;
  justify-content: space-between;
  gap: var(--slider-gap, max(16px, max(16px, 2vw)));
}
logo-slider > div img {
  height: clamp(50%, 10vw, 100%);
  max-width: 150px;
  max-height: 100px;
  object-fit: contain;
  display: block;
}
logo-slider > div a {

}
logo-slider > div > *:where(:nth-child(1), :nth-child(21)) {

}
logo-slider > div > *:where(:nth-child(20), :nth-child(40)) {

}
logo-slider > div:hover {
  animation-play-state: paused;
}







#aspect-content {
  margin: 50px 0 0;
  
}
#aspect-content * {
  box-sizing: border-box;
}

.aspect-tab {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 10px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 0 1px #ececec;
  opacity: 1;
  transition: box-shadow 0.2s, opacity 0.4s;
}
.aspect-tab:hover {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11);
}

.aspect-input {
  display: none;
}

.aspect-input:checked ~ .aspect-content + .aspect-tab-content {
  max-height: 3000px;
}

.aspect-input:checked ~ .aspect-content:after {
  transform: rotate(0);
}

.aspect-label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  max-height: 80px;
  width: 100%;
  margin: 0;
  padding: 0;

z-index: 1;
cursor: pointer;
}
.aspect-label:hover ~ .aspect-content:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM1NTZBRUEiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
}

.aspect-content {
  position: relative;
  display: block;
  height: 80px;
  margin: 0;
  padding: 0 87px 0 30px;

white-space: nowrap;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
}
.aspect-content:before, .aspect-content:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.aspect-content:before {
  height: 100%;
}
.aspect-content:after {
  position: absolute;
  width: 24px;
  height: 100%;
  right: 30px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUFDQUYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(180deg);
}

.aspect-name {
  display: inline-block;
  width: 75%;
  margin-left: 16px;
  font-weight: 500;
  color: var(--n5);
  white-space: normal;
  text-align: left;
  vertical-align: middle;
}

.aspect-stat {
  width: 40%;
  text-align: right;
}

.all-opinions,
.aspect-name {

line-height: 22px;
}

.all-opinions {
  color: #5d5d5d;
  text-align: left;
}

.aspect-content + .aspect-tab-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s;
}

.aspect-content > div,
.aspect-stat > div {
  display: inline-block;
}

.aspect-content > div {
  vertical-align: middle;
}

.positive-count,
.negative-count,
.neutral-count {
  display: inline-block;
  margin: 0 0 0 20px;
  padding-left: 26px;
  background-repeat: no-repeat;
  font-size: 13px;
  line-height: 20px;

}

.positive-count {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiM3RUQzMjEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE4LjU3MWMtNC43MjYgMC04LjU3MS0zLjg0NS04LjU3MS04LjU3MSAwLTQuNzI2IDMuODQ1LTguNTcxIDguNTcxLTguNTcxIDQuNzI2IDAgOC41NzEgMy44NDUgOC41NzEgOC41NzEgMCA0LjcyNi0zLjg0NSA4LjU3MS04LjU3MSA4LjU3MXpNMjAgMTBjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMFMwIDE1LjUxNCAwIDEwIDQuNDg2IDAgMTAgMHMxMCA0LjQ4NiAxMCAxMHpNNSAxMS40MjdhNSA1IDAgMCAwIDEwIDAgLjcxNC43MTQgMCAxIDAtMS40MjkgMCAzLjU3MSAzLjU3MSAwIDAgMS03LjE0MiAwIC43MTQuNzE0IDAgMSAwLTEuNDI5IDB6bTEuMDcxLTVhMS4wNzEgMS4wNzEgMCAxIDAgMCAyLjE0MyAxLjA3MSAxLjA3MSAwIDAgMCAwLTIuMTQzem03Ljg1OCAwYTEuMDcxIDEuMDcxIDAgMSAwIDAgMi4xNDMgMS4wNzEgMS4wNzEgMCAwIDAgMC0yLjE0M3oiLz4KPC9zdmc+Cg==");
}

.negative-count {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNGRjZFMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE4LjU3MWMtNC43MjYgMC04LjU3MS0zLjg0NS04LjU3MS04LjU3MSAwLTQuNzI2IDMuODQ1LTguNTcxIDguNTcxLTguNTcxIDQuNzI2IDAgOC41NzEgMy44NDUgOC41NzEgOC41NzEgMCA0LjcyNi0zLjg0NSA4LjU3MS04LjU3MSA4LjU3MXpNMjAgMTBjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMFMwIDE1LjUxNCAwIDEwIDQuNDg2IDAgMTAgMHMxMCA0LjQ4NiAxMCAxMHpNNSAxNC45OThhLjcxNC43MTQgMCAwIDAgMS40MjkgMCAzLjU3MSAzLjU3MSAwIDAgMSA3LjE0MiAwIC43MTQuNzE0IDAgMSAwIDEuNDI5IDAgNSA1IDAgMSAwLTEwIDB6bTEuMDcxLTguNTdhMS4wNzEgMS4wNzEgMCAxIDAgMCAyLjE0MiAxLjA3MSAxLjA3MSAwIDAgMCAwLTIuMTQzem03Ljg1OCAwYTEuMDcxIDEuMDcxIDAgMSAwIDAgMi4xNDIgMS4wNzEgMS4wNzEgMCAwIDAgMC0yLjE0M3oiLz4KPC9zdmc+Cg==");
}

.neutral-count {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNCQUMyRDYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE4LjU3MWMtNC43MjYgMC04LjU3MS0zLjg0NS04LjU3MS04LjU3MSAwLTQuNzI2IDMuODQ1LTguNTcxIDguNTcxLTguNTcxIDQuNzI2IDAgOC41NzEgMy44NDUgOC41NzEgOC41NzEgMCA0LjcyNi0zLjg0NSA4LjU3MS04LjU3MSA4LjU3MXpNMjAgMTBjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMFMwIDE1LjUxNCAwIDEwIDQuNDg2IDAgMTAgMHMxMCA0LjQ4NiAxMCAxMHpNNS43MTQgMTEuNDI3YS43MTQuNzE0IDAgMSAwIDAgMS40MjloOC41NzJhLjcxNC43MTQgMCAxIDAgMC0xLjQyOUg1LjcxNHptLjM1Ny01YTEuMDcxIDEuMDcxIDAgMSAwIDAgMi4xNDMgMS4wNzEgMS4wNzEgMCAwIDAgMC0yLjE0M3ptNy44NTggMGExLjA3MSAxLjA3MSAwIDEgMCAwIDIuMTQzIDEuMDcxIDEuMDcxIDAgMCAwIDAtMi4xNDN6Ii8+Cjwvc3ZnPgo=");
}

.aspect-info {
  width: 60%;
  white-space: nowrap;

}
.aspect-info:before {
  content: "";
  display: inline-block;
  height: 44px;
  vertical-align: middle;
}

.chart-pie {
  position: relative;
  display: inline-block;
  height: 44px;
  width: 44px;
  border-radius: 50%;
  background-color: #e4e4e4;
  vertical-align: middle;
}
.chart-pie:after {
  content: "";
  display: block;
  position: absolute;
  height: 40px;
  width: 40px;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  background-color: #fff;
}

.chart-pie-count {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 44px;
  color: #242a32;
  text-align: center;
  z-index: 1;
}

.chart-pie > div {
  clip: rect(0, 44px, 44px, 22px);
}

.chart-pie > div,
.chart-pie.over50 .first-fill {
  position: absolute;
  height: 44px;
  width: 44px;
  border-radius: 50%;
}

.chart-pie.over50 > div {
  clip: rect(auto, auto, auto, auto);
}

.chart-pie.over50 .first-fill {
  clip: rect(0, 44px, 44px, 22px);
}

.chart-pie:not(.over50) .first-fill {
  display: none;
}

.second-fill {
  position: absolute;
  clip: rect(0, 22px, 44px, 0);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  box-sizing: border-box;
}

.chart-pie.positive .first-fill {
  background-color: #82d428;
}
.chart-pie.positive .second-fill {
  border-color: #82d428;
}

.chart-pie.negative .first-fill {
  background-color: #ff6e00;
}
.chart-pie.negative .second-fill {
  border-color: #ff6e00;
}

.aspect-tab-content {
  background-color: #f9f9f9;

text-align: justify;
}

.sentiment-wrapper {
  padding: 24px 30px 30px;




display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
grid-auto-rows: minmax(100px, auto);

}



.sentiment-wrapper > div {

 
  padding: 0 5px;
  box-sizing: border-box;
  vertical-align: top;
  cursor: default;
}

.sentiment-wrapper > div > div {
  width: 100%;
  padding: 16px 24px 20px;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #ececec;
  text-align: left;
}

.opinion-header {
  position: relative;
  width: 100%;
  margin: 0 0 24px;

font-weight: 500;
line-height: 20px;
color: var(--n5) !important;
text-transform: capitalize;
display: flex;
flex-direction: column;

}

.opinion-header > span:nth-child(2) {

  text-align: right;
  text-transform: lowercase;
}

.opinion-header + div > span {

font-weight: 400;
line-height: 22px;
color: #363636;
}

@media screen and (max-width: 800px) {
  .aspect-label {
    max-height: 102px;
  }

  .aspect-content {
    height: auto;
    padding: 10px 87px 10px 30px;
  }
  .aspect-content:before {
    display: none;
  }
  .aspect-content:after {
    top: 0;
  }

  .aspect-content > div {
    display: block;
    width: 100%;
  }

  .aspect-stat {
    margin-top: 10px;
    text-align: left;
  }
}
@media screen and (max-width: 750px) {
  .sentiment-wrapper > div {
    display: block;
    width: 100%;
    max-width: 100%;
  }

  .sentiment-wrapper > div:not(:first-child) {
    margin-top: 10px;
  }

  .sentiment-wrapper {
    padding: 24px 30px 30px;




display: flex;
flex-direction: column;
    

  }
}
@media screen and (max-width: 500px) {
  .aspect-label {
    max-height: 140px;
  }

  .aspect-stat > div {
    display: block;
    width: 100%;
  }

  .all-opinions {
    margin-bottom: 10px;
  }

  .all-opinions + div > span:first-child {
    margin: 0;
  }
}
html,body{ scroll-behavior: smooth}

#cookie-popup {
  display: none;
}

#scrollUp {
  display: none;
}

#scrollUp {
  position: fixed;
  fill: var(--n5);
  right: 87px;
  bottom: 16px;
}

@media (max-width: 768px) {
  #scrollUp {
    right: 15px;
    bottom: 15px;
  }
  #header2 {
    display: none !important;
  }
  .row-reverse {
    flex-direction: column-reverse;
  }
  /* .row-reverse .col-12.col-md-6:first-of-type {
    order: 2;
  }
  .row-reverse .col-12.col-md-6:last-of-type {
    order: 1;
  } */


}

#header2 {
  display: none;
  position: sticky;
  z-index: 999999;
  top: 7px;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.39);
  -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.39);
  box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);

background: var(--n4);
}

.WhatsApp {
  fill:   #25D366;
  position: relative;
  top: 3px;
}
.Telegram {
  fill: #0088cc;
  position: relative;
  top: 3px;
}
.max {
  background: linear-gradient(56deg, #56b3f9 0%, #6748ea 50%, #914ede 100%);
  position: relative;
  top: 3px;
}


.flex {

}
.calendar {


    clear: both;



}

.uppercase {
  text-transform: uppercase;
}



p.whatsapp {
  border-radius: 20px;
  background-image: linear-gradient(180deg, rgba(94,244,109,1) 0%, rgba(67,200,80,1) 98%);

    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);

  }

  p.telegram {
    border-radius: 20px;
    background-image: linear-gradient(180deg, rgba(90,208,245,1) 0%, rgba(62,171,205,1) 100%);

    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);

  }

  p.max {
    border-radius: 20px;
    background-image: linear-gradient(56deg, #56b3f9 0%, #6748ea 50%, #914ede 100%);

    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);

  }

  p.telegram, p.whatsapp, p.max {
    aspect-ratio: 46 / 19;
 
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 230px;
  }
  p.telegram a, p.whatsapp a, p.max a {
    color: #ffffff;
    text-decoration: none;
    border-bottom: none;
  }

  .border-bottom-none a, .border-bottom-none {
    border-bottom: none;
  }

  ul.gridcont li {
    list-style: none;
  }
  ul.gridcont {
    display: grid;
    grid-template-columns: repeat(24,1fr);
    gap: 12px 12px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
    "contact qr messengers"
    "requisites requisites social";

    margin: 0;
    padding: 50px;
    border-radius: 20px;
    background-color: var(--n4);
    background-position: center center;
    border-color: transparent;
    border-style: solid;

}


ul.gridcont li {
  height: auto;
}

.gridcont .area1 {
  grid-area: contact;
}

.gridcont .area2 {
  grid-area: messengers;
}

.gridcont .area3 {
  grid-area: social;
}

.gridcont .area4 {
  grid-area: requisites;
}
.gridcont .area5 {
  grid-area: qr;
}



@media (min-width: 720px) and (max-width: 1023px) {
  ul.gridcont {
    display: grid;
    grid-template-columns: repeat(24,1fr);
    gap: 12px 12px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
    "contact messengers requisites"
    "social social social";
  }
  .gridcont .area3, .arealist {
    justify-content: space-around;

  }

}



.arealist .soc {
  background: var(--n4);
}


@media (max-width: 720px) {
  ul.gridcont {
    display: flex;
    flex-direction: column;
  }
}


.soc {
  border-radius: 20px;
  background-color: #ffffff;
  background-position: center center;
  border-color: transparent;
  border-style: solid;


aspect-ratio: 25 / 8;
max-width: 250px;
min-width: 230px;

display: flex;
align-content: center;
justify-content: space-around;
align-items: center;
flex-wrap: nowrap;
}

.soccety {
  aspect-ratio: 25 / 8;
  max-width: 250px;
}

.gridcont .area3, .arealist {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;

}

.text-columns {
  columns: auto 500px;


}

ol.text-columns  {
  list-style: none;
  counter-reset: list;
  margin-bottom: 2em;
}

ol.text-columns li
{
  position: relative;
}

ol.text-columns li:before {
  counter-increment: list;
  content: counter(list, decimal);
  width: 30px;
  height: 28px;
  border-radius: 50%;

  font-size: 16px;
  line-height: 26px;
  text-align: center;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0px;
  background: var(--n4);
}

.text-columns li span {
  margin-left: 46px;
}

.arealist svg{
  fill: var(--n5);
}

.arealist {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-evenly;
}


.selected, .selected a {
  color: var(--n6);
}

.b24-window-close  {

  background-color: initial !important;
  color: var(--n5) !important;
}

.span span, u {
  text-decoration: none;
  border-bottom: 3px solid var(--n5);
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(0.25turn, var(--n4), var(--n5), rgba(56,2,155,0));
  border-image-slice: 1;
  width:100%;
}
.compred div > * {

}
.compred ul {
  padding: 1vw !important;
}



  footer {
    background: var(--n4);
    padding-top: 7vh;
  }

  footer .container .row:last-of-type {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-top: 5px solid var(--n5);
  }

  #header2 {
    opacity: 0;
    animation: ani 2.5s forwards;
  }

  @keyframes ani {
    0% {opacity: 0;}
    100% {opacity: 1;}
    
  }

  .nowborder {
    border: none;
  }












.my-list li {
  animation: listleft 5s ease forwards;
  animation-delay: calc(.2s * var(--index));
}


@media (max-width: 767px) {
  .navbar {
    flex-direction: column;
    align-items: flex-end;
  }
  
  .navbar-toggler {
    display: block;
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
  }
  
  .navbar-toggler-icon {
    display: block;
    width: 30px;
    height: 3px;
    background-color: var(--n5);
    margin: 5px 0;
  }
  
  .navbar-toggle {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
  }
  
  .navbar-toggle:checked + .navbar-collapse {
    display: block;
  }
  
  .navbar-collapse {
    display: none;
    width: 100%;
    position: absolute;
    top: 74px;
    left: 0;
    background-color: var(--n3);
    padding: 10px;
		z-index: 10 !important;

  }
  
  .navbar-nav {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 10px;
		position: relative;
		z-index: 9;
  }
  
  .nav-item {
    
		margin: 6px 0;
  }
  
  .nav-link {
    display: block;
    padding: 5px 0;

color: var(--n4);
}
.dn {
  display: none !important;
}
}
@media (max-width: 1280px) {
  .dn1280 {
    display: none !important;
  }
  #header .navbar .navbar-header  {
    margin-left: auto;

  }


}


@media (max-width: 1200px) {
  .dn1200 {
    display: none !important;
  }
}
.dnoverflow {
  overflow: hidden;
}

.col.deff {
  position: relative;
}
.deff:after {
  content: '';
  height: 2px;

    left: 2vw;
    right: 6vw;
    top: 50%;
    background: var(--n5);
    position: absolute;
    transform: rotate(200deg);
  }






#header2 .nav-item:last-of-type, #header2 .nav-item:last-of-type {
  margin-left: 0;
}

@keyframes rotation {
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(360deg);
  }
}

.img-rotation{
  animation-name: rotation;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

}

.m10:after {
  content: "";

display: block;

height: 41px;
margin-bottom: -41px;
width: 100%;
z-index: -1;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5AYYDBIKytcZTQAAABtJREFUOMtjYGBgMIZisgETwygYBaNgFFAHAADePgBphCVAZgAAAABJRU5ErkJggg==);
 

}

.stretch .c5, .stretch .c3, .stretch .c1, .stretch .c2 {
  transition: 0.45s;
  border-radius: 20px;

}

.stretch .c5:hover, .stretch .c3:hover, .stretch .c1:hover, .stretch .c2:hover {
  transform: translate(0px, -2px);
  border-radius: 20px;
  
	
	-webkit-box-shadow: var(--box-x);
	box-shadow: var(--box-x);
}
footer .h3 {
  text-decoration: underline;
  text-underline-offset: 0.2ex;
}


.fondot {

  border-radius: 500px;
  background-color: #f1f2f65c;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  box-shadow: 0px 0px 100px 41px rgb(241 242 246);
  z-index: 2;
  


left: calc(22%);
width: 0;
height: 0;
position: absolute;
box-sizing: border-box;
display: table;
}
.accord .content {
  opacity: 0;
}
.accord.active .content {

      
    opacity: 1;
    transition: opacity 1.2s ease;
  }

  button.mui-ncli0g.mui-ncli0g {

  }

  .wrapper {
    
  }

  ul.my-list li, main .container .row .col ul li, .homelist li {
    padding: 0 0 0 45px !important;
    list-style: none;
  }

 

  main .container .row .col ul li:before, .homelist li:before  {
    content: '';
    display: block;
    width: 25px;
    height: 3px;
    background: var(--n6);
    position: relative;

top: 14px;

left: -38px;

}












.a2.c2 {
	color: #ffffff !important;
}




.service-info{
	position: fixed;
	width: 30%;
  max-width: 500px;
	top: 100px;
	right: 20px;
	background: var(--n4);
	padding: 20px;
	border-radius: 20px;	
	border: solid var(--n5);
}

.service-info {
	margin-top: 20px;
	display: none;
}
.input-message {
  margin-top: 10px;
  width: 95%;
  max-width: 400px;
  padding: 8px;
}

.top_but_zak {
	background: var(--n3);
	border-radius: 6px;
	color: #fff;
	padding: 20px 30px;
	cursor: pointer;
	position: relative;
	display: inline-block;
	text-decoration: none;
}



.promo {
	
}

.promo .a2.c2 {
	background-color: #2c97c9;
}


#sendButton:disabled {
  background-color: #ffffff !important;
}

/* цап кнопка */
.rotate {
  animation: rotating 3s linear infinite;
}

@keyframes rotating {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.coin-container {
  width: 66px;
  height: 66px;
  perspective: 600px; /* добавляет глубину для 3D */
  cursor: pointer;
}
.coin {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d; /* сохраняет 3D */
  animation: spinCoin 3s linear infinite;
}
.face, .back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden; /* скрывает обратную сторону */
  border-radius: 50%;
}
.face {
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.face svg path {
  fill: #25D366; /* Зеленый WhatsApp */
}
.back {
  background: #25D366; /* Зеленый фон обратной стороны */
  transform: rotateY(180deg);
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 32px;
  font-weight: bold;
  user-select: none;
}

@keyframes spinCoin {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}

.whatsappbottombutton {
  position: fixed;
  fill: #2cb742;
  right: 79px;
  bottom: 96px;
}
@media (max-width: 768px) {
  #whatsappbottombutton {
      right: 8px;
      bottom: 79px;
  }
  .a2.c2 .body div:first-of-type {
    display: none;
  }
}


.list-top {
font-size: 23px;
line-height: 23px;
padding-bottom: 23px;
}
.list-top em {
    font-size: 80%;
    font-weight: 100;
    
}

i.prise {
    position: relative;
    font-size: 70% !important;
    text-transform: lowercase;
  }
i.prise::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--n6);
    transform: rotate(351deg);
    transform-origin: center;
}

img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }

/* плашка support в услугах */

.support {
  background: var(--n4);
  padding: 40px 20px;
  border-radius: 20px;
}

.support__content {
  /* max-width: 1200px; */
  /* margin: 0 auto; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin: 30px 0;
}

.support__text {
  max-width: 650px;
}

.support__title {
  font-size: 28px;
  margin-bottom: 12px;
  /* color: #1a1a1a; */
}

.support__subtitle {
  font-size: 16px;
  /* color: #555; */
  margin-bottom: 24px;
}

.support__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.support__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  background: #ffffff;
  border-radius: 12px;
  /* color: #1f7a4d; */
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  transition: all 0.2s ease;
}

.support__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
}

.support__image img {
  max-width: 260px;
  width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .support__content {
    flex-direction: column;
    text-align: center;
  }

  .support__text {
    max-width: 100%;
  }

  .support__buttons {
    justify-content: center;
  }

  .support__image img {
    max-width: 200px;
  }
}

@media (max-width: 480px) {
  .support__title {
    font-size: 22px;
  }

  .support__btn {
    width: 100%;
    justify-content: center;
  }
}

/* плашка support */

/* End */


/* Start:/bitrix/templates/120423/2.css?17392553704825*/


  .headprise * {
    margin: 0;
    padding: 0;
    color: inherit;
    font: inherit;
  }

  .artprise, .secprise, .footprise {
    display: grid;
  }



  .bodyprise, .secprise {
    justify-content: center;
  }

/*.bodyprise, ::before, ::after, ::marker {
  color: #3e3f41;
}*/

.bodyprise {
  --rs: .75;
  display: flex;
  align-items: center;
/*  overflow-x: hidden;*/
/*  background: linear-gradient(#e5e6e8, #d1d2d4);*/
/*  font: calc(var(--rs)*1em)/1.5 ubuntu;*/
}
@media (max-width: 740px) {
  .bodyprise {
    flex-direction: column;
  }
}
@media (min-width: 1101px), (max-width: 740px) and (min-width: 381px) {
  .bodyprise {
    --rs: 1.5 ;
  }
}
@media (max-width: 1100px) and (min-width: 921px), (max-width: 380px) and (min-width: 321px) {
  .bodyprise {
    --rs: 1.25 ;
  }
}
@media (max-width: 920px) and (min-width: 741px), (max-width: 320px) and (min-width: 261px) {
  .bodyprise {
    --rs: 1 ;
  }
}

.headprise, ::before, ::after {
  grid-area: 1/1;
}

.plan {
  --stripe:
  linear-gradient(135deg,
    var(--c1) 32%, var(--c2) 0 57%, var(--c3) 0);
  overflow: hidden;
  position: relative;
  margin: -2.75em;
  border: solid 2.75em transparent;
  width: 15em;
  border-radius: calc(2.75em + calc(1em + 2px*var(--rs)*6));
/*  background: radial-gradient(closest-side, rgba(0, 0, 0, 0.15), transparent) 50% 100%/15em 2.75em border-box no-repeat, linear-gradient(#e5e5e5 0 0) padding-box;*/
-webkit-clip-path: inset(2.75em 2.75em 0);
clip-path: inset(2.75em 2.75em 0);
transition: transform 0.35s;
}
.plan::before, .plan::after {
  box-sizing: border-box;
  border: solid 1em #fff;
  height: 15.275em;
  background: conic-gradient(from 67deg at 8.7796523326em 11.5482586897em, #000 46deg, transparent 0%), conic-gradient(from -67deg at 7.5em 11.005078501em, #000 134deg, transparent 0%) #fff;
  background-origin: border-box;
  -webkit-mask: linear-gradient(23deg, transparent calc(5.8609669273em + -1*0.5px), red calc(5.8609669273em + 0.5px)), radial-gradient(circle at calc(1em + 2px*var(--rs)*6) 0, transparent calc(calc(1em + 2px*var(--rs)*6) + -1*0.5px), red calc(calc(1em + 2px*var(--rs)*6) + 0.5px)) 0 calc(8.9078777569em - calc(1em + 2px*var(--rs)*6)/1.5108351936)/calc(calc(1em + 2px*var(--rs)*6)*0.6092688715) calc(1em + 2px*var(--rs)*6) no-repeat;
  mask: linear-gradient(23deg, transparent calc(5.8609669273em + -1*0.5px), red calc(5.8609669273em + 0.5px)), radial-gradient(circle at calc(1em + 2px*var(--rs)*6) 0, transparent calc(calc(1em + 2px*var(--rs)*6) + -1*0.5px), red calc(calc(1em + 2px*var(--rs)*6) + 0.5px)) 0 calc(8.9078777569em - calc(1em + 2px*var(--rs)*6)/1.5108351936)/calc(calc(1em + 2px*var(--rs)*6)*0.6092688715) calc(1em + 2px*var(--rs)*6) no-repeat;
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  content: "";
}
.plan::before {
  filter: blur(calc(var(--rs)*6*1px)) contrast(calc(var(--rs)*6*3));
}
.plan::after {
  background: conic-gradient(from 180deg at 100% 8.9078777569em, var(--c4) 45deg, var(--c3) 0% 67deg, transparent 0%), var(--stripe);
  mix-blend-mode: screen;
}
.plan:not(:hover) {
  transform: scale(0.9);
}

.headprise {
  z-index: 2;
  padding-top: 1em;
  text-align: center;
}

.name, .cost, .act, .desc {
  color: #ffffff;
}

.name, .act {
  text-transform: capitalize;
}

.name {
  font-size: 2em;
}

.desc {
  font-size: 0.8em;
}

.cost {
  font-size: 1.25em;
}
.cost::before {
  content: "₽";
  color: #ffffff;
}
.cost::after {
  content: "/ месяц";
  color: #ffffff;
}

.feat {
  margin: -1em 0 2em;
}

[data-suf] {
  color: var(--n5);
}
[data-suf]::after {
  content: " " attr(data-suf);
}

[data-disabled] {
  opacity: 0.5;
  text-decoration: line-through;
}

.footprise::before, .footprise::after {
  content: "";
}
.footprise::before {
  position: absolute;
  top: 10.5482586897em;
  left: 11.520334858em;
  padding: 1em;
  border-radius: 35%;
  box-shadow: 0 0 0 calc(var(--rs)*4px) #000;
  background: conic-gradient(at 40%, #000 25%, transparent 0%) 0.6em, conic-gradient(from -45deg at 50% 100%, #fff 90deg, #000 0%);
  filter: blur(calc(var(--rs)*1.5*1px)) contrast(calc(var(--rs)*1.5*3));
}
.footprise::after {
  place-self: center;
  margin-bottom: -0.75em;
  padding: 0.625em 0.75em;
  background: var(--c1);
  -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

button.act {
  border: solid 1em #fff;
  border-radius: calc(1em + 2px*var(--rs)*6);
  background: var(--stripe) 0 0/100% 170%;
  line-height: 4;
}




/*---футер*/
footer {
/*  background-color: var(--c8);
  padding: 50px 0;*/
}

footer .container .row .col * {
  margin: 0;
}

footer p.disc {
  font-size: 0.8em;
}

footer ul li{
/*  display: table-footer-group;*/
list-style: none;
}

.timeline-content ul li a {
	border-bottom: dotted;
}

.timeline-content ul{
	margin-top: 20px;
}
/* End */


/* Start:/local/css/style.css?17577018239849*/
.timeline-content h3, .timeline-content p{
/*margin: inherit;*/
}
.grad {
background: linear-gradient(33deg, var(--n6), var(--n4));
background: -webkit-linear-gradient(33deg, var(--n4) 0%, var(--n4) 60%,   var(--n6) 100%);
    animation: gradient 15s ease infinite;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.13);
}



/*-------примеры работ*/


/*@import url('https://fonts.googleapis.com/css?family=Roboto');*/
/*body {background-color: #0D1B2B; overflow-x: hidden; font-family: roboto; -webkit-font-smoothing: antialiased; margin: 0;}*/
.flex { display: -webkit-flex; display: flex; -webkit-flex-direction: row;  flex-direction: row; -webkit-justify-content: flex-start; justify-content: flex-start;}

.slider-wrapper div {position: relative;}
.slider-wrapper {
/*  margin-top: 5vw;  */
    margin-top: 2vw; 
    margin-left: 11vw;}
.slide-image {
/*  height: 24vw;*/
height: 23vw;
}
.slide-image img {width: 24vw; cursor: pointer; height: auto;}
.slide-content {
    width: 25vw; 
/*  color: #fff; */
/*  padding:3vw 18vw 3vw 9vw;*/
padding: 0vw 10vw 0vw 9vw;

}
.slide-date {color: #0a8acb; font-size: 1.1vw; font-weight: 400; letter-spacing: 0.1vw; padding-bottom: 1.4vw;}
.slide-title {
/*  font-size: 1.2vw; font-weight: 400; letter-spacing: 0.1vw; line-height: 1.55vw; padding-bottom: 1.8vw;*/
text-transform: uppercase;

}
.slide-text {
/*  font-size: 0.80vw; line-height: 1.2vw; opacity: 0.8; padding-bottom: 4vw;*/
}
.slide-more {
/*  font-weight: 400; 
    letter-spacing: 0.1vw; 
    float: left; 
    font-size: 0.9vw;*/
}
.slide-bullet {width: 0.5vw; height: 0.5vw; background-color: #0b8bcc; border-radius: 200%; position: relative; margin-left: 1.2vw;}
.slide-nav {margin-left: 64vw; margin-top: -5.5vw;}

div.overlay-blue {width: 100%; height: 100%; position: absolute; top: 0; transition: 0.5s ease all;}
div.overlay-blue:hover {
/*    background-color: rgba(13, 27, 43, 0.5);*/
}

.arrows{
/*  width: 3.5vw; 
    margin-top: -5.8vw; 
    margin-left: 72vw; 
    position: relative;*/
    width: 3.5vw;
    margin-top: -5.8vw;
    margin-left: 72vw;
    position: relative;
    top: -53px;


}
.arrow {
    display: inline-block; 
    position: absolute; 
    width: 1.2vw; 
    height: 1.2vw; background: transparent; text-indent: -9999px; border-top: 0.15vw solid #000; 
    border-left: 0.15vw solid #000; transition: all .1s ease-in-out; text-decoration: none; color: transparent;
}
.arrow:hover {border-color: #0A8ACB; border-width: 0.25vw;
}
.arrow:before {display: block; height: 200%; width: 200%; margin-left: -50%; margin-top: -50%; content: ""; transform: rotate(45deg);}
.arrow.prev {transform: rotate(-45deg); left: 0;}
.arrow.next {transform: rotate(135deg); right: 0;}

.slider {
    /* width: 100vw; */
	width: 100%;
    overflow: hidden;
}

.allcardprice {
        flex-wrap: wrap;
    display: flex;
/*flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;*/
    justify-content: space-around;
    align-items: flex-start;
    align-items: stretch;
    margin: -5px 0;
}
.allcardprice .cardprice {
    flex-grow: 1;
        max-width: 300px;
        background: var(--n4);
    padding: 10px;
    padding: 30px;
    border-radius: 20px;
    justify-content: space-between;

        display: flex;
    flex-direction: column;
    margin: 5px 0;

}
.allcardprice .cardprice .h4 {
    margin-top: auto;
    font-weight: bold;
    }

.bord {
    border-color: var(--n5);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
		border-width: 1px;
    padding: 10px;
		
    border-radius: 20px;
    width: 100%;
}


/* ---------- */

.p100 {
	padding: 100px 0 80px 0;
}


.pluses__list__item__block {
	border-radius: 20px;
	padding: 27px 20px;
	position: relative;
	z-index: 1;
	height: 100%;
	display: flex;
	}

.pluses__list__item__block_col {
	width: 50%;
	position: relative;
	padding-right: 20px;
}
.pluses__list__item__list {
	width: 50%;
	color: #FFF;
	/* font-size: 14px; */
	font-weight: 400;
	line-height: 150%;
	display: flex;
	flex-direction: column;
	gap: 14px;
	align-self: center;
	padding-left: 10px;
}

.pluses__list__item__block_col {
	width: 50%;
	position: relative;
	padding-right: 20px;
}
.pluses__list__item__badge {
	/* color: #D8ECFF; */
	/* font-size: 14px; */
	font-weight: 500;
	line-height: 150%;
}
.pluses__list__item__title {
	color: #FFF;
	/* font-size: 27px; */
	font-weight: 600;
	line-height: 150%;
	margin-top: 3px;
}
.opportunities__button__block {
	margin-top: 34px;
}
.opportunities__button {
	text-align: center;
	border: unset;
	color: #000;
	/* font-size: 19px; */
	font-weight: 700;
	line-height: 79.817%;
	padding: 20px 34px;
	/* border-radius: 27px; */
	border-radius: 12px;
	background: #FFF;
	display: inline-block;
}

/* @media (hover: hover) {
	.button-push:after {
			background: #fff;
			content: "";
			height: 155px;
			left: -75px;
			opacity: .4;
			position: absolute;
			top: -50px;
			width: 50px;
			-webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
			transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
			-webkit-transform: rotate(35deg);
			-ms-transform: rotate(35deg);
			transform: rotate(35deg);
			z-index: -10;
	}
} */

/* main .container .row .col ul li:before {
 	{
	all: revert;
} */

.pluses__list__item__2 .opportunities__img__block {
	width: 106px;
	bottom: -30px;
}

.opportunities__img__block {
	position: absolute;
	right: 20px;
	height: auto;
}

.pluses__list__item__list li {
	display: flex;
	gap: 18px;
}
div.container.content-visibility.p100 > div > div > div > ul > li {
	padding: 0 !important;
}

.pluses__list__item__list li:before {
	content: '' !important;
	width: 22px !important;
	min-width: 22px !important;
	background-repeat: no-repeat !important;
	height: 22px !important;
	background-image: url(/local/img/checkmark.png), url(/local/img/ellipse.png) !important;
	background-size: 16px 16px, 22px 22px !important;
	display: block !important;
	background-position: center !important;

	top: 0px !important;
	background-color: inherit !important;
	padding: 0 !important;
	left: 0 !important;
}

@media screen and (max-width: 1024px) {
	.opportunities__button {
			font-size: 18px;
			font-weight: 700;
			line-height: normal;
			max-width: 350px;
			padding: 13px 20px;
			width: auto;
	}
}

@media screen and (max-width: 767px) {
	.pluses__list__item, .opportunities__button__block {
			text-align: start;
	}
}
@media screen and (max-width: 1024px) {
	.opportunities__button__block {
			margin-top: 40px;
	}
}

@media screen and (max-width: 1024px) {
	.opportunities__button__block__mobile {
			display: block;
	}
}


.opportunities__button__block__mobile {
	display: none;
}
.opportunities__button__block {
	margin-top: 34px;
}

/* .opportunities__button {
	text-align: center;
	border: unset;
	color: #000;
	font-size: 19px;
	font-weight: 700;
	line-height: 79.817%;
	padding: 20px 34px;
	border-radius: 27px;
	background: #FFF;
	display: inline-block;
}     */

.opportunities__img__block {
	width: 106px;
	bottom: -30px;
}

.pluses__list__item__2 .opportunities__img__block {
	width: 106px;
	bottom: -30px;
}

.opportunities__img__block {
	position: absolute;
	right: 50px;
	height: auto;
}

.pluses__list__item__2 .opportunities__img__block {
	width: 106px;
	bottom: -30px;
}

@media screen and (max-width: 1024px) {
	.pluses__list__item__block {
			flex-direction: column;
			padding: 24px 20px 41px 20px;
	}
}
.pluses__list__item__block {
	border-radius: 20px;
	padding: 27px 20px;
	position: relative;
	z-index: 1;
	height: 100%;
	display: flex;
}

.opportunities__button__block__mobile {
	display: none;
}

@media screen and (max-width: 767px) {
	.pluses__list__item, .opportunities__button__block {
			text-align: start;
	}
}
@media screen and (max-width: 1024px) {
	.opportunities__button__block {
			margin-top: 40px;
	}
}
@media screen and (max-width: 1024px) {
	.opportunities__button__block {
			display: none;
	}
}
@media screen and (max-width: 1024px) {
	.opportunities__button__block__mobile {
			display: block;
	}
}


@media screen and (max-width: 1024px) {
	.pluses__list__item__list {
			font-size: 16px;
			text-align: start;
			margin-top: 30px;
			padding-left: 0;
	}
}
@media screen and (max-width: 1024px) {
	.pluses__list__item__block_col, .pluses__list__item__list {
			width: 100%;
	}
}

@media screen and (max-width: 1024px) {
	.pluses__list__item__block {
			flex-direction: column;
			padding: 24px 20px 41px 20px;
	}
}
@media (max-width: 991px) {
	img {
			max-width: 100%;
			height: auto;
	}
	.upper h1 {
		font-size: 2rem;
		line-height: 2rem;
	}
}
@media screen and (max-width: 1024px) {
	.opportunities__img__block {
			display: none;
	}
}

@media screen and (max-width: 1024px) {
	.opportunities__button {
			font-size: 18px;
			font-weight: 700;
			line-height: normal;
			max-width: 350px;
			padding: 13px 20px;
			width: auto;
	}
}

.pluses__list__item__badge strong {
	background: var(--n2);
	padding: 5px;
	border-radius: 10px;
}

.animated-span {
	display: inline-block; /* Позволяет применять трансформации */
	animation: bounce 1s infinite; /* Устанавливаем анимацию */
}

@keyframes bounce {
	0%, 100% {
			transform: translateY(0); /* Начальная и конечная позиция */
	}
	50% {
			transform: translateY(-5px); /* Поднимаем на 10px */
	}
}
.prise_in_the_header {
	display: flex;
}
.usl_top_lik_kom_pred {
	opacity: 0.5;
	border-bottom: dotted var(--n5) 1px;
}
.usl_top_prase_time {
	display: flex;
	align-items: center;
	grid-column-gap: 8px;
	background-color: var(--n3);
	color: #ffffff;
	border-radius: 12px;
	border-radius: 6px;
	align-items: center;
	margin-top: 16px;
	padding: 4px 16px;
	rotate: 0.99turn;
	/* transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-2deg) skew(0deg, 0deg); */
}

button.c3 {
	
}

/* End */


/* Start:/bitrix/templates/120423/components/bitrix/menu/magilanka_services/style.css?17888515799705*/
/* Этап 1: исходный стиль рабочего меню + прокрутка правой части на desktop. */
.mg-services-menu { list-style: none; font-family: inherit; }
.mg-services-menu *, .mg-services-menu *::before, .mg-services-menu *::after { box-sizing: border-box; }
.mg-services-menu__primary { display: flex; align-items: center; gap: clamp(14px, 2vw, 28px); min-width: 0; }
.mg-services-menu__mobile-trigger { display: none; }
.mg-services-menu__primary-link, .mg-services-menu__trigger { color: var(--n2); font: inherit; line-height: 1.2; text-decoration: none; }
.mg-services-menu__trigger { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 9px 14px; border: 1px solid transparent; border-radius: 9px; background: transparent; cursor: pointer; }
.mg-services-menu__trigger:hover, .mg-services-menu__trigger:focus-visible, .mg-services-menu__trigger[aria-expanded="true"] { border-color: color-mix(in srgb, var(--n3) 75%, var(--n2)); background: color-mix(in srgb, var(--n3) 19%, white); }
.mg-services-menu__chevron { display: inline-block; flex: 0 0 auto; width: 10px; height: 10px; margin-top: -4px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .18s ease, margin .18s ease; }
.mg-services-menu__trigger[aria-expanded="true"] .mg-services-menu__chevron { margin-top: 4px; transform: rotate(-135deg); }
.mg-services-menu__backdrop { position: fixed; z-index: 2147483000; inset: 0; background: rgba(0, 45, 33, .38); opacity: 0; transition: opacity .2s ease; }
.mg-services-menu__backdrop.is-open { opacity: 1; }
.mg-services-menu__dialog { position: fixed; z-index: 2147483001; top: 94px; right: max(24px, calc((100vw - 1280px) / 2)); left: max(24px, calc((100vw - 1280px) / 2)); max-height: min(720px, calc(100dvh - 118px)); overflow: hidden; color: var(--n2); background: #fff; border: 1px solid color-mix(in srgb, var(--n3) 70%, var(--n2)); border-radius: 16px; box-shadow: 0 28px 75px rgba(0, 45, 33, .26); opacity: 0; transform: translateY(-10px); transition: opacity .2s ease, transform .2s ease; }
.mg-services-menu__dialog.is-open { opacity: 1; transform: translateY(0); }
.mg-services-menu__bar { display: flex; min-height: 55px; align-items: center; justify-content: space-between; padding: 10px 18px 10px 24px; color: #fff; background: var(--n5); }
.mg-services-menu__bar > a { color: inherit; font-weight: 500; text-decoration: none; }
.mg-services-menu__bar > a:hover, .mg-services-menu__bar > a:focus-visible { text-decoration: underline; text-underline-offset: 4px; }
.mg-services-menu__close { display: inline-grid; width: 48px; height: 48px; place-items: center; padding: 0; color: #fff; border: 0; border-radius: 50%; background: transparent; font-family: inherit; font-size: 40px; line-height: 1; cursor: pointer; }
.mg-services-menu__close:hover, .mg-services-menu__close:focus-visible { background: rgba(255,255,255,.16); }
.mg-services-menu__mobile-pages { display: none; }
.mg-services-menu__layout { display: grid; grid-template-columns: minmax(264px, .62fr) minmax(0, 1.38fr); min-height: 0; max-height: calc(min(720px, 100dvh - 118px) - 55px); }
.mg-services-menu__categories { padding: 12px; overflow-y: auto; background: color-mix(in srgb, var(--n4) 82%, white); border-right: 1px solid color-mix(in srgb, var(--n2) 16%, transparent); }
.mg-services-menu__category { display: grid; grid-template-columns: minmax(0, 1fr) 46px; align-items: stretch; border-radius: 10px; }
.mg-services-menu__category > a { display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 3px 10px; padding: 16px 8px 16px 12px; color: var(--n5); text-decoration: none; border-radius: 10px 0 0 10px; }
.mg-services-menu__category-number { grid-row: span 2; color: var(--n5); font-size: .82rem; font-weight: 500; }
.mg-services-menu__category-title { font-size: 1.14rem; font-weight: 500; line-height: 1.28; }
.mg-services-menu__category-count { color: color-mix(in srgb, var(--n6) 66%, transparent); font-size: .92rem; }
.mg-services-menu__category > button { width: 46px; min-height: 48px; padding: 0; color: var(--n5); border: 0; border-radius: 0 10px 10px 0; background: transparent; font: 2rem/1 inherit; cursor: pointer; }
.mg-services-menu__category:hover, .mg-services-menu__category:focus-within, .mg-services-menu__category.is-active { background: color-mix(in srgb, var(--n3) 30%, white); }
.mg-services-menu__category.is-active { box-shadow: inset 3px 0 0 var(--n5); }
.mg-services-menu__category > button:hover, .mg-services-menu__category > button:focus-visible { background: color-mix(in srgb, var(--n3) 48%, white); }
.mg-services-menu__content { min-width: 0; overflow: hidden; }
.mg-services-menu__panel { height: 100%; padding: clamp(20px, 3vw, 38px); overflow-y: auto; }
.mg-services-menu__panel-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid color-mix(in srgb, var(--n2) 16%, transparent); }
.mg-services-menu__panel-heading p { margin: 0 0 10px; color: var(--n5); font-size: .75rem; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.mg-services-menu__panel-heading h2 { margin: 0; color: var(--n3); font: 500 clamp(2rem, 3vw, 3.25rem)/1.03 inherit; letter-spacing: -.04em; }
.mg-services-menu__panel-heading > a { flex: 0 0 auto; color: var(--n5); font-size: .92rem; font-weight: 500; text-underline-offset: 4px; }
.mg-services-menu__panel-heading > a:hover, .mg-services-menu__panel-heading > a:focus-visible { color: var(--n2); }
.mg-services-menu__services { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px 22px; margin: 18px 0 0; padding: 0; list-style: none; }
.mg-services-menu__services > li { min-width: 0; }
.mg-services-menu__services a { display: grid; grid-template-columns: minmax(0, 1fr) max-content 20px; min-height: 51px; align-items: baseline; column-gap: 10px; padding: 11px 8px; color: var(--n5); text-decoration: none; border-bottom: 1px solid color-mix(in srgb, var(--n2) 12%, transparent); }
.mg-services-menu__services a:hover, .mg-services-menu__services a:focus-visible { color: var(--n2); background: color-mix(in srgb, var(--n4) 75%, white); }
.mg-services-menu__service-title { display: inline-flex; align-items: center; gap: 7px; min-width: 0; font-weight: 500; line-height: 1.25; }
.mg-services-menu__service-price { justify-self: end; color: var(--n5); font-size: .92rem; font-weight: 500; text-align: right; white-space: nowrap; }
.mg-services-menu__attention { display: inline-grid; flex: 0 0 auto; width: 20px; height: 20px; place-items: center; color: var(--n2); background: var(--n3); border-radius: 50%; font-size: .78rem; font-weight: 800; line-height: 1; box-shadow: 0 0 0 3px color-mix(in srgb, var(--n3) 24%, transparent); }
.mg-services-menu__service-arrow { flex: 0 0 auto; color: var(--n5); font-weight: 500; }
.mg-services-menu :focus-visible { outline: 3px solid var(--n3); outline-offset: 3px; }

/* Единственное новое правило первого этапа: список справа прокручивается внутри открытого окна. */
@media (min-width: 768px) {
    .mg-services-menu__layout { height: calc(min(720px, 100dvh - 118px) - 55px); }
    .mg-services-menu__content { min-height: 0; }
    .mg-services-menu__panel { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
}

@media (max-width: 900px) { .mg-services-menu__primary { gap: 14px; }.mg-services-menu__trigger { padding-right: 10px; padding-left: 10px; } }
@media (max-width: 767px) { .mg-services-menu__primary, .mg-services-menu__mobile-trigger { display: none; }.mg-services-menu__dialog { top: 10px; right: 10px; bottom: 10px; left: 10px; max-height: none; border-radius: 12px; }.mg-services-menu__mobile-pages { display: flex; flex-wrap: wrap; gap: 7px 18px; padding: 13px 18px; background: var(--n4); border-bottom: 1px solid color-mix(in srgb, var(--n2) 16%, transparent); }.mg-services-menu__mobile-pages a { min-height: 30px; padding: 5px 0; color: var(--n2); font: inherit; line-height: 1.2; text-decoration: none; }.mg-services-menu__mobile-pages a:hover, .mg-services-menu__mobile-pages a:focus-visible { color: var(--n5); text-decoration: underline; text-underline-offset: 4px; }.mg-services-menu__layout { display: block; height: auto; max-height: calc(100dvh - 126px); }.mg-services-menu__categories { display: flex; gap: 8px; padding: 10px 12px; overflow-x: auto; overflow-y: hidden; border-right: 0; border-bottom: 1px solid color-mix(in srgb, var(--n2) 16%, transparent); scrollbar-width: thin; }.mg-services-menu__category { display: grid; flex: 0 0 min(240px, 76vw); grid-template-columns: minmax(0, 1fr) 46px; border: 1px solid transparent; }.mg-services-menu__category > a { grid-template-columns: 26px minmax(0, 1fr); padding: 11px 4px 11px 10px; }.mg-services-menu__category-count { display: none; }.mg-services-menu__category.is-active { box-shadow: none; border-color: color-mix(in srgb, var(--n3) 75%, var(--n5)); }.mg-services-menu__content { max-height: calc(100dvh - 207px); }.mg-services-menu__panel { max-height: calc(100dvh - 207px); padding: 22px 18px 30px; }.mg-services-menu__panel-heading { align-items: start; flex-direction: column; gap: 10px; }.mg-services-menu__services { grid-template-columns: 1fr; gap: 0; }.mg-services-menu__services a { min-height: 55px; padding: 13px 4px; }.mg-services-menu__bar { padding-left: 18px; } }
@media (prefers-reduced-motion: reduce) { .mg-services-menu__backdrop, .mg-services-menu__dialog, .mg-services-menu__chevron { transition: none; } }

/* End */
/* /bitrix/templates/120423/1.css?178904920144603 */
/* /bitrix/templates/120423/2.css?17392553704825 */
/* /local/css/style.css?17577018239849 */
/* /bitrix/templates/120423/components/bitrix/menu/magilanka_services/style.css?17888515799705 */