*{box-sizing:border-box; }
html{width:100%; overflow-x:hidden; padding:0;margin:0 auto;}
@font-face {
    font-family: 'Gilroy'; 
    src: url('/public/css/fonts/Gilroy-Medium.woff'); 
    font-weight: 500;
}
@font-face {
    font-family: 'Gilroy'; 
    src: url('/public/css/fonts/Gilroy-Extrabold.woff'); 
    font-weight: 900;
}

body{margin:0 auto;padding: 0; font-family: 'Montserrat', sans-serif; background-color: white; font-size: 20px; color:  #000000; overflow-x: hidden;}
select:focus,textarea:focus,input:focus,button:focus{outline:0;}

h1 { font-family: Montserrat;font-size: 93px;font-weight: 900;line-height: normal;text-transform: uppercase; margin-bottom: 120px;}
h2 {font-family: Montserrat;font-size: 93px;font-weight: 900;line-height: normal;text-transform: uppercase; margin-bottom: 120px;}
h3 {font-family: Montserrat;font-size: 61px;font-weight: 800;line-height: normal;text-transform: uppercase; margin-bottom: 40px;}
h4 {font-family: Gilroy;font-size: 60px;font-weight: 900;line-height: normal;text-transform: uppercase; }
h5 {font-family: Montserrat;font-size: 50px;font-weight: 900;line-height: normal;text-transform: uppercase; }
h6 {font-family: Montserrat;font-size: 30px;font-style: normal;font-weight: 600;line-height: 110%; margin-top: 40px;}

a {  transition: 0.2s linear; text-decoration: none}
a:hover { text-decoration: underline }

.btn_green_clean { background: white; display: inline-block; border-radius: 0px 20px;border: 3px solid #82BC00;  width: 100%; min-width: 277px; max-width: 277px; text-align: center; color: #000;font-size: 22px;font-weight: 700; line-height: 54px; text-transform: uppercase;  }
.btn_green_clean:hover { color: black; cursor: pointer; }
.btn_green {display: inline-block; border-radius: 0px 20px;background: #C3D500; width: 100%;  min-width: 277px; max-width: 277px; text-align: center; color: #000;font-size: 22px;font-weight: 700; line-height: 54px; text-transform: uppercase;}
.btn_green:hover { color: black;  cursor: pointer; }
.btn_yellow {display: inline-block;  text-decoration: none; border-radius: 0px 20px;background: #F8C820; width: 100%;  min-width: 277px; max-width: 277px; text-align: center; color: #000;font-size: 22px;font-weight: 700; line-height: 54px; text-transform: uppercase;}
.btn_yellow:hover { color: black;  cursor: pointer; }
.btn_red {display: inline-block; border-radius: 0px 20px;background: #FF0000; width: 100%;  min-width: 277px; max-width: 277px; text-align: center; color: #000;font-size: 22px;font-weight: 700; line-height: 54px; text-transform: uppercase;}
.btn_red:hover { color: black;  cursor: pointer;}
.btn_lred {display: inline-block; border-radius: 0px 20px;background: #F93B43; width: 100%;  min-width: 277px; max-width: 277px; text-align: center; color: #000;font-size: 22px;font-weight: 700; line-height: 54px; text-transform: uppercase;}
.btn_lred:hover { color: black;  cursor: pointer; }
.btn_white_clean { display: inline-block; color: #FFF !important;text-align: center;font-family: Montserrat;font-size: 22px;font-weight: 700;text-transform: uppercase; width: 277px; line-height: 54px; border-radius: 0px 20px; border: 3px solid #FFF;}
.btn_white_clean:hover {}
.btn_white {display: inline-block; text-decoration: none; border-radius: 0px 20px;background: white; width: 100%;  min-width: 277px; max-width: 277px; text-align: center; color: #000;font-size: 22px;font-weight: 700; line-height: 54px; text-transform: uppercase;}
.btn_white:hover { color: black;  cursor: pointer;}

.container { max-width: 1680px; }
.relative { position: relative; }


.mflex { display: flex; justify-content: flex-start; align-items: flex-end; }
.mflex2 { display: flex; justify-content: space-between;  align-items: center;}
.mflex3 { display: flex; justify-content: space-between;  align-items: flex-start;}
.mflex4 { display: flex; justify-content: flex-end;align-items:center;}
.mflex5 { display: flex; justify-content: space-between; align-items: flex-end;}
.mflex6 { display: flex; justify-content: center;  align-items: flex-start; flex-wrap: wrap;}
.mflex7 { display: flex; justify-content: flex-start; align-items: center; position: relative; }
.mflex8 { display: flex; justify-content: flex-start;  align-items: flex-start; flex-wrap: wrap;}
.mflex9 { display: flex; justify-content: flex-start;  align-items: flex-end; flex-wrap: wrap;}
.grid3 {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0;  align-items: center; }
.grid4 {display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;  align-items: center; }



header {   margin-bottom: 120px; position: relative; z-index: 100 }
    .header_nav { position: fixed; top: 0; left: 0; width: 100%; height: 0%; z-index: 99999 }
        header .container { padding-top: 45px;  position: relative;}
        .lang { position: absolute; z-index: 1; bottom: 500%; left: -34px; display: flex; justify-content: flex-start; align-items: center;font-family: Gilroy;font-size: 20px;font-weight: 500; color: white; transform: rotate(-90deg);}
            .lang_line { width: 71px; height: 1px; background: white; display: inline-block; margin: 0 11px }
            .eng { cursor: pointer; }
            .ru { cursor: pointer; }
        .h_tel {color: #FFF;font-size: 22px;font-weight: 600; margin-right: 20px}
        .h_tel:hover {  color: #fff }
        .burger { cursor: pointer; margin-left: 38px; }
        .burger_black { cursor: pointer; margin-left: 38px; display: none }

.top_menu {  display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; background-image: url("/public/img/bg_tmenu.svg"); background-color: white; background-size: cover; }
    .top_menu .container { position: relative; height: 100% }
        .top_menu_close { position: absolute; top: 68px; right: 15px; cursor: pointer; }
        .top_menu nav { margin-left: 20%; margin-top: 2%; max-width: 300px; display: block }
            .top_menu nav a, .nav_href { display: block; font-size: 34px;font-weight: 500; color: white; max-width: 100%; position: relative; margin-bottom: 10px;}
            .top_menu nav a:hover { color: white;}
            .nav_href { display: flex; align-items: center; justify-content: flex-start; cursor: pointer; color: white !important }
            .top_menu nav img { margin-bottom: 30px; display: block }
            .nav_href img { margin-bottom: 0px !important; margin-left: 5px; display: flex }
            .top_menu_info { position: absolute; bottom: 5%; left: 20%; font-size: 27px;font-weight: 500;line-height: 44px}
                .top_menu_info a { color: black !important; font-size: 27px !important; font-weight: 500 !important; line-height: 44px !important; margin-bottom: 0 !important}
            .dropdown { position: relative; }
                .dropdown_menu { display: none; position: absolute; top: -50px; right: -250px; width:250px; z-index: 10000  }
                    .dropdown_menu a { line-height: 50px; margin-bottom: 4px !important; display: block; max-width: 100%;border: 1px solid #FFF; background: #82BC00; text-align: center;  color: #FFF;font-size: 34px;font-weight: 500;}   
                    .dropdown_menu a:first-child { border-radius: 0px 40px 0px 0px; }
                    .dropdown_menu a:last-child {border-radius: 0px 0px 0px 40px; }

    .h_leaf {  position: absolute; z-index: 9999;  transition: 0.2s linear; transform: scale(0.0);}
    .leaf1 { top: 30px; right: 48%; }
    .leaf2 { top: 290px; right: 47%; }
    .leaf3 { top: 140px; right: 28%; }
    .leaf4 { top: 300px; right: 32%; }
    .leaf5 { top: 10px; right: 18%; }
    .leaf6 { top: 240px; right: 10%; }

.logo_head_black { display: none; }
.h_dark {}
.h_dark_bg { }
    .h_dark_bg .lang { display: none }
    .h_dark_bg .header_nav { background: rgba(255,255,255,0.5);  height: 150px;}
    .h_dark * {color: black}
        .h_dark .top_menu_info a { color: black }
        .h_dark .top_menu_info a:hover { color: black }
    .h_dark .h_tel:hover { color: black }
    .h_dark .lang_line { background: black }
    .h_dark .logo_head_black { display: flex } 
    .h_dark .logo_head{ display:none } 
    .h_dark .burger {  } 
    .header_nav .mflex2 { width: 100%; position: relative; } 
        .header_nav .mflex2 .mflex7 { position: absolute; top:0; right: 0; }

.swiper {  width: 100%;  height: 950px; z-index: 1; position: relative;}
    .slide_desc { position: absolute; display: flex; justify-content: flex-start; align-items: center; z-index: 1  }
    .slide_desc:first-letter { text-transform: uppercase; }
    
        .slide_desc_img { margin-right: 20px; }
            .slide_desc_img img {  }
        
        .slide_desc_text {font-family: Gilroy;font-size: 20px;font-weight: 500;max-width: 410px; }
            
        .slide_desc_text_brand { max-width: 265px;}
            .slide_desc_text a { margin-top: 30px; display: block }
            .slide_desc_text_title { margin-bottom: 20px; font-family: Gilroy;font-size: 50px;font-weight: 800;line-height: 105%;text-transform: uppercase;}
               
    .bg_slide_pro { width: 990px; height: 572px; padding: 0 78px; position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); background: url("/public/img/bg_slide_pro.png"); background-size: cover }
        .bg_slide_pro_text { position: relative; }
            .bg_slide_pro_text h2 { text-align: center; margin-top: 170px; color: #FFF;font-family: Gilroy;font-size: 74px;font-weight: 900;text-transform: uppercase;}
            .bg_slide_pro_text .mflex3 { position: absolute; top: 170px; width: 100%; height: 54px; }
                .bg_slide_pro_text .btn_white_clean { width: 200px; }










.swiper_brands  { position: relative; z-index: 1 !important;}
.brands_slider { margin-top: 120px; margin-bottom: 320px; position: relative;}
    .brands_slider h2 {}
        .swiper_brands_item { background: white; display: flex; justify-content: center; align-items: center; border: 1px solid black; padding: 40px; aspect-ratio:1/0.6; } 
            .swiper_brands_item img { height: 100px; max-width: 100%}

    .pagi { position: absolute; top: 200px; left: 34px; width: 100%; z-index: 997  }
        .pagi .container { position: relative; }
            .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
              right:  auto;
              left: 0;
              top: 50%;
              transform: translate3d(0px,-50%,0);
            }
            .swiper-slide { background-position:  top center; background-repeat: no-repeat !important; background-size: cover !important  }
            .swiper-slide-bg {background-position:  top center; background-repeat: no-repeat !important; background-size: cover !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0}
            	.swiper-slide .container {  height: 100% }
            .swiper-pagination-bullet { background: none; border: 1px solid white }
            .swiper-pagination-bullet-active { background: white }
            .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap,15px) 0;}

.brands { position: relative;z-index: 4; background: white }
    .brand { border: 1px solid #C5C5C5; height: 100%;  aspect-ratio:1/1; overflow: hidden; justify-content: center; align-items: center; display: flex; position: relative;}
    .brand:nth-child(3) {border-radius: 0px 300px 0px 0px;}
    .brand:nth-child(4) {border-radius: 0px 0px 0 300px;}
        .arr_brand { display: none; }
        .brand:nth-child(4) .brand_info {  justify-content: center; align-items: center; }
            .brand:nth-child(4) .brand_info img { height: 179px; }
        
        .brand_logo { height: 179px; width: auto; max-width: 50%; }
        .brand_info { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; color: white; z-index: 2; padding: 50px 50px; padding-top: 0; }
            .brand_info img { height: 81px; margin-top: 35px }
            .brand_logo_alone { }
                .brand_logo_alone img { margin-top: 50px; }
            .brand_info_text { margin-top: 25px; font-size: 20px; }
            .brand_info h3 {font-size: 19px;font-weight: 900;line-height: 95.9%;text-transform: uppercase; margin-top: 25px;}

.proizvodstvo { position: relative;  margin-top: 200px;  z-index: 3; }
    .proizvodstvo h2 { margin-bottom: 60px; }
    .pro_ban_mob { display: none }
    .video { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; }
        .video video { width: 100%;  object-fit: cover; height: 100% }
    .mask { position: absolute; top: 0;     left: 0;     width: 100%; height: 100%; z-index: 1;  object-fit: cover;}
    .proizvodstvo .container { position: relative; z-index: 2; }
        .proizvodstvo_title { margin-bottom: 100px; font-size: 50px;font-style: normal;font-weight: 700;line-height: 120%; text-transform: uppercase;}
        .proizvodstvo p {font-size: 22px;font-style: normal;font-weight: 400;line-height: normal; margin-bottom: 40px;}
        .zoom {}
            .tree {}
    .pro_fs {}
        .pro_f { border: 2px solid #939393; padding:60px 32px 70px; height: 100%}
        .pro_f:nth-child(1) { border-right: none; border-radius: 0 0 0 100px }
        .pro_f:nth-child(2) { border-right: none }
        .pro_f:nth-child(3) { border-right: none }
        .pro_f:last-child {  border-radius: 0 100px 0 0 }
            .pro_f_title {font-size: 29px;font-weight: 600;line-height: 104.4%;text-transform: uppercase; border-bottom: 2px solid #939393; padding-bottom: 15px; margin-bottom: 20px}
                .pro_f_title span {font-size: 74px;font-weight: 800;line-height: 110%; }
            .pro_f_descr {}
                .pro_f_descr img { margin-right: 25px; }
                .pro_f_descr_text {font-size: 22px;font-weight: 400;line-height: 120%;}
                    .pro_f_descr_text span {font-size: 26px;font-weight: 600; }

.features { z-index: 2; position: relative; margin-top: -5px; position: relative; background: white; z-index: 3; padding-top: 200px; }
    .features .grid3 { gap: 40px; }
    .feature { margin-bottom: 100px; height: 100% }
        .feature_img { margin-right: 25px; height: 94px }
        .feature_name {font-size: 29px;font-style: normal;font-weight: 600;line-height: 104.4%; text-transform: uppercase;}
        .feature_desc { border-top: 2px solid #939393; padding-top: 25px; margin-top: 15px; }

.news { z-index: 2; position: relative; }
    .news h2 { margin-bottom: 0; }
    .news .mflex3 { margin-top: 40px }
    .news .grid3 {gap: 10px; margin-top: 120px; }
        .news_item { max-width: 33%; overflow: hidden; }
        .news_item:first-child .news_item_img {border-radius: 300px 0px 0 0px; display: block}
        .news_item:last-child .news_item_img {border-radius: 0px 0px 300px 0px;}
            .news_item_img { display: block; position: relative; overflow: hidden;  width: 100%; aspect-ratio:1/1;}
                .news_item_img img { height: 100%;  }
            .news_item_date {color: #939393;font-family: Montserrat;font-size: 30px;font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase; margin-top: 15px}
            .news_item_name {  width: 90%; color: #000;font-family: 'Gilroy';font-size: 20px;font-style: normal;font-weight: 500;line-height: normal; border-top: 2px solid #939393; padding-top: 5px; margin-top: 5px;}
         

        .blog { margin-top: 100px }
            .blog .mflex3 { flex-wrap: wrap; }
            .blog .mflex3 .news_item { margin-bottom: 40px; }
            .blog .mflex3 .news_item:first-child  .news_item_img {}
            
            .blog .mflex3 .news_item:last-child(3)  .news_item_img {border-radius: 0 0 0 300px}
                .blog_tags a { margin-right: 50px; }

            


.in_brand {}
    .in_brand h1 { margin-bottom: 80px; }
.brand_text { margin-bottom: 120px; font-family: Gilroy;font-size: 26px;font-weight: 500; }
.brand_fs { margin-top: 80px; margin-bottom: 120px; }
.brand_f {   text-align: center; font-family: Gilroy; font-size: 30px;  font-weight: 500; max-width: 25%; line-height: normal;}
.brand_f span::first-letter { text-transform: uppercase; }
        .brand_f_img {margin-bottom: 25px; height: 163px; display:  flex; align-items: flex-end; justify-content: center;}
            .brand_f_img img {}

.br_prs { margin-top: 80px; }
.products_descr {font-family: Gilroy;font-size: 30px;font-weight: 500; margin-bottom: 25px; margin-top: 30px; line-height: normal;}
.br_pr_img { max-width: 100%; }

article { position: relative; z-index: 1;  display: block; position: relative; }
    .map { border-radius: 0 260px 0 260px; overflow: hidden; margin-bottom: 160px; }
        .map img { max-width: 100% }
    .h_inner { min-height: 160px; margin-bottom: 0 }
        .h_inner .lang { display: none }
    .kontakty_cols { margin-bottom: 160px; }

.new_inside { margin-top: 200px; display: block; }
    .new_inside h1 { margin-bottom: 40px; }
    .new_text {font-family: Montserrat;font-size: 24px;font-weight: 400;line-height: 130%; } 
        .new_text ul { margin-top: 20px; }
        .new_text ul.ul_green { color:  #82BC00}
            .new_text ul.ul_green li { margin-bottom: 10px; }
        .new_text .mflex3 { margin: 80px 0; }
        .text_aftertitle {color: #939393;font-size: 30px;font-weight: 600;line-height: 110%;}
        .new_text h2 {font-size: 74px;font-weight: 800;line-height: 104.4%; text-transform: uppercase; margin-bottom: 40px;}
        .img1 { border-radius: 0 300px 0 300px; width: 100%; max-width: 100%; margin: 80px 0; }
        .img2 {width: 49%; max-width: 49%;}
        .img2:first-child { border-radius: 0 0 0 300px; }
        .img2:last-child { border-radius: 0 300px 0 0; }
        .img3 { width: 33%; max-width: 33% }
        .img3:first-child { border-radius: 0 0 0 300px; }
        .img3:last-child { border-radius: 0 300px 0 0; }
        .new_text a { color: black; text-decoration: underline; }
        

.k_form {}
    .k_form input { border: 3px solid #82BC00; background: white;  padding: 20px; width: 100%; max-width: 31%;}
    .k_form .mflex3 input:last-child { border-radius: 0 40px 0 0 }
    .k_form textarea {border: 3px solid #82BC00; background: white;  padding: 20px; border-radius: 0 0 0 40px; width: 100%}
    .k_form button { }


.where_page {}
    .where_page .mflex3 {  margin-bottom: 160px; justify-content: center;    }
        .online_item {border: 1px solid #C5C5C5; aspect-ratio:1/1; width: 33%; display: flex; justify-content: center; align-items: center;}
        .online_item:first-child {border-radius: 0px 0px 0px 300px;}
        .online_item:last-child {border-radius: 0px 300px 0px 0px;}
            .online_item img { max-width: 100% }
        .mflex3_wrap { flex-wrap: wrap; }
        .offline_item {border: 1px solid #C5C5C5; aspect-ratio:1/1; width: 33%; display: flex; justify-content: center; align-items: center;}
        .offline_item:nth-child(3) {border-radius: 0px 300px 0px 0px ;}
        .offline_item:nth-child(4) {border-radius: 0px 0px 0px 300px;}
            .offline_item img { max-width: 100% }


.catalog {}
    .catalog h1 { margin-bottom: 80px;  }
    .catalog h2 { margin-top: 40px; margin-bottom: 40px; }
    .catalog h5 {  margin-bottom: 40px; margin-top: 40px; }
.tags { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 40px; }
    .tags a { margin-right: 40px; margin-bottom: 40px; width: 235px;  line-height: 65px;font-weight: 700; color: black;font-size: 22px;text-align: center;text-transform: uppercase; border: 4px solid #82BC00; border-radius: 0px 20px;  }
    .tags a:hover { background: #82BC00; color: white; text-decoration: none } 
    .tags_active { background-color: #82BC00; color: white !important  }
    .tags_inactive { color: #C7C7C7 !important; border-color: #C7C7C7 !important }
    .tags_inactive:hover { cursor: default !important;   color: #C7C7C7; background-color: white !important}

.cat_item {}
.cat_item:hover { text-decoration: none }
.cat_item:hover .cat_item_img { box-shadow: 0 0 5px #ccc }
    .cat_item_img { text-align: center; overflow: hidden; border: 1px solid #C7C7C7;    transition: 0.2s linear;}
        .cat_item_img img { width: 100%; max-width: 100%; }
    .cat_item_title {font-weight: 600;font-size: 20px;line-height: 24px; color: #000000; margin-top: 20px;  padding-bottom: 45px }

.catalog_in { z-index: 1; position: relative; }
    .green_line_l { position: fixed; bottom: 0; left: 0; width: 9.1%; z-index: 4}
        .green_line_l img { width: 100% } 
    .green_line_r {position: fixed;bottom: 0px; right: 0; width: 90.9%; z-index: 4 }
    .white_line { position: relative; z-index: 2;  width: 100%; }
    	.white_line img { position: absolute;  bottom: -1px; left: 0; width: 100%;}
    .item_info { color: white; padding-bottom: 0px; z-index: 3 }
        .green_line_r img { width: 100% } 
    .select {font-weight: 900;font-size: 50px;line-height: 61px;text-transform: uppercase;}
    .item_block_title {font-weight: 700;font-size: 24px;line-height: 26px; margin-top: 30px; margin-bottom: 20px;}

    .main_img { margin-left: 10%; }
    .item_img { position: relative; } 
        .item_block_opisanie { position: absolute; top: 10%; left: 40%; width: 257px; border: 3px solid; border-radius:
20px  20px   20px 0px ; color: white; padding: 15px; font-size: 14px; line-height: 17px }





    .item_block_text {font-size: 20px;line-height: 24px; margin-top: 0px; margin-bottom: 0px;}
    .item_block_tag { margin-left: 15px; border: 3px solid #FFFFFF; border-radius: 0px 20px; min-width: 105px; max-width: 110px; line-height: 54px; text-align: center; font-weight: 700;text-transform: uppercase;color: #FFFFFF;font-size: 22px;}
    .item_block_tag_active { border-color: #B7D333; background-color: #B7D333; color: black }
    .item_block_tag:hover {border-color: #B7D333; background-color: #B7D333; color: black; text-decoration: none}
    .item_block_tag_white { border: 2px solid white !important;  background: none !important}
    .item_block_tag_white:hover { color: white }
    .item_chars { width: 100%; border: 3px solid #B7D333;border-radius: 0px 20px; text-align: left;padding: 15px 30px;}
        .item_chars_col { border-right: 3px solid #B7D333;   width: 50%; min-width: 50%; font-weight: 400;font-size: 16px; line-height: 22px; }
        .item_chars_col:last-child { border:none; padding-left: 40px; white-space: nowrap;}
            .item_chars_col span { display: block; margin-bottom: 10px; font-weight: 700; font-size: 18px;line-height: 16px;}
        .item_garant {padding: 22px  30px; border: 3px solid #B7D333;border-radius: 0px 20px; color: #B7D333; margin-left: 35px; font-weight: 700; font-size: 15px; line-height: 13px;text-transform: uppercase;}
            .item_garant span {font-size: 41px; line-height: 37px; }
    .item_features {}
        .item_features_col1 {}
        .item_features img {}
        .item_features_text {}
    .item_info .btn_green { margin-top: 35px; }

    .item_features { margin-top: 100px;  border-left: 3px solid #B7D333; flex-wrap: wrap; width: 295px; justify-content: flex-start; }
    	.item_features_col1 { width: 26px; height: 79px; margin-bottom: 10px; }
    	.item_features_col1:first-child { border-top:  3px solid #B7D333; height: 90px; }
    	.item_features_col1:nth-last-child(3) { border-bottom:  3px solid #B7D333; height: 59px; margin-bottom: 0px;}
    	.item_features_img { text-align: center; width: 100px; margin-bottom: 10px;}
    	.item_features_img:nth-last-child(2) { margin-bottom: 0 }
    		.item_features_img img {}
    	.item_features_text { width: 165px; font-weight: 400;font-size: 20px;line-height: 24px;margin-bottom: 10px; }
    	.item_features_text:nth-last-child(1) { margin-bottom: 0 }

    .runing_string {font-weight: 900;text-transform: uppercase;line-height: 92.4%;font-size: 159px;color: #DADADA; margin: 200px 0; overflow: hidden;}

    .item_in { position: relative;	z-index: 2}
    	.item_in h2 { margin-bottom: 0 }
    	.item_in .mflex5 { margin-bottom: 100px; }

    	.item_rel { position: relative; overflow: hidden; border: 1px solid #c7c7c7; padding: 20px; aspect-ratio:1/1; width: 33%; display: flex; justify-content: center; align-items: center;}
	    .item_rel:hover { box-shadow: 0 0 6px #000 }
	    
        	.item_rel_title {font-size: 30px;line-height: 37px;color: #000000;transform: rotate(-90deg); position: absolute;  top: 55%;  left: -44%;  text-align: right;  width: 100%;}
	    	.item_rel_img {}
        .item_rel1 {border-radius: 0 300px 0 300px}
        .item_rel2:first-child {border-radius: 0 0 0 300px}
        .item_rel2:last-child {border-radius: 0 300px 0 0}
        .item_rel3:first-child {border-radius: 0 0 0 300px}
        .item_rel3:last-child {border-radius: 0 300px 0 0}
        .item_rel4:nth-child(3) {border-radius: 0 300px 0 0}
        .item_rel4:last-child {border-radius: 0 0 0 300px}
        .item_rel5:nth-child(3) {border-radius: 0 300px 0 0}
        .item_rel5:nth-last-child(2) {border-radius: 0 0 0 300px}
        .item_rel6:nth-child(3) { border-radius: 0 300px 0 0 } 
        .item_rel6:nth-last-child(3) { border-radius: 0 0 0 300px } 
        .item_rel8:nth-child(3) { border-radius: 0 300px 0 0 } 
        .item_rel8:nth-last-child(2) { border-radius: 0 0 0 300px } 
        .item_rel7:nth-child(3) { border-radius: 0 300px 0 0 } 
        .item_rel7:last-child { border-radius: 0 0 0 300px } 

.h_pro_inner { position: fixed; top: 0; left: 0; width: 100%; z-index: 10 }
.para_bgs { margin-bottom: 0px  }
.pro_bgs { position: relative; background-size: 100% 100%; background-repeat: no-repeat; padding-top: 17vh; height: 100vh; z-index: 9; position: relative;background-attachment: fixed }
.pro_bgs_last {background-attachment:initial }
    .pro_bgs .container { position: relative; z-index: 2; }
    .pro_bg { border-radius: 0 200px 0 200px; overflow: hidden; position: relative; margin-left: 240px; max-height: 766px; position: relative;  background-size: 100% 100%; color: black; font-family: 'Gilroy'; width: 100%; max-width: 960px; padding: 60px 60px 60px 145px}
        .pro_bg_dig { z-index: 2; color:white; position: absolute; top: 0; aspect-ratio:1/1; height: 240px; text-align: center; left: 135px; border: 9px solid #FFFFFF; border-radius: 50%; line-height: 220px; font-size: 190px; font-weight: 900;}
        .pro_bg h1 {font-weight: 900;font-size: 59px;text-transform: uppercase;line-height: 54px; margin-bottom: 20px; z-index: 2; position: relative;}
        .pro_bg h2 {font-weight: 900;font-size: 59px;text-transform: uppercase;line-height: 54px; margin-bottom: 20px; z-index: 2; position: relative;}
        .pro_bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; object-fit: fill }
        .pro_bg_text {font-weight: 500;font-size: 24px;line-height: 23px; z-index: 2; ; position: relative;}

    .pro_bgs video { position: absolute; top: 0; left: 0;  width: 100%;  z-index: 1; }
.para_dif  { margin-top: 150px; position: relative; z-index: 1 }
	.para_dif p { font-size: 32px; margin-bottom: 50px; }
	.para_dif a:nth-child(2) { margin-right: 115px; }
	.para_dif a { width: 200px; max-width: 200px; padding-left: 0; padding-right: 0 }



    .vols_row { display: flex;  justify-content: flex-end; align-items: flex-start; }
        .vols_col { text-align:  center;  }
        .vols_col {margin-left: 40px}
        .vols_col:last-child {}
            .vol_rel_items {  }
                .vol_rel_items a { display: block; margin-bottom: 10px; width: 77px }
        
        




footer { background: url('/public/img/fon_footer.svg') no-repeat; background-size:cover; min-height: 1375px; position: relative; z-index: 0; margin-top: -400px;  padding-bottom: 40px;}
    .logo_foot { margin-top: 800px; }
    .footer_menu {font-weight: 500; font-size: 34px;line-height: 41px; color: white; margin-top: 10px; display: block}
    .footer_menu:hover { text-decoration: underline; color: white; }
    .leaf { position: absolute; top: 530px;  left: 480px; }
    footer  .nav_href {font-size: 34px !important;line-height: 41px; margin-top: 20px; max-width: 300px; }
        footer .dropdown_menu {  top: 53px;  left: 240px; right: auto; width: auto;  background: #82BC00; border:1px solid white; border-radius: 0 20px; padding: 10px 25px}
            footer .dropdown_menu a {font-family: 'Montserrat';font-weight: 500;font-size: 20px;line-height: 24px;color: #FFFFFF; border:none; background: none; text-align: left;}

    .col_feedback { max-width: 389px; margin-left: 250px; }
        .col_feedback img { margin-right: 25px; }
        .col_feedback_title {font-family: 'Montserrat';font-weight: 500;font-size: 34px;line-height: 41px;color: #FFFFFF; margin-top: 40px; margin-bottom: 30px}
        .col_feedback input { width: 100%; margin-bottom: 10px; border: 3px solid #82BC00; line-height: 50px; padding-left: 20px; }
        .col_feedback button { width: 100%; max-width: 100%; border-top-right-radius: 0 }
        .col_feedback form {background: #81BB26; } 


.white_text { display: none }
.btn_filtr { display: none }
.filtr_bg { display: none; }

.swiper_brands_item .brand_info {justify-content: center; align-items: center; display: none;}

.pdf_links {display: flex;gap: 20px; flex-wrap: wrap; margin-top: 40px; align-items: center; }
.pdf_item { 
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 20px;
    margin-bottom: 50px;
    height: 140px;
    width: 235px;
    line-height: 24px;
    font-weight: 400;
    color: #000000;
    font-size: 19px;
    text-align: center;
    border: 2px solid #000000;
    border-radius: 0px 20px;
    padding: 22px 15px;
    
}

.pdf_item:hover {
        background: #dadada;
        color: #fff;
        text-decoration: none;
        }
    

@media screen and (max-width: 1920px) {

}
@media screen and (max-width: 1600px) {
    header { margin-bottom: 80px; }
    h2 { font-size: 72px; margin-bottom: 80px; }
    .proizvodstvo_title { font-size: 72px }
    .feature_name { font-size: 24px }
    .lang { bottom: -450px;}
    .brand_info_text { font-size: 18px }

   

}
@media screen and (max-width: 1440px) {
    
    h2 { font-size: 64px; }
    .proizvodstvo_title { font-size: 64px }
    .feature_name { font-size: 20px }


        .slide_desc_text { font-size: 16px; max-width: 350px; }
   
}
@media screen and (max-width: 1366px) {
   
}
@media screen and (max-width: 1280px) {
	.offline_item img {  max-width: 70%;  max-height: 50%;}
	.online_item img {  max-width: 70%;  max-height: 50%;}
}
@media screen and (max-width: 1200px) {

	.news_item:first-child .news_item_img {border-radius: 150px 0px 0 0px; }
        .news_item:last-child .news_item_img {border-radius: 0px 0px 150px 0px;}

}
@media screen and (max-width: 991px) {
	.grid3 { grid-template-columns: repeat(2, 1fr); gap: 0; }
	.brands .grid3 { grid-template-columns: repeat(3, 1fr); gap: 0; }

	.leaf1 { top: 30px; right: 33%; }
    .leaf2 { top: 290px; right: 32%; }
    .leaf3 { top: 140px; right: 18%; }
    .leaf4 { top: 300px; right: 22%; }
    .leaf5 { top: 10px; right: 8%; }
    .leaf6 { top: 240px; right: 0%; }

    .news { margin-bottom: 200px }
    .news_item_img {aspect-ratio: 1/0.8;}

    .col_feedback { margin-left: 80px; }

    .proizvodstvo_title { font-size: 42px }

    .brand_fs { flex-wrap: wrap; gap:20px; }
    	.brand_f { font-size: 24px; }
    		.brand_f_img img { max-width: 100% }
    .tags a { margin-right: 15px }

    .mflex4_m { flex-wrap: wrap; }
    .item_garant  { margin-top: 20px }
    .item_rel_img { max-height: 100% }
    .item_rel_title { font-size: 16px }

    .item_rel1 {border-radius: 0 150px 0 150px}
        .item_rel2:first-child {border-radius: 0 0 0 150px}
        .item_rel2:last-child {border-radius: 0 150px 0 0}
        .item_rel3:first-child {border-radius: 0 0 0 150px}
        .item_rel3:last-child {border-radius: 0 150px 0 0}
        .item_rel4:nth-child(3) {border-radius: 0 150px 0 0}
        .item_rel4:last-child {border-radius: 0 0 0 150px}
        .item_rel5:nth-child(3) {border-radius: 0 150px 0 0}
        .item_rel5:nth-last-child(2) {border-radius: 0 0 0 150px}
        .item_rel6:nth-child(3) { border-radius: 0 150px 0 0 } 
        .item_rel6:nth-last-child(3) { border-radius: 0 0 0 150px } 
        .item_rel8:nth-child(3) { border-radius: 0 150px 0 0 } 
        .item_rel8:nth-last-child(2) { border-radius: 0 0 0 150px } 
        .item_rel7:nth-child(3) { border-radius: 0 150px 0 0 } 
        .item_rel7:last-child { border-radius: 0 0 0 150px } 

    .where_page {}
        .where_page .mflex3 { flex-wrap: wrap; margin-bottom: 60px; }
        .where_page h3 { font-size: 24px }
        .online_item { width: 50%;  }
        .online_item:nth-child(1) {order:3; width: 100%;  border-radius: 0 0 0 60px; aspect-ratio: 1/0.5;  }
        .online_item:nth-child(2) { order: 1 }
        .online_item:nth-child(3) { order: 2;  border-radius: 0 60px 0 0;   }
            .online_item img { max-width: 70%; max-height: 239px; }
    
        .offline_item { width: 49%; }
        .offline_item:nth-child(2) { border-radius: 0 60px 0 0; }
        .offline_item:nth-child(3) { border-radius: 0 }
        .offline_item:nth-child(4) { border-radius: 0 }
        .offline_item:nth-child(5) { border-radius: 0 0 0 60px; }
            .offline_item img { max-width: 70%; max-height: 77px; }


}
@media screen and (max-width: 767px) {

    body { font-size: 16px; }

    header { margin-bottom: 60px; }
        header .container {  padding-top: 25px;}
    .h_inner { min-height: 90px; }

    .logo_head { max-width: 171px; }
        .logo_head img { max-width: 100%; }
    .logo_head_black { max-width: 171px;}
        .logo_head_black img { max-width: 100%; }
    .h_tel { display: none }
    .burger { width: 33px }
    .burger_black { width: 33px }

    .header_nav {  }
    .header_nav .container {}
    .lang { transform: rotate(0); left: auto; width: 92%;  bottom: 80px; justify-content: center; }

    .pagi { left: 20px; bottom: 5px; width: 90%; top: auto; }
    .slide_desc_img { display: none }
    .slide_desc { right: auto !important; left: auto !important; top: auto !important; bottom: 6% !important; width: 100%;  padding: 0 55px; bottom: 6%;}
    .swiper-slide { background-repeat:  no-repeat; }
    .swiper-slide2 .slide_desc { padding: 0 45px  }
    .swiper-slide3 .slide_desc { padding: 0 15px  }
    .swiper-slide5 .slide_desc { padding: 0 45px  }
        .slide_desc .btn_yellow { width: 100%; max-width: 100%; min-width: 200px;}
        .slide_desc .btn_red { width: 100%; max-width: 100% }
        .slide_desc .btn_lred { width: 100%; max-width: 100% }
        .slide_desc .btn_white { width: 100%; max-width: 100% }
        .slide_desc_text { max-width: 100%; font-size: 12px;font-weight: 500;line-height: normal;}
            .slide_desc_text_title {font-size: 28px;font-weight: 800;line-height: 105%; margin-bottom: 10px }

    .swiper-slide_pro {background-image: url("/public/img/bg_pro_m.jpg?v=4")  !important;}

    article { }
    h1 { font-size: 36px;  margin-bottom: 30px}
    h2 {font-size: 32px; margin-bottom: 50px}

    .brands {}
        .brands .grid3 { grid-template-columns: repeat(2, 1fr); gap: 0; }
        .brand:nth-child(3) { border-radius: 0; }
        .brand:nth-child(4) {  border-radius: 0 ;}
        .brand:nth-child(1) .brand_logo { height: 70px; }
        .brand:nth-child(2) {  border-radius: 0 50px 0 0 ;}
        .brand:nth-child(5) {  border-radius: 0 0 0 50px ;}
        .arr_brand { display: block; position: absolute; bottom: 10px; right: 10px; cursor: pointer }

    .proizvodstvo { margin-top: 60px }
        .proizvodstvo_title {leading-trim: both;text-edge: cap;font-size: 24px;font-weight: 500;line-height: 110%; text-transform: none;}
        .mask { display: none }
        .video { display: none }
        .pro_ban_mob { width: 100%; margin-bottom: 30px; display: block }
        .proizvodstvo .btn_green_clean { width: 100%; max-width: 100% }

    .features { margin-top: 60px; padding-top: 0 }
        .features .grid3 {grid-template-columns: repeat(1, 1fr); gap: 30px;}
        .feature { margin-bottom: 0 }
            .feature .mflex {flex-wrap: wrap;}
            .feature_img { height: 50px; margin-bottom: 15px; }
            .feature_name { width: 100%; font-size: 16px;font-weight: 700;line-height: 120%; } 
            .feature_desc {  border-top: none;  padding-top: 0px;  margin-top: 10px;}

    .news { margin-top: 60px; }
        .news .mflex2 {}
            .news .mflex2 .btn_green { display: none; }
            .news .mflex3 {margin-top: 30px; flex-wrap: wrap;}
            .news .mflex3  .news_item { width: 100%; max-width: 100%; margin-bottom: 30px; }
            .news_item:first-child .news_item_img {  border-radius: 0px 50px 0 0;}
            .news_item:last-child .news_item_img {  border-radius: 0px 0 0 50px;}
            .news_item_img { height: 300px; aspect-ration: 1/1; }
            .news_item_img img {width: 100%;  height: auto;}

    .top_menu {background-image: url("/public/img/bg_tmenu_m.svg");}
    .top_menu nav {  margin-left: 0; margin-top: 40px; }
        .top_menu nav a { font-size: 16px; margin-bottom: 10px;}
        .top_menu nav .nav_href {font-size: 16px; margin-bottom: 10px;}
        .top_menu_close  {height:  21px; top: 30px; right: 20px}
            .top_menu_close img { height:  21px } 
        .top_menu_info {  bottom: 10px; left: 15px; font-size: 16px; font-weight: 400 }
            .top_menu_info a { color: black !important; line-height: 120% }
            .top_menu_info span { font-weight: 600 }
            .top_menu_info img { max-width: 163px; margin-bottom: 30px !important; }
            .dropdown_menu { right: -100px; top: -65px;  }
                .dropdown_menu a { font-size: 14px; line-height: 30px;  max-width: 146px !important; margin-bottom: 4px !important }
                .brands_arrow { height: 12px; }

    footer { background-image: url("/public/img/bg_footer_m.jpg"); min-height: 688px; margin-top: -30px;  }
        .logo_foot { margin-top: 200px; }
        .footer_menu { margin-top: 20px; }
        footer .nav_href {font-size: 16px;}
            footer .nav_href img { height: 12px }
            footer .dropdown_menu {  top: -80px;  right: -85px; left: auto}
        .col_feedback  { display: none }
            .col_feedback form {}

    .in_brand {}
        .in_brand h1 {font-size: 36px; margin-bottom: 30px}
        .in_brand h2 {font-size: 36px;}
        .in_brand h4 { font-size: 20px; margin-top: 20px;}
        .products_descr {font-size: 16px; margin-top: 15px; margin-bottom: 15px}
            .in_brand .btn_green {  max-width: 576px ; }
        .brand_text {font-size: 16px; margin-bottom: 60px}
        .brand_fs { flex-wrap: wrap; margin-bottom: 60px; }
            .brand_f { max-width: 50%; width: 50%; font-size: 16px; margin-bottom: 30px  }
                .brand_f_img { height: 78px; margin-bottom: 12px }
                    .brand_f_img img { height: 100% }

    .brands_slider { margin-top: 60px; margin-bottom: 60px; }  
        .swiper_brands_item img { height: 50px }


    .white_text { display: block;    position: absolute;    top: -40px;    left: -25px;    width: 100%;    height: 195%;    z-index: -1; }

    .map {    border-radius: 0 80px 0 80px; margin-bottom: 60px }
        .map img { height: 100%; width: auto; max-width: 1000px }
    .kontakty_cols { flex-wrap: wrap; margin-bottom: 30px }
        .kontakty_col { margin-bottom: 30px; }
        .kontakty_page h5 { font-size: 36px }
        .k_form {}
            .k_form .mflex3 { flex-wrap: wrap; }
                .k_form .mflex3 * { width: 100%; max-width: 100%; margin-bottom: 15px; }
                .k_form .mflex3 input:first-child { border-radius: 0 40px 0 0 }
                .k_form .mflex3 input:last-child { border-radius: 0; margin: 0}
                .k_form textarea { border-radius: 0 }
                .k_form  .btn_green_clean { border-radius: 0 0 0 20px; width: 100%; max-width: 100% }

    .blog_tags { flex-wrap: wrap; }
        .blog_tags * { width: 100%; max-width: 100%; margin-bottom: 15px }
        .blog_tags a { margin-right: 0; }
    .blog { margin-top: 60px;    }
        .blog .mflex3 { margin-top: 30px; }
            .blog .mflex3 .news_item { max-width: 100% }
            .blog .mflex3 .news_item:nth-child(3) .news_item_img {  border-radius: 0}
            .blog .mflex3 .news_item:nth-last-child(3) .news_item_img {  border-radius: 0 ;}
            .blog .mflex3 .news_item:first-child .news_item_img { border-radius: 0 80px 0 0  }
            .blog .mflex3 .news_item:last-child .news_item_img { border-radius: 0 0 0 80px }

    .new_inside { margin-top: 120px }
        .new_inside h1 { font-size: 24px; }
        .text_aftertitle { font-size: 16px; }
        .img1 {border-radius: 0 40px 0 40px; margin: 40px 0;}
        .new_text { font-size: 16px; }
        .new_text h2 { font-size: 30px; } 
        .new_text .mflex3 { margin: 40px 0; flex-wrap: wrap;}
            .img2:first-child {  border-radius: 0 40px 0 0;}
            .img2:last-child {  border-radius: 0 0 0 40px;}
        .img3:first-child {  border-radius: 0 40px 0 0;}
        .img3:last-child {  border-radius: 0 0 0 40px;}
            .new_text img { max-width: 100%; width: 100%; margin-bottom: 20px}

    .bg_slide_pro { background: none; width: 100%; height: 100%; padding: 0 15px  }
        .bg_slide_pro_text h2 { font-size: 36px; text-align: left; margin-top: 140px; }
        .bg_slide_pro_text .mflex3 { flex-wrap: wrap; top: 140px;}
            .bg_slide_pro_text .mflex3 .btn_white_clean {  max-width: 100%; width: 100%; margin-bottom: 30px }
    .h_dark_bg .header_nav {  height: 80px;}
    .pro_page {}
        .pro_page .grid4 {grid-template-columns: repeat(1, 1fr); gap: 15px; margin-top: 30px; margin-bottom: 50px}
        .pro_f  { padding: 30px 20px}
        .pro_f:nth-child(1){  border-right: 2px solid #939393;  border-radius: 0  40px 0 0;}
        .pro_f:nth-child(2){  border-right: 2px solid #939393;}
        .pro_f:nth-child(3){  border-right: 2px solid #939393;}
        .pro_f:last-child{   border-radius: 0 0 0 40px;}
        .pro_f_title span{  font-size: 36px;  font-weight: 700;  line-height: 120%; margin-right: 10px;}
        .pro_f_title  {font-size: 16px;}
        .pro_f_descr img {margin-right: 10px; height: 50px}
        .pro_f_descr_text { font-size: 16px }
            .pro_f_descr_text span{  font-size: 16px;}


    
   

    .news_item_date {font-size: 20px;}
    .news_item_name { font-size: 16px }
    .tags { display: none }
    	.tags a {  margin-right: 10px;  margin-bottom: 10px;  width: 45%;  line-height: 41px;  font-size: 14px;}
  	.catalog h1 { margin-bottom: 60px; }
  	.catalog h2 {  margin-bottom: 30px; margin-top: 30px; font-size: 36px; }
  	.catalog h5 {  margin-bottom: 30px; margin-top: 30px; font-size: 24px; }
  		.cat_item_title { font-size: 14px; margin-top: 5px; padding-bottom: 20px; }
  		.catalog .col-6 { padding: 0 5px; }
  		.catalog .col-6:nth-child(even) { padding-right: 10px; }
  		.catalog .col-6:nth-child(odd) { padding-left: 10px; }
  			.cat_item { width: 100%; display: block}
	  			.cat_item_img { aspect-ratio:1/1; width: 100%; overflow:  hidden; }
	  				.cat_item_img img { }
	  	.btn_filtr {  cursor: pointer; background-color: #82BC00; box-shadow: 0 0 5px #666; display: block; position: fixed; bottom: 10px; left: 50%; right: 50%; transform:  translate(-50%,0); font-size: 16px; color: white; min-width: 166px;  width: 166px; line-height: 41px;}
	  	.filtr_bg { display: none; background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 998; }
		  	.filtr {background: #FFFFFF; border-radius: 0px 60px 0px 0px; position:  absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 20px;}
		  		.filtr_line { width: 67px; height: 2px; background-color: #c7c7c7; margin: 20px auto; }
		  		.filtr .mflex2 { margin: 20px  0; }
		  			.filtr_title {}
		  				.filtr_title span:first-child {font-weight: 700;font-size: 24px;line-height: 29px;}
		  				.filtr_title span:last-child {font-weight: 600;color: #82BC00;font-size: 14px;line-height: 17px;}
		  		.tags {}
		  		.btn_filtr_set { cursor: pointer; width: 100%; font-weight: 700; background-color: #82BC00; color: white; font-size: 20px;line-height: 46px; max-width: 100%}
		  		.btn_filtr_reset { cursor: pointer; color:#82BC00  }
        .tags_all {  display: flex; margin-bottom: 20px; justify-content: center; }
            .tags_all a {border: 3px solid #82BC00; border-radius: 0; width: 48%}
            .tags_all a:nth-child(2) {border-radius: 0 20px 0 0}
            .tags_all a:nth-child(2n) { margin-right: 0;}
            .tags_all a:last-child { margin-right: 0;}

    .item_block_tag { border-color: #939393; color: #939393; line-height: 46px; font-size: 20px;     }
    .item_block_tag:first-child { margin-left: 0  }
    .item_block_tag_active { color: #000; border-color:#B7D333  }
    .mflex4_left { justify-content: flex-start; }

    .green_line_l {  bottom: 0;  left: 0;  width: 14.4%;}
    .green_line_r {  bottom: 0;  right: 0;  width: 85.6%;}
    .select {font-size: 36px;line-height: 44px; color: #000000;}
    .item_block_title {font-size: 24px;color: #000000;line-height: 29px;}
    .item_block_text { font-size: 16px; color: #000000;}

    

    .main_img { position: absolute; top: 35%; left: 50%; transform: translate(-50%,-50%); }

    article {background: none !important;}
    .item_img {background-color: #76226D;}
    .item_info { padding-top: 40px; color: black; padding-bottom: 0 }

    .item_chars { border-radius: 0 20px 0 0; padding: 15px 20px; }
        .item_chars_col { font-size: 16px }
            .item_chars_col span { font-size: 16px; margin-bottom: 5px}
        .item_chars_col:last-child { padding-left: 20px; }

    .item_garant_m {display: flex; justify-content: space-between; align-items: center; border: 3px solid #B7D333; padding: 15px 20px; margin-top: 15px; border-radius: 0 0 0 20px}
        .item_garant_m div {min-height: 64px;  font-weight: 700; display: inline-flex;  align-items: center;}
            .item_garant_m div br { display: block; }
        .item_garant_m_bordered {border-right: 3px solid #B7D333;}
        .item_garant_m div:first-child {  width: 50%;  min-width: 50%; font-size: 16px; line-height: 16px}
        .item_garant_m div:last-child { text-align: center; color: #C3D500; width: 50%;  min-width: 50%; justify-content: center; font-size: 41px;line-height: 37px;}
            .item_garant_m div:last-child br { display: block; }
            .item_garant_m div:last-child span {font-size: 15px;line-height: 14px; display: block }
            .item_garant_m div:last-child div  { display: block; min-height: 10px; }
        .item_info .btn_green {  margin-top: 30px; max-width: 100%; width: 100%;}
    .item_features {  margin-top: 40px; width: 100%}
        .item_features_text {  min-width: 60%;}
            .item_features_text br { display: none }
    .runing_string { margin: 80px 0; font-size: 36px }

    .item_in { padding-bottom: 40px; }
        .item_in .mflex5 { flex-wrap: wrap; margin-bottom: 30px; }
        .item_in .mflex6 { flex-wrap: wrap; }
            .item_rel { width: 100% }
                .item_rel_img {  max-height: 100%;}
            .item_rel:nth-child(3) { border-radius: 0; }
            .item_rel:nth-child(4) {border-radius: 0;}
            .item_rel:first-child { border-radius: 0 120px 0 0 }
            .item_rel:last-child { border-radius: 0 0 0 120px }
        .item_in .btn_green_clean { width: 100%; margin-top: 30px; max-width: 67%;    font-size: 16px;    min-width: 75px; float: right; }

    .pro_bgs { height: auto; background-attachment: scroll; background-size: contain; background: none !important; padding-top: 0 }
        .pro_bg_text { color: black; margin-top: 50px; font-size: 16px; margin-bottom: 40px; }
        .pro_bg { margin-left: 0; background: none; padding: 0;  max-height: 100%; min-height: 0;  }
        .pro_bg h1, .pro_bg h2 { display: block; font-size: 22px; line-height: 22px; margin-bottom: 0; background: url('/public/img/pro_bg_m.png') no-repeat; background-size: 100% 100%; padding: 20px; }
        .pro_bg_m { width: 100%; max-width: 100%; }

        .pro_bg h2 br { display: none }
        .pro_bg_dig {top: -65px; height: 77px; border: 6px solid #FFF; left: 0; line-height: 65px;  font-size: 52px;}


    .vols_row { display: block; }
        .vols_col {  text-align: left; margin: 0 }
            .vol_rel_items {display: flex; justify-content: flex-start; align-items: center; }
                .item_block_title { font-size: 24px; font-weight: 400 }
                .vols_col a { display: inline; }
                .item_block_tag {border-color: #939393 !important; border: 3px solid !important;}
                .item_block_tag_active {border:  none !important}
    .item_block_opisanie_m { font-size: 16px; line-height: 19px; margin: 40px 0; color: black }
    .garant_m {  }
        .garant_m .item_chars_col { color: black }
        .item_garant_m { color: black  }
        
        .pdf_item { 
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin-right: 0px;
            margin-bottom: 10px;
            height: auto;
            width: 100%;
            line-height: 24px;
            font-weight: 400;
            color: #000000;
            font-size: 19px;
            text-align: center;
            border: 2px solid #000000;
            border-radius: 0px 20px;
            padding: 5px;
            
        }
    
    .pdf_links {gap:0;}
    
    
    
    
    
@media screen and (max-width: 575px) {
    .main_img { margin-left: 0}

}
 
@media screen and (max-width: 325px) {
    
} 







