* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body, html {
            height: 100%;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
        }

.container {position:relative; max-width:1200px; margin:0 auto;
  display: flex; /* Создаём гибкую структуру */
  flex-direction: column; /* Располагаем элементы вертикально */
  min-height: 100vh; /* Минимальная высота равна высоте вьюпорта */
  box-sizing: border-box;
  }
  
 
header {margin:72px 0 0 0; border-bottom:1px solid #ababab; position:relative; overflow:hidden; padding-bottom:0;}
.age_12 {height:16px;  width:calc(100% - 395px); margin:-10px 0 0 395px; text-align:right; color:#747674;
position: relative;  display: inline-block;}
.age_12:before {
  content: " ";
  background: #bb4664;
  width: calc(100% - 40px);
  height: 1px;
  position: absolute;
  top: 15px;
  right: 25px;
}
.logo {padding-right:8px; margin-top:-6px; float:left; border-top:1px solid #FFF;}
.header_center {margin:0 177px 0 384px; }
.slogan {margin:0 auto; width:457px; font-size:20px; text-transform:uppercase; padding:20px 0 20px 0; font-weight: 400;}
.slogan_top {text-align:left; color:#6a6b6a}
.slogan_bottom {text-align:right; color:#a3042c;}

.header_right {float:right; width:177px; padding-left:8px;}
.header_right-top {margin-top:15px; position:relative; overflow:hidden;}
.search-top {float:left; padding-left:18px; background: url(../img/icons/search.svg) no-repeat left; text-transform:uppercase;}
.enter-top {float:right; padding-left:22px; background: url(../img/icons/enter.svg) no-repeat left; text-transform:uppercase;}

.header_right-bottom {margin-top:12px; width:169px; display: flex; justify-content: space-between;}
.ss-vk{height:22px; width:22px;}
.ss-vk a {display:block; height:22px; width:22px; background: url(../img/icons/vk.svg) no-repeat; background-size: cover}
.ss-ok a {display:block; height:22px; width:22px; background: url(../img/icons/ok.svg) no-repeat; background-size: cover}
.ss-dzen a {display:block; height:22px;  width:22px; background: url(../img/icons/dzen.svg) no-repeat; background-size: cover}
.ss-max a {display:block; height:22px;  width:22px; background: url(../img/icons/max.svg) no-repeat; background-size: cover}
.ss-rutube a {display:block; height:22px;  width:22px; background: url(../img/icons/rutube.svg) no-repeat; background-size: cover}


/* МЕНЮ Базовые стили для десктопа */
.navbar {
}

.menu-cl {color:#b53656; float:right; margin-right: 5px; margin-top: 9px; font-weight: 800; font-size: 20px; text-decoration:none;}
.menu-top {padding:12px 0 25px 0; list-style: none;}
.menu-top li {display:inline;}
.menu-top li a {text-transform:uppercase; text-decoration:none; color:#7c7d7c; font-weight:500; transition: 0.3s; font-size: 15px;}
.menu-top li a:hover {color:#b53656;}
.menu-top li.active a {color:#b53656;}
.menu-top li:last-child span {display:none}




/* Скрываем чекбокс и иконку бургера на десктопе */
.menu-toggle, .hamburger {
  display: none;
}

/* Мобильные стили (до 768px) */
@media (max-width: 1023px) {
  .hamburger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 20px;
    cursor: pointer;
	margin:15px 0 0 0;

  }

  .hamburger span {
    display: block;
    height: 3px;
    width: 100%;
    background-color: #7c7d7c;
    border-radius: 3px;
    transition: 0.3s;
  }

  /* Скрываем меню и переводим его в вертикальный режим */
  .menu-top {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 225px;
    left: 20px;
    width: 728px;
    background-color: #e5e5e5;
    padding: 20px;
    text-align: left;
	z-index:100;
  }

  .menu-top  li {
    margin: 15px 15px 15px 39px;
  }
  
  .menu-top  li  a {color:#6e6e6e;}
  
  /* Магия: если чекбокс нажат, показываем меню */
  .menu-toggle:checked ~ .menu-top  {
    display: flex;

  }

  /* Анимация бургера в крестик (опционально) */
  .menu-toggle:checked + .hamburger span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }
  .menu-toggle:checked + .hamburger span:nth-child(2) {
    opacity: 0;
  }
  .menu-toggle:checked + .hamburger span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
  }
  
  
}



.line-after{
  position: relative;
  display: inline-block;
  width:100%;
  margin-bottom:9px;
  text-transform:uppercase;
  color:#7c7d7c; 
  font-weight:600;
}

.line-after:after {
  content: " ";
  background: #7c7d7c;
  height: 1px;
  position: absolute;
  top: 15px;
}



section.mp {margin-bottom:30px; width:100%; position:relative; overflow:hidden;}
section.mp.prn {display: flex;}

.reclama {width:100%; position:relative; overflow:hidden; margin-bottom:30px;}

@media screen and (max-width: 1220px) {
.reclama {width:802px; height:304px; margin:0 auto;}
}


.line-after.recl:after  {width: calc(100% - 90px); left: 90px;}

.mat-partners {width:980px; float:left; position:relative;}
.partn-mp {float:left; width:33%;}
.line-after.partn {margin-right:15px}
.line-after.partn:after  {width: calc(100% - 250px - 124px); left: 250px; right:100px;}
.partn-left {float:left;color:#b53656; font-weight:600;}
.partn-right {float:right; font-weight:600; margin-right:30px;}
.partn-mp a {color:#7c7d7c; font-weight:600; text-decoration:none;}
.partn-mp span {color:#b53656; font-weight:800;}

.sv-nomer {width:220px; float:right; }
.line-after.sv {color:#b53656; font-weight:600;}
.line-after.sv:after  {width: calc(100% - 150px); left: 150px;}
.sv-cont {width:220px; height: calc(100% - 27px);; padding:7px; background:#e1e1e1;}
.sv-img {width:206px; display:block;}
.podp-ico {display:block; height:12px; width:17px; margin-top:19px; background: url(../img/icons/konvert.svg) no-repeat; float:left;}
.soobsh-sv {display:none;}
.podp {margin-top:14px; color:#7c7d7c; font-weight:600; float:right; text-decoration:none; text-transform:uppercase;}
.podp span {color:#b53656;}


@media screen and (max-width: 1220px) {
.mat-partners {width:760px;}
.partn-right {margin-right:24px;}
.partn-mp {width:253px;}
.partn-mp a  {display:block; width:230px;}
.partn-mp a  img {width:100%;}
.sv-nomer {width:203px;}
.sv-cont {width:203px;}
.sv-img {width:189px;}
.sv-img img {width:189px;}

}


.line-after.vyst {color:#b53656; font-weight:600;}
.line-after.vyst:after  {width: calc(100% - 475px); left: 475px; right:90px;}

.carousel-container-cont {width:100%; position:relative;}
.carousel-container {
  width: 1090px; /* Ширина карусели */
  margin: auto;
  overflow: hidden; /* Скрываем лишние картинки */
  position: relative;
}

.carousel-slide {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width:206px;
}

.carousel-slide img {
  width: 100%; /* Каждая картинка занимает всю ширину контейнера */
  margin:0 6px
}

button.arr {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background:none;
  border: none;
  cursor: pointer;
  padding: 10px;
}
button.arr:hover {filter: grayscale(100%);}

#prevBtn { left: 10px; }
#nextBtn { right: 10px; }

@media screen and (max-width: 1220px) {
.carousel-container {width:873px;}
}

.newsblock {position:relative; overflow:hidden;}
.mp-news {float:left; width:25%; padding:20px; border-right:1px dotted #7c7d7c; }
.mp-news:first-child {padding-left:0;}
.mp-news:last-child {float:left; width:25%; padding-right:0; border-right:none;}

.line-after.nov{color:#b53656; font-weight:600;}
.line-after.nov:after  {width: calc(100% - 130px); left: 105px; right:25px;}
.line-after.press-rel{color:#b53656; font-weight:600;}
.line-after.press-rel:after  {width: calc(100% - 180px); left: 155px; right:25px;}
.line-after.analitika {color:#b53656; font-weight:600;}
.line-after.analitika:after  {width: calc(100% - 150px); left: 125px; right:25px;}
.line-after.vystavki {color:#b53656; font-weight:600;}
.line-after.vystavki:after  {width: calc(100% - 140px); left: 115px; right:25px;}
.podpisatsa {float:right;}

.news-mp-article {display:block; height:320px; overflow:hidden; text-decoration:none; color:#000000;}
.news-mp-article h3 {font-size:16px; color:#000; font-size:14px;}
.news-mp-article h3 span {color:#b53656;}
.news-mp-article p {color:#000000; font-size:12px;}
.news-mp-article p span {color:#b53656; font-weight:600;}

.bolshe {display:block; float:right; color:#7c7d7c; font-size:12px; text-decoration:none; text-transform:uppercase;}
.bolshe span {color:#b53656;}
.bolshe.tdk {display:none;}



@media screen and (max-width: 1220px) {
.news-mp-article {height:360px;}
}


section.np {margin:30px 0 60px 0;}
.line-after.nash-partn:after  {width: calc(100% - 175px); left: 175px;}

.carousel-container-cont-2 {width:100%; position:relative;}
.carousel-container-2 {
  width: 1090px; /* Ширина карусели */
  margin: auto;
  overflow: hidden; /* Скрываем лишние картинки */
  position: relative;}
.carousel-slide-2 {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width:100px;
}
.carousel-slide-2 img {
  width: 100%; /* Каждая картинка занимает всю ширину контейнера */
  margin:0 6px
}
#prevBtn2 { left: 10px; }
#nextBtn2 { right: 10px; }

@media screen and (max-width: 1220px) {
.carousel-container-2 {width:873px;}
}

footer {margin-top:50px; padding-bottom:40px; margin-top: auto;}
.footer_right-bottom {float:right; margin-top:5px; width:169px; display: flex; justify-content: space-between;}
.nav-bottom {padding:12px 0 6px 0; text-align:center; margin:0 0 0 30px;}
.nav-bottom li {display:inline;}
.nav-bottom li a {text-transform:uppercase; text-decoration:none; color:#7c7d7c; font-weight:500;}
.nav-bottom li a:hover {color:#b53656;}
.nav-bottom li.active a {color:#b53656;}
.grey-line { border: 1px solid #7c7d7c;}

.bottom-block {position:relative; overflow:hidden; width:100%; margin-top:22px;}
.logo-bottom {float:left;}
.logo-bottom img {width:250px;}
.bottom-ss {margin:0 450px 0 350px;}
.bottom-ss a {text-transform:uppercase; text-decoration:none; color:#7c7d7c; font-weight:500; font-size:14px; line-height:20px;}
.bottom-infa {display:inline-block; text-align:right; width:390px;}
.bottom-infa {color:#7c7d7c; color:#000; float:right; font-size:9px;}

@media screen and (max-width: 1023px) {
.footer_right-bottom {position: absolute; bottom: 204px; left: 50%; width: 290px; margin-left: -145px;}
.nav-bottom {float: none; text-align: right; font-size:12px; padding: 12px 0 15px 0;}

.bottom-block {margin-top:81px; border-top:1px solid #7c7d7c; height:140px;}
.logo-bottom {float: right; margin-top: 26px;}
.logo-bottom img  {width:175px}
.bottom-infa {position: absolute; right: 0; bottom: 0px;}
.bottom-ss {margin:15px 0 0 0;}
.bottom-ss p {margin:23px 0}
}

@media screen and (max-width: 768px) {
.footer_right-bottom {bottom: 233px;}
.bottom-block {height:170px;}
.bottom-infa {width:45%}
.bottom-ss {width:50%}
}






@media screen and (max-width: 1220px) {
.container {width:983px;}
.logo {padding-bottom:8px;}
.header_center {margin:0; position:absolute; right:93px; top:10px;}
.slogan {margin:0 auto; width:375px; font-size:16px; font-weight:600; padding: 10px 0 10px; }
.header_right {width:554px; margin-bottom:9px; margin:0; position:absolute; right:0; top:66px;}
.header_right-top {float:right; position:relative; overflow:hidden;}
.enter-top { margin-right:20px;}
.search-top {margin-right:36px;}
.header_right-bottom{float:right; margin-right:43px; width: 204px;}




}

@media screen and (max-width: 1023px) {
.container {width:730px;}
header  {margin: 20px 0 0 0; overflow: visible;}
.age_12 {width:calc(100% - 260px); margin:-10px 0 0 255px;}
.logo {width:270px;}
.header_center {right:52px;}
.slogan {width:370px;}
.header_right {width:660px; margin-bottom:9px; margin:0; position:absolute; right:0; top:77px;}
.header_right-bottom{float:right; margin-right:43px; width: 294px;}
.header_right-top {margin-top:20px;}
.menu-cl {font-size:29px; margin-top: 8px;}
.enter-top  {margin-right:70px;}
.ss-vk {height:32px; width:32px;}
.ss-ok {height:32px; width:32px;}
.ss-dzen {height:32px; width:32px;}
.ss-max {height:32px; width:32px;}
.ss-rutube {height:32px; width:32px;}
.ss-vk a {height:32px; width:32px; background: url(../img/icons/vk.svg) no-repeat; background-size: cover}
.ss-ok a {height:32px; width:32px; background: url(../img/icons/ok.svg) no-repeat; background-size: cover}
.ss-dzen a {height:32px; width:32px; background: url(../img/icons/dzen.svg) no-repeat; background-size: cover}
.ss-max a {height:32px; width:32px; background: url(../img/icons/max.svg) no-repeat; background-size: cover}
.ss-rutube a {height:32px; width:32px; background: url(../img/icons/rutube.svg) no-repeat; background-size: cover}
.navbar {height:52px; border-bottom: none;}
.search-top {margin-right:48px; padding-left: 26px; background: url(../img/icons/search.png) no-repeat left;}

.reclama {width: 601px;}

.podp-ico {display:block; height:50px; width:90px; margin:0 auto; margin-top:36px; background: none; float:none; text-decoration:none;}
.soobsh-sv {display:block; text-align:center; color:#7c7d7c; font-size:14px;  font-weight:600; text-transform:uppercase; margin:0 auto;}
.soobsh-sv  span {color:#b53656; font-size:16px; line-height:20px}
.podp  {font-size:14px; float:none; text-align:center; width: 100%; display: block; margin-top:46px;}
.partn-mp {float:none; width:100%;}
.partn-mp a {width:100%; position: relative; overflow: hidden;}
.partn-mp a img {width:223px; margin:0 25px 25px 0; float:left;}

.carousel-container {width: 650px;}

.mp-news {width:100%; padding:0; float:none; position:relative; overflow:hidden; border-right:none}
.mp-news:last-child {width:100%; padding:0; float:none; position:relative; overflow:hidden; border-right:none}
.news-mp-article {height:auto;  padding-right:25px;}
.news-mp-article img {width:224px; float:left; margin:0 17px 25px 0;}
.bolshe.tdk {display:block; margin-bottom:25px;}
.mp.blockt {display:none;}

.carousel-container-2 {width:560px;}
}

@media screen and (max-width: 768px) {
.container {width:540px}
.search-top {padding-left:34px; background: url(../img/icons/search-34.png) no-repeat left; height:34px; width:34px; overflow:hidden;}
.enter-top {padding-left:34px; background: url(../img/icons/enter-34.png) no-repeat left; height:34px; width:34px; overflow:hidden;}
.navbar {height:90px; border-bottom:none;}
.container {width:100%; padding:0 15px; }
.logo {width:370px; margin:0 auto; display:block;  float:none;}
.hamburger {position: absolute; top: 33px; width: 37px; height: 31px;}
.menu-cl {position: absolute; top: 28px; right: 5px; padding: 0 25px; font-size: 44px;}
.age_12 {width: 100%; margin: 100px 0 0 0; position: absolute;}
.age_12:before {width: calc(100% - 25px); background:#7c7d7c;}
.header_center {width:100%; right: 0; left:0; top:83px;}
.slogan {width:550px; margin:0 auto; padding-left: 20px; padding-right:25px; box-sizing: border-box}
.slogan_top, .slogan_bottom {display:inline; font-size:13px;}

.header_right  {top:120px; width:100%}
.enter-top {margin-right:10px}
.search-top {margin-right:35px;}
.header_right-top {margin-top: 12px;}
.header_right-bottom {float: left; margin-right: 43px; width: 310px;}
.menu-top {top:70px;}

.reclama {width: 401px;}

section.mp.prn {display:block;}
.mat-partners {float:none; width:100%}
.sv-nomer  {float:none; width:100%; position:relative; overflow:hidden;}
.sv-img {float:left; width:233px;}
.sv-img img{width:233px;}
.sv-cont {float:none; width:100%; position:relative; overflow:hidden;}
.sd {width: calc(100% - 240px); float: left; margin-top: 60px; margin-left: 7px;}
.podp-ico {}
.podp {}
.carousel-container {width: 441px;}

.news-mp-article {margin-bottom:30px;}
.news-mp-article img {width:260px; float:none; margin: 0 17px 5px 0;}

.carousel-container-2 {width:calc(100% - 80px);}

}

@media screen and (max-width: 539px) {
.container {width:300px}
.logo {width:170px;}
.hamburger {top: 14px; width: 26px; height: 20px;}
.menu-cl {position: absolute; top: 11px; right: 5px; padding: 0 17px; font-size: 32px;}
.header_center {top:38px;}
.slogan {width:100%; padding-left: 0; padding-right:30px; margin:0;}
.slogan_top {font-size: 11px; text-align:left; display:block}
.slogan_bottom {font-size: 11px; text-align:right; display:block}
.age_12 {margin: 65px 0 0 0}
.header_right {top:80px; padding-left: 0; width:100%;}
.header_right-bottom {float: left; margin-right: 10px; width: 170px;}
.ss-vk, .ss-ok, .ss-dzen, .ss-max, .ss-rutube {height: 22px; width: 22px;}
.ss-vk a, .ss-ok a, .ss-dzen a, .ss-max a, .ss-rutube a {height: 22px; width: 22px;}
.search-top {height: 22px; width: 22px; padding-left: 22px; background-size:cover; margin-right: 15px;}
.enter-top {height: 22px; width: 22px; padding-left: 22px; background-size:cover; margin-right: 0;}
.reclama {width:192px}
.sv-nomer {margin-top:25px;}
.sv-img {float:none; margin:0 auto;}
.sv-img img {margin-top:13px;}
.sd {margin:0; width:100%;}
.podp-ico {margin-top:12px;}
.podp {margin-top:26px; margin-bottom:20px;}
 /*   .carousel-container {width: 206px;} */
button.arr {padding:0;}
#nextBtn {right:0; padding:10px 0 10px 10px;}
#prevBtn {left:0; padding:10px 10px 10px 0;}
.nav-bottom {padding: 12px 0 0 0; margin:0;font-size:11px;}
.nav-bottom li {}
.footer_right-bottom {bottom: 360px; margin: 0; left:0; padding: 0 5px 0 15px;}

.bottom-ss {width: 100%; margin: 85px 0 0 0;}
.bottom-ss p {margin: 13px 0;}
.bottom-infa {width:100%;}
.bottom-block {height: 310px; margin-top: 41px;}

}