@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
@import url(./font-awesome-4.7.0/css/font-awesome.css);

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat'),
     url(./fonts/Montserrat/static/Montserrat-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Jost';
    src: local('Jost'),
     url(./fonts/Jost/static/Jost-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    src: local('Poppins'),
     url(./fonts/Poppins/Poppins-Regular.ttf) format('truetype');
}
body {
    font-family: 'Open sans';
    /* visibility: hidden; */
    /* visiblity: none; */
    opacity: 0;
    /* width: 500px;
    height: 100px; */
    /* position: absolute; */
    /* left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
    /* font-size: 3rem;
    color: white;
    align-items: center;
    justify-content: center;
    transition-duration: 2s;
    background-color: black;
    border-radius: 5px; */
    transition: opacity 1s;
  }
  /* *{
    box-sizing: border-box;
  } */
 a{
    font-weight: 400;
    line-height: 32px;
 }
 .menu_main a{
    font-size: var(--header-menu1);
 }
 .menu_main li{
    margin-left: auto;
    margin-right: auto;
 }
 .find-jq a{
    font-size: 18px;
 }
 .find-jq a .d-inline-block{
    padding-left: 10%;
    width: 85%;
 }
 .find-jq ul{
    margin-top: 15px;
 }
 .find-jq li{
     list-style:none;
 }
.param_block{
    margin: 1%;
    width:300px;
    border: solid 1px rgb(160, 161, 83);
    padding: 1%;
    background-color: rgb(252, 250, 246);
}

*{
    box-sizing:border-box;
}

:root {
    --ease-in-out:all 300ms ease-in-out;
    --fs-1x: 1;
    --carousel-indicators-active: #E94F1A;
    --menu-a-hover: #E94F1A;
    --menu-a-line : #E94F1A;
    --btn-warning-change-color : #E94F1A;
    --btn-warning-change-hovercolor : #ffffff;
    --btn-warning-change2-color : #ffffff;
    --btn-warning-change2-hovercolor : #E94F1A;
    --footer-bg: black;
    --footer-color: rgb(252, 252, 252);
    --header-pc-bg:#ffffff;
    --header-menu1:20px;
    --page-title: 40px;
    --lh-news_block-p-s:30px;
    --lh-title-gl:50px;
    --lh-product-item-s-p:30px;
    --date-fs:18px;
    --gl_anons-fs:20px;
    --gl_anons-lh: 27.24px;
    --gl_h-align: left;
    --fs-product-item-s-p:24px;
    --product_title-lh:36px;
    --home_products_anons-lh:35px;
    --gov_link-img1: 50px;
    --gov_link-img2: 40px;
    --gov_link-a-fs:18px;
    --gov_link-a-lh: 24.51px;
    --category_titile-fs:50px;
    --category_titile-lh:68.09px;
}
@media (min-width:1801px){
    :root{
        --count-product:5;
        --fs-media: 28px;
        --cat_title_height: 40px;
    }
}
@media (min-width:1500px) and (max-width:1800px){
    :root{
        --count-product:4;
        --fs-media: 26px;
        --cat_title_height: 40px;
        --page-title: 30px;
    }
}
@media (min-width:768px) and (max-width:1499px){
    :root{
        --count-product:3;
        --fs-media: 18px;
        --cat_title_height: 40px;
        --header-menu1:16px;
        --page-title: 28px;
        --date-fs:16px;
        --gl_anons-fs:18px;
        --gl_anons-lh: 24.51px;
        --fs-product-item-s-p:20px;
        --product_title-lh:30px;
        --home_products_anons-lh:21px;
        --gov_link-a-fs:16px;
        --gov_link-a-lh: 23.51px;
        --category_titile-fs:40px;
    }
}
@media (min-width:1100px){
    :root{
        /* --home-block-h:60px;  */
        --home-block-h: calc(var(--fs-1x)*60px);
        --home-title-p: 18px;
        --gl_news_button-margin: 0 auto 0 0!important;
        --footer-text1:22px;
        --yashirin-ul1:810px;

    }
}
@media (min-width:992px) and (max-width:1099px){
    :root{
        --home-block-h:40px;
        --home-title-p: 17px;
        --gl_news_button-margin: 0 auto 0 0!important;
        --footer-text1:22px;
        --yashirin-ul1:700px;
    }
}

@media (min-width:768px) and (max-width:991px){
    :root{
        --home-block-h:40px;
        --home-title-p: 16px;
        --gl_news_button-margin: 0 auto 0 0!important;
        --footer-text1:22px;
        --yashirin-ul1:510px;
        --count-product:2;
        --fs-media: 15px;
        --gov_link-img1: 30px;
        --gov_link-img2: 24px;
        --gov_link-a-fs:14px;
        --gov_link-a-lh: 19.07px;
        --category_titile-lh:54.47px;
    }
    .show-hide{
        display: none;
    }
}
@media (max-width:767px){
    :root{
        --home-block-h:30px;
        --home-title-p: 14px;
        --gl_news_button-margin: 0 auto 0 auto!important;
        --footer-text1:22px;
        --count-product:1;
        --fs-media: 16px;
        --cat_title_height: auto;
        --page-title: 25px;
        --lh-product-item-s-p:30px;
        --fs-product-item-s-p:16px;
        --lh-news_block-p-s:15px;
        --lh-title-gl:22px;
        --date-fs:14px;
        --gl_anons-fs:16px;
        --gl_anons-lh: 21.79px;
        --gl_h-align: center;
        --fs-product-item-s-p:18px;
        --product_title-lh:27px;
        --home_products_anons-lh:19.07px;
        --gov_link-img1: 30px;
        --gov_link-img2: 24px;
        --gov_link-a-fs:12px;
        --gov_link-a-lh: 16.34px;
        --category_titile-fs:24px;
        --category_titile-lh:32.68px;
    }
    .show-hide{
        display: none;
    }
}
@media (max-width:450px){
    .show-hide-map{
        display: none;
    }
}
@media (min-width: 800px) and (max-width:1500px){
   .gov_link .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}

.main-header{
    width: 100%;
    z-index: 1;
    margin: 0 8% 0 8%;
    top:0;
    padding-bottom: 0;
    z-index: 1;
    text-align: center;
    margin: 0 auto 0 auto;
    position: absolute;

    -webkit-transition: var(--ease-in-out);
    -moz-transition: var(--ease-in-out);
    -ms-transition: var(--ease-in-out);
    -o-transition: var(--ease-in-out);
    transition: var(--ease-in-out);
}

.banner_gl{
    width: 100%;
    margin: 0 auto 0 auto;
    z-index: -1;
}
.banner_gl img{
    width:100%;
    height: auto;
}

.logo_umk{
    text-align: left;
    width: 242px;
}
@media (min-width:768px) and (max-width:1250px){

    .logo_umk{
        width: 54px; /* Устанавливаем ширину изображения в 100% родительского контейнера */
        object-fit: cover; /* Заполняем контейнер, сохраняя пропорции */
        object-position: left; /* Выравниваем изображение по левому краю */
    }
}
.ico_razdel{
    display: inline-flex;
    align-items: center;
    float: right;
}
.ico_razdel img{
    margin-right: 17px;
}
.ico_razdel i{
    margin-right: 17px;
    margin-left: 15px;
}

hr{
    opacity: 100!important;
}
.hr1{
    height: 1px;
    border: 1px solid #FFFFFF;
    border-top: none;
    opacity: 100;
}
.hr2{
    height: 1px;
    border: 1px solid #dad5d5;
    border-top: none;
}
.menu_main{
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}
.menu_main_content{
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
}

@media (max-width:1099px){
    .header-pc{
        display:none;
    }
}

.logo_header, .logo_header-mobile, .logo_header-mobile2{
    justify-content: space-between;
}

.banner_gl .carousel-inner{
    z-index: -4!important;
}
.carousel-indicators [data-bs-target]{
    border-radius: 50%;
    width: 15px;
    height: 15px;
}

.header1{
    /* color: #171717 !important;
    transition-duration: 0.5s;
    transition-delay: 0.5s; */
}

.for_hover a{
    width: 100%;
    background-color:rgba(0, 0, 0, 0);
    color: inherit;
    display: flex;
    align-items: center;
}

body:has(.header-pc:hover) header{
    color: #171717 !important;
    /* background-color: #ffffff!important; */
    background-color:var(--header-pc-bg)!important;

    -webkit-transition: var(--ease-in-out);
    -moz-transition: var(--ease-in-out);
    -ms-transition: var(--ease-in-out);
    -o-transition: var(--ease-in-out);
    transition: var(--ease-in-out);
}
body:has(.header-pc:hover) .header1{
    display:none;
    -webkit-transition: var(--ease-in-out);
    -moz-transition: var(--ease-in-out);
    -ms-transition: var(--ease-in-out);
    -o-transition: var(--ease-in-out);
    transition: var(--ease-in-out);
}
.header-hover{
    display:none;
    -webkit-transition: var(--ease-in-out);
    -moz-transition: var(--ease-in-out);
    -ms-transition: var(--ease-in-out);
    -o-transition: var(--ease-in-out);
    transition: var(--ease-in-out);
}
body:has(.header-pc:hover) .header-hover{
    color: #171717 !important;
    display:inline;
    -webkit-transition: var(--ease-in-out);
    -moz-transition: var(--ease-in-out);
    -ms-transition: var(--ease-in-out);
    -o-transition: var(--ease-in-out);
    transition: var(--ease-in-out);
}

.for_hover ol{
    padding: 0;
    text-align: center;
}

ol li {
    display: inline-block;
    margin-right: 15px;
}

ol li:hover > .submenu
/* ol li:hover > .yashirin-ul1:first-child  */
{
    /* height: max-content; */
    /* height: 700px; */
    visibility: visible;
    opacity: 1;
}

.for_hover ol li a:hover {
    color: var(--menu-a-hover);
    cursor: pointer;
}

.for_hover ol li:hover a::before {
    visibility: visible;
    transform: scale(1, 1);
}

ol li .submenu {

    z-index: 9;
    top:100%;
    margin:0 1% 0 1%;
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 98%;
    background-color: inherit;
    opacity: 0;
    visibility: hidden;
    line-height: 40px;
    box-sizing: border-box;
    -webkit-transition: opacity 600ms, visibility 50ms;
    transition: opacity 600ms, visibility 50ms;
}

.submenu_block{
    padding-left: 5%;
    padding-right: 5%;
    min-height: 420px;
    border-radius: 12px;
    background-color: #FFFFFF;
    margin-top: 25px;
    padding-top: 10px;
    padding-bottom: 35px;
    width: 100%;
    bottom: -100px ;
}
.submenu_block-content{
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 8px!important;
    /* padding-top: 10px; */
    /* margin-bottom: 15px; */
    width: 100vw;
    bottom: -100px ;
}
.submenu-title{
    margin-top: 15px;
    font-family: 'Open Sans';
    font-size: 30px;
    font-weight: 500;
    color: #E94F1A;
}
.pastdan{
    width: 500px;
    visibility:hidden;
    bottom: -300px;
    transition: bottom 300ms, visibility 100ms;
}

.yashirin-ul1{
    padding-left: 20%;
    left: 200%;
    visibility: hidden;
    transition: left 500ms, visibility 100ms;
}
ol li .submenu a {
    color: #000000;
    margin-top: 20px;
    font-size: 20px;
}
@media (max-width:1499px){
    .pastdan{
        width: 300px;
    }
    ol li .submenu a {
        font-size: 16px;
    }
}

ol li a {
    color: #999;
    display: block;
    padding: 0 7px 0 7px;
    margin: 0 0 10px;
    text-decoration: none;
    position: relative;
}
.headmenu:hover > a::before{

    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 2px;
    left: 0px;
    background-color: var(--menu-a-line);
    transition: all 0.2s ease-in-out;
    transform: scale(0, 0);
    visibility: hidden;
}

.headmenu:hover .pastdan{
    visibility: visible;
    bottom: 0;
}
.ulni-och1{
    margin-top: 10px;
}
.ulni-och1:hover .yashirin-ul1{
    visibility: visible;
    left: 98%;
}
.openNav2{
    position:relative;
    margin-top: 0px!important;
    margin-bottom: 12px!important;
}
.menu_stroke1, .menu_stroke2, .menu_stroke3, .menu_stroke4 {
    /* width: 1.25em; */
    width: 13px;
    /* line-height: 0; */
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(60, 60, 60)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform .35s ease;
    /* transform-origin: .5em 50%; */
    /* font-size: 16px!important; */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  }

.yashirin-ul1, .yashirin-ul2, .yashirin-ul3, .yashirin-ul4{
    visibility:hidden;
}

/* .ulni-och1:hover  .yashirin-ul1, .ulni-och2:hover  .yashirin-ul2, .ulni-och3:hover  .yashirin-ul3, .ulni-och4:hover  .yashirin-ul4 {
    visibility:visible;
} */
.ulni-och1:hover >a , .ulni-och2:hover >a, .ulni-och3:hover >a, .ulni-och4:hover >a{
    color: #E94F1A;
}
.yashirin-ul1:hover, .yashirin-ul2:hover, .yashirin-ul3:hover, .yashirin-ul4:hover {
    visibility:visible;
}
.ulni-och1:hover  .menu_stroke1, .ulni-och2:hover  .menu_stroke2, .ulni-och3:hover  .menu_stroke3, .ulni-och4:hover  .menu_stroke4{
    transform: rotate(180deg);
}
.yashirin-ul1{
    width: var(--yashirin-ul1);
}
.ulni-och2{
    width: 45%;
}
/*-------Some fancy styling-------*/
h1 {
    text-align: center;
    font-family: satisfy;
    font-weight: 300;
}


@media (min-width: 1660px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        /* max-width: 1640px; */
        max-width: 86%;
    }
    ol li .submenu {
        left: -5%;
        width: 110%;
    }
}
@media (min-width: 1659px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1540px;
    }
    ol li .submenu {
        left: -5%;
        width: 110%;
    }
}
@media (min-width: 1560px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1540px;
    }
    ol li .submenu {
        left: -5%;
        width: 110%;
    }
}
@media (min-width: 1430px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        min-width: 1420px;
    }
    ol li .submenu {
        left: -5%;
        width: 110%;
    }
}
@media (max-width: 1429px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px;
    }

    ol li .submenu {
        left: 0;
        width: 100%;
    }
}
@media (max-width: 1240px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1230px;
    }
    .menu_main{
        font-size: 10pt;
    }
}
.submenu_content{
    left: 0!important;
    width: 100%!important;
}
.gl_h{
    text-align: var(--gl_h-align);
    font-family:'Jost', sans-serif;
    color: #E94F1A;
    font-weight: 700;
    font-size:  var(--home-block-h)!important;
    padding-top: 40px;
    padding-bottom: 40px;
    line-height: 86.7px;
}
.gl_news_photo{
    width: 100%;
    height: auto;
}

