@media (min-width: 300px) {
	.padcat{padding:0 20px}
	.cpad{padding:30px 10px}
  .slide11{background: url(/images/slide/l2024-2.jpg);
  background-size: cover;
  background-position:60% !important;}
  .slide10 {background: url(/images/slide/bbudsm.jpg); padding: 0 !important; align-items: flex-end !important;}
.banbtn{position: absolute;
bottom: 65px;}
    .owltitles{font-size: 22px;}
#sp-slide{margin-top:20px;}
.articleBody{background: #fff;
padding: 20px;
margin-top: 20px;}
 .about-text{margin-top:20px;}

 .otz-title{display: block; text-align:left}
 .article-details .article-header h1, .article-details .article-header h2 {
    text-transform: uppercase;
    font-size: 20px;
}
.owltitle{font-size: 30px; line-height: 34px;}
.owlsmalltitle{font-size: 14px; line-height: 25px;}
.owlsub{font-size: 14px;}
.skid .skdig{font-size: 30px;}


.owlul{font-size:12px;}
.owlsmallsub{font-size:12px;}
.mmenu{justify-content:flex-end;}
h1{font-size: 22px;}
   .ob1sub{color: #383739 !important;font-size: 18px;letter-spacing: 1px; line-height: 1;}
  #myTab li {width:100%}
  .com-content-article__body{padding:20px 20px;}
  .bastab.nav-tabs .nav-item{width:100%;}
  .price-table, .price-table .knopka{font-size:60%;}
  .pricetab{padding:0!important;}
}


@media (min-width: 768px) { 
.price-table, .price-table .knopka{font-size:70%;}
    .owltitles{font-size: 28px;}
#sp-slide{margin-top:20px;}

 .about-text{margin-top:20px;}
 .breadcrumbb{margin-top:50px;}
 .otz-title{display: flex;
justify-content: space-between;}
.article-details .article-header h1, .article-details .article-header h2 {
    text-transform: uppercase;
    font-size: 24px;
}
.owlul{font-size:16px;}
.owltitle{font-size: 38px; line-height: 42px;}
.owlsmalltitle{font-size: 30px; line-height: 35px;}
.owlsub{font-size: 20px;}
.skid .skdig{font-size: 40px;}
#sp-shapka{margin-top:50px;}

.owlsmallsub{font-size:16px;}
h1{font-size: 26px;}
.cpad{padding:30px 20px}
.com-content-article__body{padding:30px 20px;}

}


@media (min-width: 992px) {
	.pricetab{padding:20px!important;}
	.bastab.nav-tabs .nav-item{width:33.3%;}
	.padcat{padding:0}
	.com-content-article__body{padding:40px 0px;}
	.nalform{background: #f6f6fa;
padding: 40px; margin-bottom:20px;}
	.cpad{padding:60px 0px}
	.mod4 {
    background: url(/images/bg3.webp);
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-repeat: no-repeat;
    background-position-x: calc(100% + 164px), calc(100% + 322px);
    background-position-y: -266px, -372px;
  }
  #myTab li {width:33%}
  .knopka.ob1knop{font-size: 22px !important;
    padding: 10px 50px !important;}
  .ob1sub{color: #383739 !important;font-size: 22px;letter-spacing: 1px; line-height: 1.4;}
  .slide11{background: url(/images/slide/l2024.jpg);
  background-size: cover;
  background-position: center !important;}
  .slide10 {background: url(/images/slide/bbuds.jpg); padding: 0 !important; align-items: flex-end !important;}
.banbtn{position: absolute;
bottom: 35px;}

.owltitle{font-size: 30px; line-height: 34px;}
.owlsmalltitle{font-size: 35px; line-height: 40px;}
.owlsub{font-size: 20px;}
.skid .skdig{font-size: 30px;}

h1{font-size: 26px;}
.modern-menu__item > a{padding: 20px 15px; font-size: 10px;letter-spacing: 1px;}
.price-table, .price-table .knopka{font-size:80%;}
}

@media (min-width: 1200px) { 
h1{font-size: 30px;}
.cpad{padding:80px 0px}
  
	#sp-slide{margin-top:0px;}
	.about-text{margin-top:0px;}
	.breadcrumbb{margin-top:0px;}
	.otz-title{display: flex;
justify-content: space-between;}
.article-details .article-header h1, .article-details .article-header h2 {
    text-transform: uppercase;
    font-size: 30px;}
.owltitle{font-size: 45px; line-height: 52px; max-width: 1000px;
}
.owlsmalltitle{font-size: 35px; line-height: 40px;}
.owlsub{font-size: 22px;}
.skid .skdig{font-size: 50px;}
.owl-dots{margin-top: -60px;}
.owl-prev, .owl-next {position: absolute;top: 0;height: 100%;}
.phone a{font-size:16px;
font-weight: 800;
letter-spacing: 0.8px;
color: #383739;}
.modern-menu__item > a{padding: 20px 18px; font-size: 11px;letter-spacing: 2px;}
.price-table{font-size:90%;}
}

@media (min-width: 1400px) {  
.pricetab{padding:30px !important;}
.price-table {font-size:100%;}
.price-table .knopka{font-size:80%;}
.owltitle{font-size: 48px; line-height: 52px; max-width: 1000px;}
.modern-menu__item > a{padding: 20px 20px; font-size: 11px;letter-spacing: 2px;}
}
body, h1, h2, h3, h4, h5, p, li, a, button{font-family: "Manrope", sans-serif;
font-optical-sizing: auto; color:#283450;}
}


.skid{background:#009f4f; padding: 0px 10px; margin:10px 0; color: #fff;display: flex;align-items: center;}

.owlsub, .owlsmallsub{color: #fff; margin-bottom: 20px;}
.owlsmallsub{margin-top:10px; max-width: 650px;}
.owltitle, .owlsmalltitle{color: #fff;text-transform: uppercase;font-weight: 900;}
.menutwo{align-items: center;
justify-content: space-between;}

  .knopka {
padding: 12px 30px;
  display: inline-block;
  border-radius: 2px;
  letter-spacing: 0.1em;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  overflow: hidden;
  transition: all .15s linear;
  position: relative;
  top: 0px;
 background: #009f4f;
}
 .knopka2{ background: #0071f5; }
.knopka:hover, .knopka:focus, .knopka:active{transform: scale(1.05); color: #fff;}
.knopka:before {
  content: '';
  width: 100%;
  height: 200%;
  position: absolute;
  top: 0; left: 0;
  opacity: 0.5;
  filter: blur;
  background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
  transform: translate(-100%, -25%) rotate(10deg);
  animation: blick 5s infinite;
}

@keyframes blick {
  0% {
    transform: translate(-100%, -25%) rotate(10deg);
  }
  20% {
    transform: translate(100%, -25%) rotate(10deg);
  }
  100% {
    transform: translate(100%, -25%) rotate(10deg);
  }
}
a, button,a:not([class]){text-decoration:none;}
  .nav-button {
  width: 28px;
  flex-shrink: 0;
  height: 50px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin-top: 30px;
  margin-right: 40px;
}
.nav-button span {
  width: 100%;
  float: left;
  margin-bottom: 6px;
  height: 2px;
  background: #009f4f;
  position: relative;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.nav-button .ncs {
  width: 70%;
}
.nav-button .nbs, .nav-button.cmenu:hover .nbs {
  width: 0;
}
.menu-button-text {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 15px;
  color: #5b5b5b;
  font-size: 9px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.nav-button:hover .ncs, .nav-button:hover .nbs {
  width: 100%;
}
.logo-image {
  height: 60px;width: auto;
}
.rchast{align-items: center;}
.toptel{font-weight: 700;
  color: #283450;
  font-size: 18px;
display: block;}
.topphon{align-items:center;}
.kak{display: block;
  line-height: 1;
  text-align: right;
  font-size: 13px;color:#5b5b5b;
text-decoration: underline dotted;}
a{color:#009f4f;}
a:hover, a:focus, a:active{color:#016848}
.container-header {
  z-index: 10;
  position: relative;
  background: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  animation: spFadeIn 0.5s;
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
width: 320px;
}
#menuOffcanvas{width: 320px !important;
  transition: all .4s;
padding: 25px;}
.mobfon{background: #08873d;
  color: #fff;
  border-radius: 100%;
  height: 45px;
  width: 45px;
  text-align: center;
line-height: 45px;}
/* Горизонтальное меню — первый уровень */
.modern-menu {
    text-align: left;
}

.modern-menu__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.modern-menu__list > .modern-menu__item {
    position: relative;margin-right: 5px;
}

.modern-menu__item > a {
    display: block;
    color: #283450;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    transition: color 0.3s ease;
    position: relative;
}

/* Эффект подчеркивания при наведении */


.modern-menu__item > a:hover {
    color: #009f4f;
}

.modern-menu__item > a:hover::before {
    transform: scaleX(1);
}

/* Активный пункт меню */
.modern-menu__item.active > a,
.modern-menu__item.current > a {
    color: #009f4f;font-weight: 700;
}
.modern-menu__sub  .modern-menu__item > a::before {
  content: '';
  height: 0px;
}
.modern-menu__item.active > a::before,
.modern-menu__item.current > a::before {
    transform: scaleX(1);
}

/* Подменю (второй и более уровни) */
.modern-menu__sub {
    position: absolute;
   top: calc(100% - 3px);
    left: 0;
    min-width: 340px;
    background: #FFF;
    border-radius: 2px;
    list-style: none;
    padding: 30px;
    margin: 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    border-top: 3px solid #009f4f;
    
    /* Скрыто по умолчанию */
    visibility: hidden;
    opacity: 0;
    transform: translateY(-15px);
    
    /* Плавная анимация */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

/* Показ подменю при наведении с задержкой */
.modern-menu__item:hover > .modern-menu__sub {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    transition-delay: 0.1s;
}

/* Элементы подменю */
.modern-menu__sub .modern-menu__item {
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease;
}

/* Анимация появления элементов подменю */
.modern-menu__item:hover > .modern-menu__sub .modern-menu__item {
    opacity: 1;
    transform: translateX(0);
}

/* Задержка для каждого элемента (эффект каскада) */
.modern-menu__item:hover > .modern-menu__sub .modern-menu__item:nth-child(1) {
    transition-delay: 0.05s;
}
.modern-menu__item:hover > .modern-menu__sub .modern-menu__item:nth-child(2) {
    transition-delay: 0.1s;
}
.modern-menu__item:hover > .modern-menu__sub .modern-menu__item:nth-child(3) {
    transition-delay: 0.15s;
}
.modern-menu__item:hover > .modern-menu__sub .modern-menu__item:nth-child(4) {
    transition-delay: 0.2s;
}
.modern-menu__item:hover > .modern-menu__sub .modern-menu__item:nth-child(5) {
    transition-delay: 0.25s;
}
.modern-menu__item:hover > .modern-menu__sub .modern-menu__item:nth-child(6) {
    transition-delay: 0.3s;
}

.modern-menu__sub .modern-menu__item > a {
    padding: 6px 20px;
    text-transform: none;
    font-size: 16px;
    color: #2d3954;
    letter-spacing: 0;
    font-weight: 400;
    transition: all 0.3s ease;
    border-radius: 4px;
    display: block;
}

.modern-menu__sub .modern-menu__item > a:hover {
    color: #009f4f;
    padding-left: 8px;
}

/* Активный пункт в подменю */
.modern-menu__sub .modern-menu__item.active > a,
.modern-menu__sub .modern-menu__item.current > a {
    color: #009f4f;
    font-weight: 600;
 
}

/* Подменю второго уровня (справа) */
.modern-menu__sub .modern-menu__sub {
    top: 0;
    left: 100%;
    margin-left: 10px;
}

/* Стрелка для пунктов с подменю */
.modern-menu__item.has-sub > a::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.65em;
    margin-left: 6px;
    transition: transform 0.3s ease;
    display: inline-block;
    vertical-align: middle;
}

.modern-menu__item.has-sub:hover > a::after {
    transform: rotate(180deg);
}

.slideqr{background: url(/images/akcia/bass.jpg);
    background-size: auto; background-position:center !important;
  background-size: cover;}
  .slide1 {background: url(/images/owl/1.webp);}
.slide2 {background: url(/images/owl/2.webp);}
.slide3 {background: url(/images/owl/3.webp);}
.slide4 {background: url(/images/owl/4.webp);}
.slide5 {background: url(/images/owl/5.webp);}
.slide23 {background: url(/images/owl/letskid.webp);}
.slide {
  background-size: cover;
  background-position: center;
  min-height: 500px;
  display: flex;
  align-items: center;
  padding: 40px 0px;
}
.owlul {
  color: #fff;
  list-style: none;
}

.swiper-pagination-bullet {
  background: #fff;
  display: inline-block;
  opacity: 1; height:12px; width:12px;
  border-radius: 50%; transition: all .5s ease;
}
.swiper-pagination-bullet-active {
  background: #009f4f;
  opacity: var(--swiper-pagination-bullet-opacity,1);
  width:24px;
  border-radius: 30px;
}
.swiper-button-next, .swiper-button-prev {
  color: var(--swiper-navigation-color,#283450);
  cursor: pointer;
}
.swiper-button-next, .swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color,#283450);
  cursor: pointer;
  display: flex !important;
  height: var(--swiper-navigation-size);
  justify-content: center;
  position: absolute;
  width: var(--swiper-navigation-size);
  z-index: 10;
  background: rgba(255,255,255,.7);
  border-radius: 2px;
  padding: 12px;
  height: 50px;
  width: 40px;
  justify-content: center;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom,15px);
}
.ofbl{background: #f6f6fa;
  padding: 10px;
margin-bottom: 10px;}
.ofbl span{display: block;
  font-size: 12px;
  margin-bottom: 5px;
color: #444;}
.ofbl a{color: #283450;
  font-weight: bold;}
.mod1 h1 {
  text-transform: uppercase;
  margin-bottom: 40px;
  font-weight: bold;
  color: #283450;
}
.mod1{

  background: #f6f6fa;
}

h1 span{font-weight:300;}
.suptitle {
  color: #b9c6d9;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 16px;
}
.suptitle i {
  font-size: 6px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  margin-top: -2px;
}
.grid {
  display: grid;
}
.uslbl {
  background: #f6f6fa;
  transition: all .5s ease;
  border-radius: 2px;
  margin-bottom: 25px;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  flex-direction: column;
  justify-content: space-between;
}
#mod-custom93 .uslbl{ background: #fff;}
.uslbl:hover {
  box-shadow: 4px 8px 14px 0px rgba(11, 38, 71,.15);
}
.uimg {
overflow: hidden;
  height: 260px;
  display: flex;
  align-items: center;
}
.uslbl img {
  transition: all .75s ease;
}
.uslbl:hover img {
  transform: scale(1.1);
}
.uslbl .knopka{margin-left:30px; margin-right:30px; margin-bottom:20px; }
.uslbl h3 {text-transform: uppercase;
  font-size: 22px;
  margin-top: 10px;
  padding: 0 30px;
  color: #002548;
}
.uslbl p {
  color: #002548;
  font-size: 13px;
  font-weight: 300;
  padding: 0 30px;
}
#mod-custom93 .uslbl.u2 {
  background: url(/images/site/mskidka.jpg);
  background-size: cover;
  background-position: center;
  justify-content: center;
  align-items: center; min-height:300px;
  text-align: center;
  position: relative; /* Для оверлея */
  transition: all 0.3s ease; /* Плавный переход для всех изменений */
}

/* Эффект при наведении */
.uslbl.u2:hover {
  transform: scale(1.01); /* Легкое увеличение масштаба */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Тень для глубины */
}

/* Добавляем оверлей для затемнения фона */
.uslbl.u2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1); /* Полупрозрачный темный оверлей */
  opacity: 0; /* Скрыт по умолчанию */
  transition: opacity 0.3s ease;
}

.uslbl.u2:hover::before {
  opacity: 1; /* Оверлей появляется при наведении */
}

/* Эффект для текста и кнопки */
.uslbl.u2:hover h3 {
  transform: translateY(-5px); /* Легкий подъем текста и кнопки */
  color: #fff; /* Белый цвет текста для контраста */
  transition: transform 0.3s ease, color 0.3s ease;
}
  .uslbl.u2 h3{color:#fff; margin-bottom:20px;}
  .owlul li{color:#fff;}
  .owlul li i{margin-right:8px;}
  .preim img {
  max-width: 60px;
  margin: 0 auto; position:relative; z-index:9;
    margin-bottom: 0px;
  display: block;
  margin-bottom: 10px;
}
.preim {
  text-align: center;
  font-size: 15px;
  line-height: 17px;
margin-top: 20px;position: relative;overflow:hidden;
}
.preim:before{content: "";
  background: #eaeaea;
  height: 60px;
  width: 60px;
  display: block;
  position: absolute;
  border-radius: 100%;
  right: 50%;
  opacity: .8;}
.mod2{background: url(/images/line-main-2.svg);
  background-size: 100%;
  background-position: top center;}
h2{text-transform:uppercase;}
h2 span{font-weight:300;}
.subtitle{color: #9aa8b9;
font-weight: 300;}
.lpbl {
    display: block;
    text-decoration: none;
    position: relative;
    background-size: cover;
   background-position: center right;
    min-height: 350px; /* Настройте высоту по вашим предпочтениям */
    transition: all 0.3s ease;
	margin-bottom:20px; border-radius:4px;overflow: hidden;
}

.lpbl::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Затемнение фона */
    transition: background 0.4s ease;
}

.lpbl:hover::before {
    background: rgba(0, 0, 0, 0.6); /* Усиление затемнения при наведении */
}

.lpbl-content {
   position: relative;
  z-index: 1;
  padding: 20px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}

.kv-zag {
   font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
  display: block;
  line-height: 1.2;
  font-size: 20px;transition: transform 0.4s ease;
}

.kv-text {
font-size: 14px;
  line-height: 1.2;
  transition: transform 0.4s ease;
  color: #e2e2e2;
}

.lpbl:hover {
    transform: scale(1.03); /* Легкое увеличение при наведении */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.lpbl:hover .kv-zag,
.lpbl:hover .kv-text {
    transform: translateY(-5px); /* Легкий подъем текста при наведении */
    
}
  .mod3{background: #f6f6fa;
}
  .swpnews{margin-top: 20px;
  display: block;
  position: relative;}
  .promovid {
  background: url(/images/ab.webp);
    background-size: auto;
  background-size: auto;
  width: 100%;
  height: 400px;
  background-size: cover;
  box-shadow: rgba(0, 0, 0, 0.21) 0px 20px 50px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 8px solid #fff;
}
.promovid i {
  height: 100px;
  width: 100px;
  border-radius: 100%;
  text-align: center;
  line-height: 100px;
  font-size: 30px;
  background: rgba(255, 255, 255, 0.48);
}

.mod6 {
  background-color: #009f4f;
  padding: 20px 0px;
}
.q-block {
  display: flex;
  justify-content: center;
  height: 80px;
  color: #fff;
  align-items: center;
  align-content: center;letter-spacing: 1px;
}
.q-block h3{margin: 0;
  text-align: left; text-transform:uppercase; color:#fff;
  position: relative;
  top: 6px;}
.q-block h3 span{display:block;}
h3 span {
  font-weight: 300;
}
.q-block .arrow{display: flex;
  justify-content: center;
width: 100%;}
.foot {

  background: url(/images/line-main-2.svg);
  background-color: #2a2f36;
  background-size: 100%;
  background-position: top center; margin-top:0;
}
.fmenu {
  list-style: none;
  padding: 0;
}
.fmenu li {
  display: inline-block;
}
.fmenu li a {
  text-decoration: none !important;
  color: #fff !important;
  text-transform: uppercase;
  margin-right: 15px;
  font-weight: 500;
}
.fmenu li a:hover {
  text-decoration: underline !important;
}
.foot a, .foot p {
  color: #fff !important;
}
.dm {
  height: 40px; margin-bottom:10px;
}
.kline span {
  color: #8e9ca1;
  display: block;margin-bottom:5px;
}
.kline a{font-weight: bold;
font-size: 18px;}
.kline {
  margin-bottom: 10px;
  font-size: 15px;
  color: #fff;
}
.wlogo{margin-bottom: 20px;}
.foot hr {
margin: 8px 0;
  border-top: 1px solid rgba(231, 231, 231, 0.1);
  background: #fff;
}
.foot a.plt{text-decoration: underline dashed;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 300;
  color: #8e9ca1 !important;
  display: block;
  line-height: 1.2;}
.kline i{margin-right:8px; color:#009f4f;}

.sticky{position: sticky;top:100px;}
.breadcrumb {padding: 0 !important;
  background-color: transparent;
  margin-bottom: 0;
}

.float-start{display:none;}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--breadcrumb-item-padding-x);
  color: #fff;
  content: var(--breadcrumb-divider,"-");
}
.com{padding:0px;}
a, button{outline:none !important;}
.hero-block h1{color: #fff;
  text-transform: uppercase;
  font-weight: bold;}
  .mainbody{overflow: clip;}
  .bcr .pathway, .bcr .breadcrumb-item.active {color: #fff;}
  .bcr{display: flex;
  justify-content: center;}
  .offcanvas.offcanvas-start {
  width: var(--offcanvas-width);
  border-right: var(--offcanvas-border-width)solid var(--offcanvas-border-color);
  top: 0;
  left: 0; max-width:320px;
  transform: translate(-100%);
transition: all .4s;
  padding: 25px;
}
.filbl{background: #f6f6fa;
  padding: 10px; border-radius:2px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
font-size: 14px; text-align:left; color:#283450;line-height: 1.2;}
.filbl i{font-size: 22px;
  flex-shrink: 0;
margin-right: 10px;}
.filbl:hover, .filbl:focus{background:#009f4f; color:#fff;}
.com-content-article__body li:before {
  color: #009f4f;
  font-family: 'Font Awesome 6 Free';
  content: "\f00c";
  font-size: 13px;
  margin-right: 10px;
  font-weight: 900;
}
.com-content-article__body  li{list-style:none;}

.com-content-article__body h3{text-transform: uppercase;}
.accordion-item{position:relative; border-radius:0;}
.accordion-item span{position: absolute;
background: #009f4f;
z-index: 9; font-weight: bold;
height: 100%;
color: #fff;
width: 50px;
text-align: center;
padding: 15px;}
.accordion-button{
    border-radius: 0px;
    background: #fff;
    border-bottom: 0px;
    box-shadow: none;
    font-size: 16px;
    text-transform: none;
    color: #494949;
    padding-left: 70px;
}
.accordion-body{padding: 0px;
padding-left: 70px;
padding-right: 15px;
padding-bottom: 15px;}
.accordion-button:not(.collapsed) {
    color: #494949;
    background-color: #fff;
    box-shadow: none;
}
.accordion-button:hover{color:#494949;}
.h250{min-height:250px;}
.h250 .kv-zag{font-size:18px;}
.com-content-article__body .ba-form-row .ba-input-wrapper .ba-input-label-wrapper{display: block;
  line-height: 1.2;
  margin-bottom: 20px;}
  .com-content-article__body .ba-form-row .ba-input-wrapper .ba-field-label-wrapper{display: flex;
  align-items: baseline;}
  .feedbg{background: url(/images/ab.jpg);
  height: 100%;
  background-size: cover; border-radius:4px;
  background-position: center;
  }
  .nolast .breadcrumb li:last-child{display:none;}
  .umat .article-info {display: flex;
  position: absolute;
  bottom: 0;
  color: #dbdbdb !important;
  font-size: 14px;}
 .umat .category-name{display:none;}
.umat .published{margin-right:10px;}
.pathway:hover{text-decoration:underline;}
a, button {
    outline: none; /* убирает обводку при фокусе */
    text-decoration: none; /* если нужно убрать подчеркивание */
}

/* Если хотите убрать обводку только при клике/фокусе */
a:focus, a:active, button:focus, button:active {
    outline: none;
}
.pagination__wrapper .page-link {
  padding: 0;
  font-size: 16px;
  background-color: #f6f6fa;
  border: 0px;
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  display: block;
  position: relative;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 100%;
  text-align: center;
  margin: 3px;
    margin-left: 3px;
}
.pagination__wrapper .page-link.active, .pagination__wrapper .active > .page-link {
  z-index: 3;
  color: var(--pagination-active-color);
  background-color: #009f4f;
border-color: var(--pagination-active-border-color);}
  .page-item:first-child .page-link {
  border-top-left-radius: 100%;
  border-bottom-left-radius: 100%;
}
.page-link, .page-link:hover {
  color: #283450;
}
.page-item:last-child .page-link {
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
}
.nbg{ padding-top:30px;}
.nomimg{height: 230px}
.nbtn{width: 100%;}
.nombl .knopka {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}
.nombl .nbtn{ margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 30px;}
  .nombl  h3{font-size:20px;}
  .grbl{background: #f6f6fa;
  padding: 30px;
  height: 100%;
  border-bottom: 3px solid #009f4f;
  border-radius: 4px;}
  .full-description{border: 6px solid #f6f6fa;
  padding: 30px;
  height: 100%;
  border-radius: 4px;}
.nav.nav-tabs {
  background-color: transparent;
  border: 0px;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom: 0;
  border-radius: .25rem .25rem 0 0;
  margin: 0; 
  padding: 0;
  box-shadow: none;
}
.nav.nav-tabs .nav-link{border-radius:0; background:#f6f6fa;width:100%;text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;}
.nav.nav-tabs .nav-link.active {
  background-color: #009f4f;
  border-left: 0;

  border-right: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow:none; color:#fff;
}
.nav-tabs + .tab-content {
  background: #fff;
  border: 1px solid #dfe3e7;
  border-radius: 0 0 .25rem .25rem;
  padding: 30px;
  box-shadow: none;
  margin-top: 0px !important;
}


.bpcbl{box-shadow: 4px 8px 14px 0px rgba(11, 38, 71,.15);
padding: 30px; border:6px solid #f6f6fa;}
.bpcbl h3{font-size:20px;}
.table-striped > tbody > tr:nth-of-type(2n+1) > *, .table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  --table-color-type: var(--table-striped-color);
  --table-bg-type: #f6f6fa;
}
.kontbox h4 {
  text-transform: uppercase;
  font-weight: 700;
  font-size:18px;
  margin-bottom: 20px;
  margin-top: 20px;
  position: relative;
}
.kontbox h4::before {
  content: "";
  background: #009f4f;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
}
.kt {
 color: #283450;
  font-size: 18px;
  display: block;
  font-weight: 900;
}
.rkonts {
  margin: 5px 0;
}
.kontbox {
  margin-bottom: 10px;
  box-shadow: 0px 0px 11px 1px rgba(195,203,220,.25);
  padding: 40px;
}
#sp-cookie-consent > div {
  padding: 30px;
  position: relative;
  font-size: 13px;
  box-shadow: 4px 8px 14px 0px rgba(11, 38, 71,.15);
}
.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: #fff;
}
.com-baforms-wrapper .ba-page-items .ba-form-row .ba-input-wrapper .ba-field-container input {
height: 55px !important;
  padding: 0 30px !important;
  font-weight: 300 !important;
  border: 1px dashed #ccc !important;
   
}
.ba-form-page .ba-page-items .ba-form-row .ba-form-field-item.ba-form-phone-field  input{padding:0 120px!important;}
.upload-file-btn.knopkaup{display: block;
height: 50px !important;
line-height: 22px !important;
background: #fff !important;
  background-image: none;
background-image: none;
background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' stroke='rgb(95,103,143)' fill='none' stroke-width='2' stroke-dasharray='5 5'/></svg>") !important;
text-align: center !important;
font-size: 15px !important;
font-weight: 300 !important;
color: #000;}
.upload-file-btn.knopkaup i{color:#000; font-size:12px;}
.upload-file-btn.knopkaup:hover{background:#f5f5f5 !important; background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' stroke='rgb(95,103,143)' fill='none' stroke-width='2' stroke-dasharray='10 10'/></svg>") !important;}
.ba-field-container textarea {
  min-height: 116px !important;
  resize: vertical;
}

.ba-forms-lightbox-row{position: absolute; z-index:999999 !important; width: 96% !important;}
.ba-form-icons.ba-icon-close::before {
  content: "\f136";
  color: #0c54a0;
}
.bform .upload-file-input {
  border: 0px !important;
}
.ba-form-submit-btn{width: 100% !important;}
.upload-file-empty-text{display:none;}

.bform .ba-field-container .upload-file-input .upload-file-btn{background: #ecf2f4 !important;
  color: #004679;
  cursor: pointer;
  display: block;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
  width: auto !important;
  height: 55px;
  text-transform: uppercase;
  font-size: 13px;
  border-radius: 4px;}
  .bform .ba-field-container .upload-file-input .upload-file-btn:hover, .bform .ba-field-container .upload-file-input .upload-file-btn:focus, .bform .ba-field-container .upload-file-input .upload-file-btn:active{background:#0074c7!important; color:#fff;}
  .ba-form-text-field .text-content-wrapper p{font-size: 13px;}
.com-baforms-wrapper .ba-form-page .ba-form-row .ba-input-wrapper .ba-form-checkbox input{height: 0 !important;
  padding: 0 !important;
  border: 0 !important;}
  .ba-form-acceptance-html p{ font-weight: 300 !important; line-height: 1.2!important;
  font-size: 14px!important;}
  .ba-field-container i{line-height: 35px !important;}
.mob-bron{position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(255,255,255,.99);

  justify-content: center;
  align-items: center;
  z-index: 99;
  height: 60px;}
  .text-content-wrapper h3{text-transform: uppercase;
  font-size: 22px !important;
  margin-bottom: 10px !important;}
.zzotd .nevezde{display:none;}
/* =========================================================
   Модуль «Заселение по Цифровому ID» — версия под Bootstrap.
   Подключить ПОСЛЕ bootstrap.css.
   Без CSS-переменных: некоторые CMS-сборщики стилей (Joomla,
   плагины минификации) урезают :root, поэтому цвета заданы
   напрямую — так надёжнее.
   ========================================================= */

.did-section {
  padding-block: 64px;
}

.did-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #16824a;
}
.did-eyebrow::before {
  content: "";
  width: 22px;
  height: 2px;
  background: #1ea25a;
  display: inline-block;
}

.did-title {
  font-weight: 800;
  max-width: 46ch;
}

.did-subtitle {
  max-width: 62ch;
  color: #64707c;
}

/* карточка-подложка под шаги */
.did-steps {
  position: relative;
  background: #f4f8f6;
  border-radius: 16px;
}

/* пунктирная соединительная линия между шагами — только ≥md */
.did-steps::before {
  content: "";
  position: absolute;
  top: 76px;
  left: 0;
  right: 0;
  height: 2px;
  background-image: repeating-linear-gradient(
    to right,
    #d8e5df 0,
    #d8e5df 8px,
    transparent 8px,
    transparent 16px
  );
  display: none;
}
@media (min-width: 768px) {
  .did-steps::before {
    display: block;
  }
}

.did-step {
  position: relative;
}

/* вертикальный разделитель между шагами на мобильном/планшете */
@media (max-width: 767.98px) {
  .did-step:not(:first-child) {
    padding-top: 20px;
    border-top: 1px dashed #d8e5df;
  }
}

/* иконка-кружок — размеры прибиты явно, чтобы не зависеть от
   bootstrap-ресетов / d-flex родителя */
.did-icon {
  position: relative;
  z-index: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  min-width: 60px;
  border-radius: 50%;
  background-color: #1ea25a;
  box-shadow: 0 8px 18px -6px rgba(30, 162, 90, 0.5);
}
.did-icon svg {
  width: 28px;
  height: 28px;
  display: block;
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.did-step-num {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #16824a;
  text-transform: uppercase;
  background: #e1f2e7;
  padding: 2px 10px;
  border-radius: 20px;
}

.did-step-title {
  color: #1f2d3a;
  font-weight: 700;
}

.did-step-text {
  color: #64707c;
}

.did-note {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #d8e5df !important;
}
.did-note svg {
  width: 18px;
  height: 18px;
  stroke: #16824a;
  fill: none;
  stroke-width: 1.8;
  flex-shrink: 0;
  margin-top: 2px;
}
.itemid-570 .nevezde{display:none;}

/* ural-venecia-banner-text-fix */
.slide-one .slide1 {
    position: relative;
    isolation: isolate;
}

.slide-one .slide1::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .58) 0%, rgba(0, 0, 0, .30) 52%, rgba(0, 0, 0, .40) 100%);
}

.slide-one .slide1 > .container {
    position: relative;
    z-index: 1;
}

.slide-one .slide1 .shad {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px 34px 30px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 14px;
    background: rgba(10, 20, 30, .38);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .18);
}

.slide-one .slide1 .shad .owltitle,
.slide-one .slide1 .shad > div {
    text-shadow: 0 2px 5px rgba(0, 0, 0, .60);
}

@media (max-width: 768px) {
    .slide-one .slide1 .shad {
        padding: 20px 16px 24px;
    }
}