.title_gl{
    font-size: calc(var(--home-title-p)*1.5);
    font-weight: 700;
    /* line-height: 100%; */
    line-height: var( --lh-title-gl);
}

.text_gl{
    font-size: 20px;
    font-weight: 600;
    color: #171717;
}
.gl_news_button{
    font-family: 'Poppins';
    margin: var(--gl_news_button-margin);
    left: 0;
    color: #FFFFFF;
    padding: 10px 40px 10px 40px;
    /* background-color: #E94F1A; */
    background: linear-gradient(to bottom, #fff 50%, var(--menu-a-hover) 50%);
    background-size: 100% 200%;
    background-position: bottom left;
    transition: all .2s ease-out;
    border: solid var(--menu-a-hover) 1px;
    border-radius: 6px;
    font-size: 18px;
}
.gl_news_button:hover{
    border: 1px solid var(--menu-a-hover);
  background-position: top left;
  color: #fff;
  box-shadow: var(--menu-a-hover) 3px 4px;
}


.fon_main_white{
    margin: 0 auto 0 auto;
    background-color: #FFFFFF;
    margin-bottom: 30px;
}
.fon_main_color{
    margin: 0 auto 0 auto;
    background-color: #FDEEE9;
    margin-bottom: 30px;
}

.date{
    font-family: Montserrat, sans-serif;
    font-size: var(--date-fs);
    color: #959595;
    font-weight: 500;
}

.podrobno1_home{
    text-decoration: underline;
    font-family: Open Sans;
    color: #E94F1A;
    font-weight: 400;
    font-size: 20px;
}
.podrobno1_home:hover{
    font-weight: 400;
    color: #9c0000;
}
.podrobno{
    min-width: 130px;
    text-align: center;
    padding-left: 2%;
    padding-right: 2%;
    /* background-color: #E94F1A; */
    text-decoration: none;
    font-family: Open Sans;
    color: #E94F1A;
    font-weight: 400;
    font-size: 20px;
    font-weight: 300;
    position: relative;
    border: solid rgba(233, 78, 26, 0) 1px;
    transition: all 300ms;
    z-index:4;
}

.podrobno:hover{
    font-weight: 400;
    color: #E94F1A;
}

.box{
    z-index:3;
    padding: 0 2% 0 2%;
    width: max-content;
    height: auto;
    color: white;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-size: 2em; */
}
.box:hover::after, .box:hover::before{

    transform: scale(1, 1);
}
.box::after, .box::before{
    content: '';
    /* height: 2px; */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 0.5s;
}
.box::after{
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    border-right: 2px solid var(--menu-a-line);
    border-left: 2px solid var(--menu-a-line);
    transform: scale(1, 0);
}
.box::before{
    left:0;
    top:0;
    width: 100%;
    height: 103%;
    border-top: 2px solid var(--menu-a-line);
    border-bottom: 2px solid var(--menu-a-line);
    transform: scale(0, 1);
}


.podrobno::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0px;
    background-color: var(--menu-a-line);
    transition: all 0.2s ease-in-out;

}

@media (max-width:768px){
  .podrobno-product{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        height: 39px;
        background-color: #F7B336;
        width: 160px;
        font-family: 'Open sans';
        font-size: 14px;
        font-weight: 600;
        color: #ffffff;
        text-decoration: none;
    }

}

@media (min-width:767px){
    .podrobno-product{
        font-family: Poppins;
        font-size: 18px;
        font-weight: 400;
        line-height: 35px;
        letter-spacing: 0px;
        text-align: left;
        color: #F26440;
        text-decoration: none;
    }
    .podrobno-product:after {
        padding-left: 10px;
        content: url('/src_img/Arrow1.svg');
        transition: padding-left 300ms;
    }

    .podrobno-product:hover{
        color: #F26440;
    }
    .podrobno-product:hover:after{
        padding-left: 40px;
    }
}

.gov_link a{
    font-family: 'Open sans';
    font-size: var(--gov_link-a-fs);
    font-weight: 400;
    line-height: var(--gov_link-a-lh);
}
.gov_link .img1{
    width: var(--gov_link-img1);
}
.gov_link .img2{
    width: var(--gov_link-img2);
}

.footer{
    background-color: var(--footer-bg);
}
.footer-text1{
    color: var(--footer-color);
    font-size: var(--footer-text1);
    font-weight: 700;
}
.footer-text2{
    color: #959595;
    font-size: 16px;
    font-weight: 700;
}
.dropdown-menu{
    min-width: 2em!important;
}
.logo_header .dropdown:hover>.dropdown-menu{
    display: block;
    min-width: 2em!important;
    /* width: 100%; */
    text-align: center;
    padding: 0;
  }

  .logo_header .dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
      pointer-events: none;
  }
  .logo_header .dropdown-item{
    display: flex;
    justify-content: center;
  }

  .filter_banner{
    filter: brightness(75%);
  }
  @media (min-width: 1000px){
    .filter_banner{
        height:868px!important;
        object-fit: cover;
        object-position: center;
    }
}

  .list_p1{
    color: #E94F1A;
    font-size: var(--page-title);
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: normal;
  }

  .text-ckeditor img{
        border-radius: 0.5em;
        margin: 5px auto!important;
        /* padding: 1%; */
        max-width: 100% !important;
        height: auto!important;
  }
  @media (max-width: 750px){
    .text-ckeditor img:not(form[name="rahbar_block"] img) {
        width: 100% !important;
    }
    .text-ckeditor iframe {
        width: 100%;
        height: auto;
    }
    form[name="rahbar_block"] .col-lg-2 img{
        width: 90px!important;
        height: auto!important;
    }
    form[name="rahbar_block"] .col-lg-10 img{
        width: 18px!important;
        height: auto!important;
        margin: 0;
        padding: 0;
    }
    form[name="rahbar_block"] p, span{
        font-size: 14px!important;
        /* line-height: 1!important; */
    }
    .rahbar_block1 img{
        width: 25px!important;
        height: auto!important;
    }
  }

    .text-ckeditor iframe {
        /* width: 100%; */
        /* height: auto; */
        aspect-ratio: 16 / 9; /* Соотношение сторон 16:9 для видео */
        border: none; /* Убираем рамку, если она не нужна */
    }

  .pagination {
    justify-content: center;
  }

  .pagination .page-link{
    border-radius: 0.4em!important;
    height: 38px;
    line-height: 20px;
    color: #000000;
  }
  .pagination .active .page-link{
    color: #fcfcfc;
    border-color: var(--carousel-indicators-active);
    background-color: var(--carousel-indicators-active)!important;
  }
  .pagination .page-item{

        padding-top: 0!important;
        margin: 0 4px 0 4px;
  }
  .carousel-indicators [data-bs-target]{
    background-color: #999999!important;
    /* opacity: 0.2!important; */
  }
  .carousel-indicators .active {
    background-color: var(--carousel-indicators-active)!important;
    opacity: 1!important;
}
.banner_gl .carousel-indicators{
    z-index: 0!important;
}
.hover_black:hover{
    color:#171717;
}
.razrabotka{
    background-color: #dda62f96;

    color: #010102;
    font-style: italic;
    font-weight: bold;
    font-size: 16pt!important;
    z-index: 10;
}

.element-animation {
    opacity: 0;
    transform: translateY(20px);
}

.element-animation.element-show {
    opacity: 1;
    transition: all 1.5s;
    transform: translateY(0%);
}
.btn-warning-change{
    color: var(--btn-warning-change-color)!important;
    border-color:var(--btn-warning-change-color)!important;
    border-radius:0!important;
    font-size: 14pt;

    background: linear-gradient(to right, var(--menu-a-hover) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .2s ease-out;

}
.btn-warning-change:hover{
    /* background-color: #E94F1A; */
    color: var(--btn-warning-change-hovercolor)!important;
    background-position: left bottom;
    box-shadow: 5px 5px #e0bcb0ce;
}
.btn-warning-change2{
    background-color: #e94e1ace;
    color: var(--btn-warning-change2-color)!important;
    border-color:var(--btn-warning-change2-color)!important;
    border-radius:0!important;
    font-size: 14pt;
}
.btn-warning-change2:hover{
    background-color: #E94F1A;
    color: var(--btn-warning-change2-color)!important;
}


.nav-none-text{
    text-decoration: none;
    color: #171717;
    font-weight: 500;
}

.title-nav-side{
    width: 100%;
    display: flex;
    color: #E94F1A;
    background-color: #e94e1a1e;
    padding: 10px;
    min-height: 80px;
    justify-content: space-between;
    align-items: center;
}



/* mobile uchun */

.header-mobile{
    display: none;
    z-index: 3;
    position: fixed;
}
@media (max-width:1099px){
    .header-mobile{
        display: inline-block;
    }
    .content-header-mobile{
        display: inline-block;
    }
}

.mobile-sub-menu{
    overflow: hidden;
    height: 0;
    display: block;
}
.mobile-sub-menu ul:first-child{
    padding-top:33px;
}
.mobile-sub-menu a{
    font-family: 'Montserrat';
    display: block;
    left: -120%;
    font-size:17px;
    text-decoration: none;
    color: #2e2a2a;
    /*border-bottom: 1px solid #c5c6c642;*/

}
.mobile-sub-menu span{
    /* height: 30px; */
    /* display: table-cell; */
    vertical-align: middle;
}

.for-effectout-menu{
    display: none;
    position:fixed;
    background-color: black;
    width: 100%;
    height:100%;
    opacity:35%;
    z-index: 2;
  }
  .doc-table th, th{
    background-color: #EEF0F4;
    color: #787F95;
  }
  .doc-table a,  .doc-table td, td{
    font-weight: 400;
    font-size: 20px;
    color: #002B48;
  }

  /* @media (max-width: 768px) {
    table thead {
        display: none;
      }
    table {
        width: 100%;
    }

    table th, table td {
        display: block;
        width: 100%;
    }

    table td::after {
        content: attr(data-label);
        font-weight: bold;
        display: inline-block;
        width: 50%;
    }
    table td.hidden-on-mobile {
        display: none;
      }
} */

.for-py{
    padding-top: 9px;
    /* padding-bottom: 5px; */
}
.fw600{
    font-weight: 600;
}
.fw400{
    font-weight:400;
}
.fs16{
    font-size: 17px!important;
}
.mobile-sub-menu p{
    width: 90%;
}

.sticky-content.fixed {
    padding-left: 3%;
    padding-right: 3%;
    color: #000000;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(231, 226, 210, 1);
    -moz-box-shadow: 0px 4px 8px 0px rgba(231, 226, 210, 1);
    box-shadow: 0px 4px 8px 0px rgba(231, 226, 210, 1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(249, 250, 249);
    z-index:3;
}
.sticky-content.fixed_content {
    color: #000000;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(231, 226, 210, 1);
    -moz-box-shadow: 0px 4px 8px 0px rgba(231, 226, 210, 1);
    box-shadow: 0px 4px 8px 0px rgba(231, 226, 210, 1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(249, 250, 249);
    z-index:3;
}
.brightness50{
    filter: brightness(50%)!important;
}
.otchet_fon .ico{
    top: 50px;
}
.otchet_fon .img{
    /* border: 1px solid; */
    padding: 10px;
    box-shadow: 5px 10px;
    color: #fff5f526;
    transition: 500ms;
}
.otchet_fon a:hover .img{
    object-position: center; /* Center the image within the element */
    height: auto;
    color:#E94F1A
}
.otchet_fon a:hover .passport_btn {
    opacity: 1;
    background-color: #002b4867;
    z-index: 99;
    cursor:alias;
}
.otchet_fon .title{
    top: 50%;
}
.otchet_fon p{
    inline-size: 200px;
  overflow-wrap: break-word;

    color: white!important;
    font-size: 18px;
    line-height: 20px
}
.otchet_fon .year{
    bottom: -20px;
    font-weight: 700;
    font-family: 'Open Sans';
}
.center-cropped300h {
    object-fit: none; /* Do not scale the image */
    object-position: center; /* Center the image within the element */
    height: auto;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
  }
  .search_page .item_page{
    position: relative;
    padding: 2%;
    width: 100%;
    min-height: 100px;
    left: 0;
    transition: left 800ms;
  }
  .search_page .item_page h5{
    color: #F26440;
  }
  .search_page .item_page p, .search_page .item_page span{
    font-weight: 100;
    font-size: 18px!important;
    font-family: 'Open sans'!important;
  }

  .search_page .item_page:hover{
    background: linear-gradient(-45deg, #ffe9d7, #fff5dbfb, #ffffff, #fce5b3);
	background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    left: -3%!important;
  }

  @keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.otpiska_btn{
    border: 1px solid #F7B336;
    border-radius: 6px;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: var(--font-size-button);
    min-width: var(--min-width-button);
    height: var(--height-button);
    background-color: rgba(247, 179, 54, 0.1);
    color: #F7B336;
}

.horizontal-scroll {
    /* width: 100%; */
    margin-left: auto;
    margin-right: auto;
    width: calc(308px * var(--count-product));
    overflow: hidden;
    /* position: relative; */
}

.horizontal-scroll .content {
    white-space: nowrap;
    transition: transform 1.6s; /* Добавляем анимацию при сдвиге */
    display: flex;
}

.horizontal-scroll .content > div {
    flex-shrink: 0;
    width: 300px; /* Ширина элемента */
    margin-right: 20px; /* Расстояние между элементами */
}

.scroll-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ccc;
    background-color: #e94e1a3b;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    color: #E94F1A;
    border: 1px solid #E94F1A;
}

.scroll-button.prev {
    left: 5%;
    z-index: 1;
}
.scroll-button.next {
    right: 5%;
}

.fon_main_color .text-wrap, .fon_main_white .text-wrap {
    padding-right: 20px;
}
.products_item{
    margin-left: calc(100vw / 80);
    margin-right: calc(100vw / 80);
    display: flex; /* делаем flex контейнером */
    flex-direction: column; /* выстраиваем элементы в столбец */
    justify-content: space-between; /* распределяем пространство между элементами */
    height: 100%; /* высота растягивается на весь контейнер */
}
.product_title{
    text-align: var(--gl_h-align);
    font-size:var(--fs-product-item-s-p);
    font-family: 'Poppins';
    font-weight: 600;
    line-height: var(--product_title-lh);
}
.home_products_anons, .home_products_anons p, .home_products_anons strong, .home_products_anons span{
    text-align: var(--gl_h-align);
    font-size: 14px;
    font-weight: 400;
    line-height: var(--home_products_anons-lh);
    font-family: 'Poppins';
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
/* .products_item strong, .products_item p{
    font-size:var(--fs-product-item-s-p);
    line-height: var(--lh-product-item-s-p);
} */
.flex-container {
    display: flex; /* используем flexbox */
    flex-wrap: wrap; /* разрешаем элементам обтекать друг друга */
    align-items: stretch; /* растягиваем элементы, чтобы они заполняли контейнер по высоте */
}
  table{
    border: none;
  }
@media only screen and (max-width: 600px) {
    /*body table:not(.exclude-table, .footer-text2 table) {*/
    /*  width: 100%!important;*/
    /*  border: 0;*/
    /*}*/

    /*.doc-table a, .doc-table td, td {*/
    /*    line-height: 20px;*/
    /*    font-size: 16px;*/
    /*}*/
    /*body table:not(.exclude-table) thead {*/
    /*  display: none; */
    /*}*/

    /*body table:not(.exclude-table , .footer-text2 table) tr {*/
    /*  margin-bottom: 10px;*/
    /*  display: block;*/
    /*  border-bottom: 2px solid #ddd;*/
    /*}*/

    /*body table td:not(.exclude-table td, .footer-text2 td) {*/
    /*  display: block;*/
    /*  padding: 0;*/
    /*  border: none !important;*/
    /*  text-align: right !important;*/
    /*  width: 100%!important;*/
    /*  font-size: 14px !important;*/
    /*  border-bottom: 1px dotted #ccc !important;*/
    /*  height:auto!important;*/
    /*}*/

    /*body table:not(.exclude-table) td:last-child {*/
    /*  border-bottom: none;*/
    /*}*/

    /*body table:not(.exclude-table) td:before {*/
    /*  content: attr(data-label); */
    /*  float: left;*/
    /*  font-weight: bold;*/
    /*}*/
    /*table td:not(.exclude-table):after {*/
    /*    display: none;*/
    /*}*/
}
.opendata-item{
    height: 200px;
}
.widget-content-wrapper{
    display:block;
    position: relative;
    cursor: pointer;
    padding: 2%;
    margin: 4%;
    height: 100%;
    background: rgb(13,13,13);
    background: linear-gradient(41deg, rgba(13,13,13,1) 0%, rgba(52,49,49,1) 12%, rgba(255,158,21,1) 14%, rgba(255,255,255,1) 16%);
     transition: all  0.5s;
     border: #a52a2a3b 1px solid;
}
.widget-content-wrapper:hover{
    margin: 0;
    padding: 6%;
}
.widget-content-wrapper img{
    width: 35px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.widget-content-wrapper .count{
    width: 35px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.date img{
    padding-right: 3px;
    width: 25px!important;
}

@media(min-width:750px){
    :root{
        --passport-btn-opacity:0;
    }
  }
  @media(max-width:750px){
    :root{
        --passport-btn-opacity:1;
    }
  }

  .otchet_fon .passport_btn{
    opacity: var(--passport-btn-opacity);
  }
  /* Modal Header */
.modal-header_pasport {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
  }

  /* Modal Body */
  .modal-body_passport {padding: 2px 16px;}

  /* Modal Footer */
  .modal-footer_passport {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
  }

  /* Modal Content */
  .modal-content_passport {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: animatetop;
    animation-duration: 0.4s
  }

  /* Add Animation */
  @keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
  }

  .modal_passport {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    bottom: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    -webkit-animation-name: fadeIn; /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s
  }



  /* Modal Content */
  .modal-content_passport {
    opacity: 0.90;
    position: fixed;
    top: 10%;
    /* bottom: 30%; */
    background-color: #fefefe;
    width: 310px;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s
  }

  /* The Close Button */
  .close_passport {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }

  .close_passport:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

  .modal-header_passport {
    padding: 2px 16px;
    background-color: #E94F1A;
    color: white;
  }

  .modal-body_passport {padding: 2px 16px;}

  .modal-footer_passport {
    padding: 2px 16px;
    background-color: #E94F1A;
    color: white;
  }

  /* Add Animation */
  @-webkit-keyframes slideIn {
    from {top: -300px; opacity: 0}
    to {top: 10%; opacity: 1}
  }

  @keyframes slideIn {
    from {top: -300px; opacity: 0}
    to {top: 10%; opacity: 1}
  }

  @-webkit-keyframes fadeIn {
    from {opacity: 0}
    to {opacity: 1}
  }

  @keyframes fadeIn {
    from {opacity: 0}
    to {opacity: 1}
  }

  .card-container_openindex {
    perspective: 50em;
     --bi: linear-gradient(#fc845f 5em, #0000 3em), linear-gradient(60deg, #880e4f, #1a227e);
    /* &:nth-child(1) { --bi: repeating-linear-gradient(30deg, #111 0 0.25em, #333 0 1em); } */
    /* &:nth-child(1) { --bi: linear-gradient(#555 5em, #0000 3em), linear-gradient(60deg, #880E4F, #1A237E); } */
  }

  .card_openindex {
    position: relative;
    width: 100%;
    margin: 10px auto 20px auto;
    height: 300px;
    /* padding: 3em; */
    color: #fff;




  }

  @media(min-width:750px){
    .card_openindex {
        width: 80%!important;
        transform: rotateY(0deg) rotateX(40deg);
        transform-style: preserve-3d;
        transition: transform 1s;
    }

    .card_openindex:hover {
      transform: rotateY(0deg) rotateX(0deg);
    }

    .layer_openindex:nth-child(1) { --tz: 0px; }
    .layer_openindex:nth-child(2) { --tz: -4px; }
    .layer_openindex:nth-child(3) { --tz: -8px; }
    .layer_openindex:nth-child(4) { --tz: -12px; }
    .layer_openindex:nth-child(5) { --tz: -16px; }
    .layer_openindex:nth-child(6) { --tz: -20px; }
    .layer_openindex:nth-child(7) { --tz: -24px; }
    .layer_openindex:nth-child(8) { --tz: -28px; }
    .layer_openindex:nth-child(9) { --tz: -32px; }
    .layer_openindex:nth-child(10) { --tz: -36px; }
  }

  .layers_openindex {
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    transform-style: preserve-3d;
    z-index: -1;
  }

  .layer_openindex {
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    border-radius: 1em;
    background-image: var(--bi);
    transform: translateZ(var(--tz));
    box-shadow: 0 0 0.5em #000d inset;

  }



.layer_openindex:last-child {
    box-shadow: 0 0 0.5em #000d inset, 0 0 5px #000;
}
.card_openindex img{
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    border-radius:1em;
    width: 100%;
    bottom:0;
    height: 75%;
    z-index: 3;
    /* opacity: 0.85; */
}
.card_openindex p{
    line-height: 1.1;
    color: #ffffff;
    padding: 10px;
   position: absolute;
   z-index: 4;
   font-size: 20px!important;
}

.wrapper_suboi { position:relative; top: 0; right: 0; bottom: 0; left: 0; background-size: 100% 100% }
/* .food_suboi { position: relative !important; top: 10%; left: 50%; margin: -197px 0 0 -310px } */

.block_suboi
{
    margin-left: auto;
    margin-right: auto;
  position: relative;
  width: 95%;
  height: 394px;
  background: #FFF;
  border-radius: 2px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, .5);
}

.block_suboi > .cover_suboi
{
  color:white;
  background-color: #00042b;
  background-color: #00000096;
  position: relative;
  height: 260px;
/*   background: transparent center no-repeat; */
  background-size: 100% auto;
  border-radius: 2px 2px 0 0;
}

.block_suboi > .cover_suboi > label
{
  position: absolute;
  top: 22px;
  left: -33px;
  height: 33px;
  padding: 0 30px 0 63px;
  line-height: 33px;
  vertical-align: middle;
  font-family: sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  color: #FFF;
  text-shadow: 0 1px 2px #000;
  background: rgb(157 30 30 / 60%);
}
.block_suboi > .cover_suboi > p {
    font-size: 22px!important;
    font-family: 'Poppins';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85%;
    transform: translate(-50%, -50%);
}
/* .block_suboi > .cover_suboi > label > i
{
  position: absolute;
  top: 0;
  left: 0;
} */

.block_suboi > .cover_suboi > label > i > svg
{
  margin: 8px;
}


.block_suboi > .cover_suboi > .download > svg
{
  margin: 12px 10px 0;
}

.block_suboi > .info_suboi
{
  position: relative;
  height: 134px;
  overflow: hidden;
  border-radius: 0 0 2px 2px;
}

.block_suboi > .info_suboi > .recipe_suboi
{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 26%;
  height: 134px;
  background: #8d0000e6;
  font-family: sans-serif;
  font-size: 14px;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  border-radius: 0 0 0 2px;
}

.block_suboi > .info_suboi > .recipe_suboi:hover { background: #E94F1A }

.block_suboi > .info_suboi > .recipe_suboi > i
{
  display: block;
  margin: 28px 0 15px;
}

.block_suboi > .info_suboi > .content_suboi
{
  position: absolute;
  top: 5px;
  right: 0;
  bottom: 10px;
  left: 27%;
  font-family: sans-serif;
  font-size: 14px;
  color: #888;
}

.block_suboi > .info_suboi > .content_suboi strong { font-weight: normal; color: #333 }
.block_suboi > .info_suboi > .content_suboi .pad-right_suboi { padding-right: 2px }
.block_suboi > .info_suboi > .content_suboi .border-right_suboi { border-right: 1px solid #D9D9D9 }
/* .block_suboi > .info_suboi > .content_suboi .consumers_suboi img, .food > .info > .content .consumers span { display: inline-block; width: 32px; height: 32px; margin: 0 2px 0 0; line-height: 32px; vertical-align: middle; border-radius: 100% } */
.block_suboi > .info_suboi > .content_suboi .consumers_suboi span { margin: 0 }

.block_suboi > .info_suboi > .content_suboi h1
{
  margin: 0 0 10px;
  font-size: 26px;
  font-weight: normal;
  color: #333;
}

.block_suboi > .info_suboi > .content_suboi .stars_suboi, .block_suboi > .info_suboi > .content_suboi .stars_suboi > em
{
  display: block;
  width: 99px;
  height: 18px;
  margin: 0 auto 7px;
  text-align: left;
  background: url(https://s1.cdn.ryanboylett.co.uk/generic/image_png_00004.png);
}

.block_suboi > .info_suboi > .content_suboi .stars_suboi > em
{
  width: 99px;
  height: 18px;
  margin: 0;
  background: url(https://s1.cdn.ryanboylett.co.uk/generic/image_png_00004.png);
  background-position: 0 -18px;
}


#rating-value{
	width: 110px;
	margin: 40px auto 0;
	padding: 10px 5px;
	text-align: left;
	box-shadow: inset 0 0 2px 1px rgba(46,204,113,.2);
}

.rating{
	border: none;
	float: left;
}

.rating > input{
	display: none;
}

.rating > label:before{
	content: '\f005';
	font-family: FontAwesome;
	margin: 5px;
	font-size: 1.5rem;
	display: inline-block;
	cursor: pointer;
}

.rating > .half:before{
	content: '\f089';
	position: absolute;
	cursor: pointer;
}

.rating > label{
	color: #ddd;
	float: right;
	cursor: pointer;
}

.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label{
	color: rgb(209, 197, 28);
}

/* #rate_message{
	font-size: 14pt;
	width: 200px;
	background: #e6eff1;
	border-radius: 6px;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.1);
	text-align: center;
	padding: 30px;
	color: #333;
	display: none;
	transition: transform 0.4s, top 0.4s;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
} */
.photo_galereya{
    padding: 0 1% 0 3%;
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
}

.photo_galereya p, .photo_galereya a{
    color:white!important;
    text-decoration: none;
    line-height: 20px;
}
.photo_galereya p{
   font-size: calc(var(--fs-media)*0.7);
}
.photo_galereya a{
    font-family: 'Open Sans', sans-serif;
    font-size: calc(var(--fs-media)*1.2)!important;
 }

 .photo_galereya h4{
    line-height: calc(var(--fs-media)*1.3);
 }
.galereya_button{
    color:#787F95; font-size:24px; font-weight:600;
}

.video_galereya a{
    font-family: 'Open Sans', sans-serif;
    font-size: calc(var(--fs-media)*1.1)!important;
}
.video_galereya p{
    font-family: 'Open Sans', sans-serif;
    font-size: calc(var(--fs-media)*0.9)!important;
    line-height: 1;
    margin-top:  calc(var(--fs-media)*0.4)!important;
}
.play-img{
    width: calc(var(--fs-media)*2)!important;
}


.image-opacity-left {
    position: relative;
    width: auto;
    height: 100%;
    padding-bottom: 25px;
}

.image-opacity-left::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 25px;
    border-radius: 12px;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.6) 10%, rgba(255, 255, 255, 1) 100%);
    pointer-events: none; /* Позволяет взаимодействовать с изображением под градиентом */
}

.image-opacity-left img {
    /* width: 100%; */
    height: 100%;
    object-fit: cover; /* Адаптирует размер изображения к контейнеру */
    border-radius: 12px;
}

.footer-text2 .fw-normal {
    font-size: 16px;
    margin-bottom: 10px;
}
.footer-text2 .logo{
    margin-top: -25px;
    width: 220px;
    height:70px!important;
    object-fit: cover;
    object-position: center;
    margin-bottom: 10px;
}

p{
    line-height: 22px;
}
.for_scale:hover{
    transform: scale(1.5);
    transition: all 0.5s;
}
.cat_title {
    font-family: 'Open Sans';
    font-size: calc(var(--home-title-p)*1.1)!important;
    line-height: 25px;
    font-weight: 600;
    /* min-height: var(--cat_title_height); */
    padding-bottom: 20px;
    color: #000;
}
.cat_title:hover{
    color: #E94F1A;
}
.cat_list p, .cat_list strong, .cat_list span{
    font-family: 'Open Sans'!important;
    font-weight: 100;
    font-size: 16px!important;
}
.text-ckeditor p, .text-ckeditor span, .text-ckeditor strong{
    font-family: 'Open Sans'!important;
    line-height: 170%;
}
.gl_anons{
    font-family: 'Open Sans'!important;
    font-weight: 400;
    font-size: var(--gl_anons-fs);
    line-height: var(--gl_anons-lh);
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
}

.gl_anons * {
    display: inline;
    margin: 0;
    padding: 0;
}
.cat_anons {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cat_anons * {
  display: inline;
  margin: 0;
  padding: 0;
}
.find-jq a {
    font-size: 16px;
    display: flex;
    align-items: center; /* Выравнивание элементов по вертикали */
    justify-content: space-between; /* Распределение содержимого по краям */
    position: relative;
    text-decoration: none;
    padding: 2px 0; /* Небольшой отступ для лучшего визуального эффекта */
}
.find-jq p {
    margin: auto;
}
.find-jq .menu_stroke1 {
    width: 13px;
    /* content: url("data:image/svg+xml,..."); */
    transition: transform .35s ease;
    position: absolute; /* Абсолютное позиционирование */
    right: 0; /* Правый край */
    top: 50%; /* Центрирование по вертикали */
    transform: translateY(-50%); /* Смещение вверх на половину высоты */
}

.left-content {
    display: flex;
    align-items: center;
}
.left-content span {
    margin-left: 15px; /* Добавить отступ между изображением и текстом */
}
@media (min-width:1600px){
    .footer_links img{
        width:150px;
    }
}
@media (min-width:1400px) and (max-width:1599px){
    .footer_links img{
        width:120px;
    }
}
@media (min-width:1100px) and (max-width:1399px){
    .footer_links img{
        width:100px;
    }
}
@media (max-width:1099px){
    .footer_links img{
        width:90px;
    }
}
.footer-text2 table{
    margin-bottom: 10px;
}
.footer-text2 td{
    padding-right: 10px;
    padding-bottom: 10px;
}

@media (max-width: 575px){
    .row-mobile-footer{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }
}

.openindex_btn{
    display: flex;
    vertical-align: middle;
    font-size: 16px;
    font-family: 'Open Sans';
    color: white;
    text-decoration: none;
    padding: 0 10px 0 10px;
}

.openindex_btn2:hover {
  color: white;
}
.openindex_btn2{
    display: flex;
    vertical-align: middle;
    color: white;
    text-decoration: none;
    background-color: #F7B336;
    border-radius: 4px;
    padding: 0 10px 0 10px;
}
.category_title{
    font-family:'Open Sans';
    color: #E94F1A;
    font-weight: 700;
    font-size:  var(--category_titile-fs);
    padding-bottom: 40px;
    line-height: var(--category_titile-lh);
}
.rahbar_block1, .rahbar_block2  {
    display:none;
    padding: 15px;
    height: 0;
    opacity: 0;
    transition: opacity 1.5ms;
}
input[name="biografiya"], input[name="vazifa"]{
    /* border:1px solid #E94F1A; */
    background-color: white;
    color: #E94F1A;
    margin-bottom: 8px;
}
.cat_list img{
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: cover; /* Обрезаем изображение */
    object-position: center; /* Центрируем обрезку */
    aspect-ratio: 6 / 4; /* Устанавливаем соотношение сторон 6:4 */
}
.home_img{
    display: block;
    border-radius:8px;
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.25);
    max-width: 100%;
    margin-bottom: 30px;
    width: auto;
    height: auto;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 5 / 3;
}

.table-wrapper {
    overflow-x: auto; /* Включаем горизонтальный скролл */
    max-width: 100%;  /* Ограничиваем ширину по контейнеру */
    display: block;   /* Делаем div блочным, чтобы скролл работал */
}

/* Чтобы таблица не сжималась */
.table-wrapper table {
    width: max-content; /* Позволяет таблице быть широкой, но не сжиматься */
    min-width: 800px;   /* (Опционально) Минимальная ширина таблицы */
    border-collapse: collapse; /* Убираем двойные границы */
}

.footer-text2 a:hover, .footer-text2 p:hover{
    color:white;

}
.footer-text2 a{
    text-decoration:none;

}