/* <weight>: Use a value from 100 to 900 */
.roboto-slab-font 
    {
    font-family: "Roboto Slab", serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    }
/* <weight>: Use a value from 100 to 900 */
.roboto-font 
    {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
    }

/* Variables */        
:root
    {
    --main-color: #212121;
    --main-bg-color: #2C3642;
    --orange-color: #FFA000;
    --green-color: rgba(30, 255, 0, 0.7);
    --red-color: #FF4040;
    --active-color: #E38F00;
    --gray-color: rgba(223, 223, 223, 0.8);
    --roboto-slab: "Roboto Slab", serif;
    --big-radius: 150px;
    --medium-radius: 100px;
    --small-radius: 50px;
    }


html, body 
    {
    height: 100%;
    }
body 
    {
    font-family: "Roboto", sans-serif;
    font-size: 1cqw;
    background-color: #fff;
    }
body.menu_active
    {
    overflow: hidden;
    }
.box_click
    {
    cursor: pointer;
    }

* html #wrap 
    {
    height: 100%;
    }
    body #wrap 
        {
        min-height: 100%;
        width: 100%;
        margin: auto;
        position: relative;
        }




/* Mobile button */
.mm_button
    {
    display: none;
    }
    


section,
.container,
.row
    {
    position: relative;
    margin: 0 auto;
    }


a
    {
    color: var(--main-color);
    text-decoration: none;
    }
    a:hover
        {
        color: var(--active-color);
        }

p
    {
    margin-bottom: 10px;
    color: var(--main-color);
    }


/* Main elements */
h1, h2, h3,
.h1_like, .h2_like, .h3_like
    {
    font-family: "Roboto Slab", serif;
    font-weight: 600;
    color: var(--main-color);
    margin: 15px 0 25px 0; 
    }


h1,
.h1_like,
.index h2.icon
    {
    font-size: 2cqw;
    }

h2.icon
    {
    padding: 5px 0 5px 60px;
    }
h2,
.h2_like
    {

    }

h3,
.h3_like
    {
    font-size: 1.2cqw;
    }


.icon
    {
    margin-bottom: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 60px;
    }
    .icon.contacts  { background-image: url('/img/icons/user.png') }
    .icon.partners  { background-image: url('data:image/svg+xml,<svg width="45" height="41" viewBox="0 0 45 41" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M45 2.04155C45 1.49906 44.7845 0.978791 44.4009 0.595193C44.0173 0.211596 43.497 -0.00390625 42.9545 -0.00390625H20.4545C19.9121 -0.00390625 19.3918 0.211596 19.0082 0.595193C18.6246 0.978791 18.4091 1.49906 18.4091 2.04155V12.2688H10.2273C8.88421 12.2688 7.55429 12.5334 6.31347 13.0473C5.07264 13.5613 3.94519 14.3146 2.9955 15.2643C2.04581 16.214 1.29247 17.3415 0.778503 18.5823C0.264538 19.8231 0 21.153 0 22.4961V30.6779C-0.000537872 31.9948 0.422554 33.2768 1.20675 34.3347C1.99095 35.3926 3.09465 36.1701 4.35477 36.5525C4.72992 37.79 5.48641 38.8773 6.51626 39.6593C7.54611 40.4413 8.79668 40.878 10.0895 40.9071C11.3823 40.9361 12.6512 40.556 13.7151 39.821C14.779 39.086 15.5835 38.0337 16.0139 36.8143H28.9841C29.4144 38.0337 30.2189 39.086 31.2829 39.821C32.3468 40.556 33.6157 40.9361 34.9085 40.9071C36.2013 40.878 37.4518 40.4413 38.4817 39.6593C39.5115 38.8773 40.268 37.79 40.6432 36.5525C41.9037 36.1705 43.0078 35.3931 43.7924 34.3352C44.577 33.2773 45.0004 31.995 45 30.6779V22.4961H32.7273C32.1848 22.4961 31.6645 22.2806 31.2809 21.897C30.8973 21.5134 30.6818 20.9931 30.6818 20.4506C30.6818 19.9081 30.8973 19.3879 31.2809 19.0043C31.6645 18.6207 32.1848 18.4052 32.7273 18.4052H45V14.3143H36.8182C36.2757 14.3143 35.7554 14.0988 35.3718 13.7152C34.9882 13.3316 34.7727 12.8113 34.7727 12.2688C34.7727 11.7263 34.9882 11.2061 35.3718 10.8225C35.7554 10.4389 36.2757 10.2234 36.8182 10.2234H45V2.04155ZM18.4091 32.7234H16.0139C15.6095 31.5788 14.8747 30.5799 13.9026 29.853C12.9304 29.1261 11.7645 28.7039 10.5523 28.6398C9.34014 28.5756 8.13617 28.8724 7.0927 29.4926C6.04924 30.1128 5.21315 31.0286 4.69023 32.1241C4.3066 31.7405 4.09103 31.2204 4.09091 30.6779V22.4961C4.09091 20.8686 4.73742 19.3078 5.88821 18.157C7.039 17.0062 8.59981 16.3597 10.2273 16.3597H18.4091V32.7234ZM32.7273 34.7688C32.7273 34.2263 32.9428 33.7061 33.3264 33.3225C33.71 32.9389 34.2302 32.7234 34.7727 32.7234C35.3152 32.7234 35.8355 32.9389 36.2191 33.3225C36.6027 33.7061 36.8182 34.2263 36.8182 34.7688C36.8182 35.3113 36.6027 35.8316 36.2191 36.2152C35.8355 36.5988 35.3152 36.8143 34.7727 36.8143C34.2302 36.8143 33.71 36.5988 33.3264 36.2152C32.9428 35.8316 32.7273 35.3113 32.7273 34.7688ZM11.6734 33.3227C12.057 33.7062 12.2726 34.2264 12.2727 34.7688C12.2728 35.2421 12.1088 35.7007 11.8087 36.0666C11.5086 36.4324 11.0908 36.6829 10.6267 36.7753C10.1626 36.8677 9.68079 36.7964 9.26339 36.5734C8.846 36.3504 8.51884 35.9895 8.33767 35.5524C8.15649 35.1152 8.1325 34.6287 8.26979 34.1758C8.40709 33.723 8.69716 33.3317 9.0906 33.0687C9.48403 32.8057 9.95648 32.6873 10.4274 32.7336C10.8984 32.7799 11.3387 32.9881 11.6734 33.3227Z" fill="%23FFA000"/></svg>') }
    .icon.cog       { background-image: url('/img/icons/cog.png') }
    .icon.service   { background-image: url('data:image/svg+xml,<svg width="41" height="46" viewBox="0 0 41 46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.7294 0.00227006C17.3536 0.258805 15.7372 0.81274 13.2536 1.66407L11.9527 2.10677C5.12617 4.4451 1.71402 5.61199 0.858145 6.83337C0.0181618 8.02751 0 11.5282 0 18.4751L18.7294 12.232V0.00227006ZM18.7294 15.8189L0 22.062V22.5184C0 35.3179 9.62348 41.5292 15.6623 44.1672C16.8201 44.6735 17.5693 45.0004 18.7294 45.1479V15.8189ZM22.1347 45.1502V15.8189L40.864 22.062V22.5184C40.864 35.3179 31.2406 41.5292 25.2018 44.1672C24.0439 44.6735 23.2948 45.0027 22.1347 45.1502ZM22.1347 12.232V0C23.5104 0.256535 25.1268 0.81047 27.6105 1.6618L28.9113 2.10677C35.7379 4.44283 39.15 5.60972 40.0059 6.8311C40.8459 8.02524 40.864 11.5259 40.864 18.4705L22.1347 12.232Z" fill="%23FFA000" fill-opacity="0.8"/></svg>'); }
    .icon.price           { background-image: url('/img/icons/price.png')         }
    .icon.desc            { background-image: url('/img/icons/desc.png')          }
    .icon.prop_id_1273, 
    .icon.prop_id_1274 
      { background-image: url('/img/icons/available.png')     }
    .icon.prop_id_1275   { background-image: url('/img/icons/not_available.png') }
    .icon.prop_id_1276   { background-image: url('/img/icons/pre_order.png')     }

    .icon.idea       { background-image: url('/img/icons/idea.png')     }
    .icon.info       { background-image: url('/img/icons/info.png')     }
    .icon.benefits   { background-image: url('/img/icons/benefits.png') }




input[type="text"],
input[type="email"],
textarea
    {
    font-family: "Roboto", serif;
    font-size: 1cqw;
    padding: 15px;
    width: 100%;
    margin: 10px 0;
    box-sizing: border-box;
    border: 1px #000 solid;
    border-radius: 4px;
    }



.prom_btn
    {
    display: block;
    width: 100%;
    font-family: "Roboto Slab", serif;
    color: #fff;
    margin: 10px;
    background-color: #b97b12;
    border-radius: 16px;
    font-size: 1.2cqw;
    padding: 12px 35px 18px;
    border: 0;
    cursor: pointer;
    text-align: center;
    }
    .prom_btn:hover
        {
        background-color: var(--active-color);
        color: var(--main-bg-color);
        }
.prom_btn.inverted
    {
    background: none;
    border: 3px #fff solid;
    }
    .prom_btn.inverted:hover
        {
        background-color: var(--active-color);
        }

.prom_btn.inline
    {
    display: inline-block;
    width: auto;
    }
.prom_btn.arrow::after
    {
    display: inline-block;
    content: ' ';
    width: 35px;
    height: 20px;
    margin-bottom: -2px;
    margin-left: 10px;
    background-image: url('data:image/svg+xml,<svg width="30" height="23" viewBox="0 0 30 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 0H20.4255L30 11.2057L20.4255 22.4114H15L24.5745 11.2057L15 0Z" fill="white"/><path d="M0 0H5.42553L15 11.2057L5.42553 22.4114H0L9.57447 11.2057L0 0Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: right center;
    background-origin: content-box;
    }



section.inverted
    {
    background-color: var(--main-bg-color);
    }
    section.inverted,
    section.inverted div,
    section.inverted h1,
    section.inverted h2,
    section.inverted p
        {
        color: #fff;
        }

.left_corner
    {
    position: absolute;
    background-color: #fff;
    width: var(--big-radius);
    height: var(--big-radius);
    top: var(--big-radius);
    left: 0;
    mask: radial-gradient(circle at 100% 100%, transparent var(--big-radius), #fff calc(var(--big-radius) + 1px), black 0);
    }
.left_corner.dark
    {
    top: 0;
    background-color: var(--main-bg-color);
    }

.secondary .left_corner
    {
    display: none;
    }

.data_table
    {
    border-collapse: collapse;
    width: 100%;
    margin: 50px 0;
    }
    .data_table th,
    .data_table td
        {
        border: 1px #ccc solid;
        padding: 5px;
        font-size: 14px;
        }
    .data_table th p,
    .data_table td p
        {
        font-size: 14px;
        margin: 0 0 5px 0;
        }

.inline_gallery,
.inline_gallery_page
    {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 50px 0;
    }
    .inline_gallery a
        {
        flex: 0 0 150px;
        display: block;
        border: 1px #e3e3e3 solid;
        box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }
        .inline_gallery a img
            {
            width: 100%;
            height: auto;
            }
.inline_gallery_page
    {
    justify-content: center;
    }
    .inline_gallery_page a
        {
        display: block;
        }
        .inline_gallery_page a img
            {
            border: 1px #e3e3e3 solid;
            height: 150px;
            width: auto;
            border-radius: 0;
            }



.more_wrap
    {
    display: flex;
    justify-content: center;
    padding: 50px 0;
    }
    .show_more
        {
        color: #fff;
        position: relative;
        display: flex;
        align-items: center;
        gap: 10px;
        }
        .show_more::after
            {
            display: block;
            content: '';
            width: 20px;
            height: 20px;
            background-image: url('data:image/svg+xml,<svg width="20" height="13" viewBox="0 0 20 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.04367 11.6809C9.57184 12.209 10.4282 12.209 10.9563 11.6809L19.5633 3.07387C20.0915 2.5457 20.0915 1.68937 19.5633 1.1612C19.0352 0.633032 18.1788 0.633032 17.6507 1.1612L10 8.81186L2.34934 1.1612C1.82117 0.633031 0.964838 0.633031 0.436671 1.1612C-0.091498 1.68937 -0.0914981 2.5457 0.436671 3.07386L9.04367 11.6809ZM10 9.37207L8.64754 9.37207L8.64754 10.7245L10 10.7245L11.3525 10.7245L11.3525 9.37207L10 9.37207Z" fill="white"/></svg>');
            background-repeat: no-repeat;
            background-position: center center;
            }
        .show_more.active::after
            {
            transform: scaleY(-1);
            }


.corner_rail
    {
    overflow: hidden;
    }
    .corner_rail::before
        {
        display: block;
        position: absolute;
        content: ' ';
        right: 0;
        top: -200px;
        height: 547px;
        width: 381px;
        background-image: url('/img/rail_1.svg');
        background-repeat: no-repeat;
        transform: rotate(-90deg);
        }


/* Crumbreads */
.crumbreads a,
.crumbreads span
    {
    font-family: "Roboto", sans-serif;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.8cqw;
    }
.crumbreads a 
    {
    }
    .crumbreads a:hover span
        {
        color: var(--active-color);
        }
    .crumbreads > span + span::before 
        {
        padding: 0 20px;
        color: #000;
        content: " ";
        background-image: url('data:image/svg+xml,<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H2.5066L6.93 5.01L2.5066 10.02H0L4.4234 5.01L0 0Z" fill="white" fill-opacity="0.6"/></svg>');
        background-repeat: no-repeat;
        background-position: center center;
        }



/* Main menu */


.main_menu
    {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--main-bg-color);
    color: #fff;
    z-index: 2000;
    overflow-y: scroll;
    }
    body.menu_active.production_menu .main_menu.production  { display: block }
    body.menu_active.service_menu .main_menu.service        { display: block }

    .main_menu > .container
        {
        margin-top: 130px;
        align-items: flex-start;
        gap: 60px;
        }
    .main_menu a
        {
        font-size: 0.8cqw;
        padding: 15px 0;
        font-family: var(--roboto-slab);
        color: #fff;
        }
    .main_menu.production .col_1 {   flex: 0 0 28%   }
    .main_menu.production .col_2 {   flex: 1 0 50%   }

    .main_menu.service .col_1    {   flex: 0 0 40%   }
    .main_menu.service .col_2    {   flex: 1 0 50%   }
        
        .main_menu .col_1 a
            {
            display: block;
            background-image: url('data:image/svg+xml,<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.92993 0H9.43653L13.8599 5.01L9.43653 10.02H6.92993L11.3533 5.01L6.92993 0Z" fill="white"/><path d="M0 0H2.5066L6.93 5.01L2.5066 10.02H0L4.4234 5.01L0 0Z" fill="white"/></svg>');
            background-position: right center;
            background-repeat: no-repeat;
            border-bottom: 1px transparent solid;
            }
        .main_menu .col_1 a.active,
        .main_menu .col_1 a:hover
            {
            color: var(--active-color);
            border-bottom: 1px var(--active-color) solid;
            background-image: url('data:image/svg+xml,<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.92993 0H9.43653L13.8599 5.01L9.43653 10.02H6.92993L11.3533 5.01L6.92993 0Z" fill="%23E38F00"/><path d="M0 0H2.5066L6.93 5.01L2.5066 10.02H0L4.4234 5.01L0 0Z" fill="%23E38F00"/></svg>');            
            }
        .main_menu .col_1 .subcontent
            {
            display: none;
            }

        
        .main_menu .col_2 .menu_content
            {
            display: grid;
            grid-auto-flow: column;
            grid-template-rows: repeat(6, auto); /* сколько строк в колонке */
            gap: 10px 30px;
            }
            .main_menu .col_2 .menu_content a
                {
                display: block;
                }
            .main_menu .col_2 .menu_content a.subitem
                {
                padding: 5px 0 5px 20px;
                color: rgba(255, 255, 255, 0.7);
                }
            .main_menu .col_2 .menu_content a.active,
            .main_menu .col_2 .menu_content a:hover
                {
                color: var(--active-color);
                }



/* Foundet since */
section.foundet_since
    {
    background-image: url('/img/foundet_since_bg.jpg');
    background-position: center center;
    background-size: cover;
    }

    section.foundet_since::before,
    section.foundet_since::after
        {
        display: block;
        content: ' ';
        position: relative;
        height: var(--big-radius);
        width: 100%;
        background-color: #fff;
        }
    section.foundet_since::before { border-radius: 0 0 var(--big-radius) 0; margin-bottom: -0.5px;}
    section.foundet_since::after  { border-radius: var(--big-radius) 0 0 0}

    section.foundet_since .container
        {
        justify-content: center;
        height: 400px;  
        }


/* Header */
     header .top_menu_wrap
         {
         left: calc(50% - var(--container-width) / 2);
         position: absolute;
         top: 0;
         }
         header .top_menu_wrap .mm_wrap
            {
            display: flex;
            gap: 30px;
            }
         body.menu_active header .top_menu_wrap
            {
            z-index: 9999;
            }
         header .logo img
            {
            margin-top: 10px;
            width: 267px;
            height: auto;
            }

         header .tm a
            {
            font-size: 1.1cqw;
            margin: 0 15px;
            padding: 5px 0;
            }
            header .tm a.active,
            header .tm a:hover
                {
                color: var(--active-color);
                border-bottom: 4px var(--active-color) solid;
                }

         header .lang_bar a
            {
            margin: 0 3px;
            }
         header .lang_bar a.active
            {
            background: #fff;
            color: var(--main-color);
            padding: 0 5px;
            border-radius: 5px;
            }

/* ==== INDEX PAGE ===== */


/* Header */
header
    {
    
    }
    header .slider .slide,
    header .tm a,
    header .lang_bar a
        {
        font-family: "Roboto Slab", serif;
        color: #fff;
        }
    header .slider .slide
        {
        position: relative;
        height: 70vh;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700; 
        font-size: 4cqw;
        background-position: center center;
        background-size: cover;

        text-shadow: 2px 4px 16px rgba(0, 0, 0, 0.5);
        }
    header .slide_wrap
        {
        position: relative;
        }
        header .slider .slide .mask
            {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.4);
            }
        header .slider .slide .text
            {
            z-index: +1;
            }

    
    header .slide_wrap .paginator
        {
        position: absolute;
        left: 20px;
        bottom: 20px;
        }
        header .slide_wrap .paginator,
        header .slide_wrap .paginator .pages
            {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: nowrap;
            gap: 5px;
            }
        header .slide_wrap .paginator
            {
            gap: 10px;
            }

        header .slide_wrap .paginator a
            {
            display: block;
            padding: 10px;
            }

        header .slide_wrap .paginator .pages a
            {
            opacity: 0.5;
            }

        header .slide_wrap .paginator .next,
        header .slide_wrap .paginator .prev
            {
            background-image: url('data:image/svg+xml,<svg width="15" height="11" viewBox="0 0 15 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.78979 0H10.2964L14.7198 5.01L10.2964 10.02H7.78979L12.2132 5.01L7.78979 0Z" fill="white"/><path d="M0.859741 0H3.36634L7.78974 5.01L3.36634 10.02H0.859741L5.28315 5.01L0.859741 0Z" fill="white"/></svg>');
            background-size: 100% auto;
            background-position: center center;
            background-repeat: no-repeat;
            }
        header .slide_wrap .paginator .prev
            {
            transform: rotate(180deg);
            }

            header .slide_wrap .paginator .pages a:after
                {
                display: block;
                content: ' ';
                background: var(--active-color);
                width: 6px;
                height: 6px;
                border-radius: 50%;
                }
            header .slide_wrap .paginator .pages a.active
                {
                opacity: 1;
                }

     
         header .soc_icons
            {
            display: block;
            position: fixed;
            left: 20px;
            top: 45%;
            width: 50px;
            z-index: 9999;
            }
            header .soc_icons a
               {
               display: block;
               margin: 5px 0;
               }



/* Intro block */
section.index_intro
    {
    padding: 50px 0 100px 0;
    border-radius: 0 0 var(--big-radius) 0;

    background-image: url('/img/rail_2.svg');
    background-position: right bottom;
    background-repeat: no-repeat;
    }

    
    section.index_intro ul
        {
        margin: 50px 0;
        }
    section.index_intro li,
    .main_content ul li
        {
        margin: 20px 0;
        list-style: none;
        position: relative;
        padding-left: 30px;
        }
        section.index_intro li::before,
        .main_content ul li::before

            {
            position: absolute;
            display: block;
            content: '';
            left: 0px;
            top: 3px;
            width: 20px;
            height: 20px;
            background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z" fill="%23FFA000"/></svg>');
            }

    section.index_intro img
        {
        width: 100%;
        height: auto;
        border-radius: var(--big-radius) 0 var(--big-radius) 0;
        margin: 30px 0;
        }


/* Index production */
section.index_production
    {
    padding: 50px 0;
    }
    .index_production .items
        {
        gap: 20px;
        justify-content: flex-start;
        }
    .index_production .items .item
        {
        flex: 0 1 32%;
        border-radius: var(--medium-radius) 0 0 0;
        overflow: hidden;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
        border: 1px #e3e3e3 solid;
        height: 490px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100% auto;
        }
        .index_production .items .item img
            {
            width: auto;
            height: 300px;
            }
        .index_production .items .item .desc
            {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;

            min-height: 170px;
            text-align: center;
            border-top: 1px #e3e3e3 solid;
            padding-bottom: 20px;
            background-color: #fff;
            }
        .index_production .items .item .desc .h3_like
            {
            font-weight: 700;
            margin-bottom: 10px;
            }

/* Index services */
section.index_services
    {
    padding: 50px 0;
    }
    section.index_services .items
        {
        gap: 10px;
        }
        section.index_services .item
            {
            display: block;
            min-height: 400px;
            align-content: center;
            text-align: center;
            color: #fff;
            font-weight: 600;
            font-size: 32px;
            flex: 0 0 calc(50% - 5px);
            background-size: cover;
            cursor: pointer;
            padding: 50px;
            box-sizing: border-box;
            }
            section.index_services .item:hover
                {
                color: var(--active-color);
                }

        
        section.index_services .item:nth-child(3n+1)
            {
            flex: 0 0 100%;
            }
        section.index_services .item:first-child {  border-radius: var(--medium-radius) 0 0 0  }
        section.index_services .item:last-child  {  border-radius: 0 0 var(--medium-radius) 0  }



.corner
    {
    background-color: var(--main-bg-color);
    height: var(--big-radius);
    }
    .corner::after
        {
        display: block;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        }
    .corner.right::after {border-radius: 0 0 var(--big-radius) 0}
    .corner.left::after  {border-radius: var(--big-radius) 0 0 0}

/* Partners */
section.partners
    {
    border-radius: var(--big-radius) 0 var(--big-radius) 0
    }
    section.partners h2
        {
        margin-top: 50px;
        }
    section.partners .items
        {
        gap: 100px;
        margin: 50px 0;
        }
        section.partners img
            {
            border-radius: var(--medium-radius) 0 var(--medium-radius) 0;
            }
    section.partners .more_wrap
        {
        padding-top: 0;
        }
    section.partners .items.more_hidden
        {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease-in-out;
        }
        section.partners .items.more_hidden.active
            {
            padding-top: 50px;
            max-height: 700px;
            }

/* ==== / INDEX PAGE ===== */






/* ==== SECONDARY PAGE ===== */

.secondary header
    {
    background-color: var(--main-bg-color);
    height: 150px;
    }

.main_content
    {
    padding-top: 50px;
    }

.main_content h3
    {
    background: url('/img/icons/header_info.png') left center no-repeat;
    padding-left: 40px;
    }
.main_content ul,
.main_content ol
    {
    margin: 40px 20px;
    }
.main_content p
    {
    margin-bottom: 40px;
    }
.main_content img
    {
    border-radius: var(--big-radius) 0 var(--big-radius) 0;
    }


.main_content .soc_icons
    {
    display: flex;
    gap: 15px;
    align-items: flex-start;

    }
    .main_content .soc_icons a
        {
        display: block;
        }
        .main_content .soc_icons img
            {
            border-radius: 0;
            }



.secondary_submenu
    {
    background-color: var(--main-bg-color);
    color: #fff;
    }
    .secondary_submenu > .container
        {
        gap: 60px;
        flex-wrap: nowrap;
        align-items: flex-start;
        padding-bottom: 50px;
        }
    .secondary_submenu .col_1
        {
        flex: 0 0 40%;
        }

    .secondary_submenu h1,
    .secondary_submenu h2
        {
        font-size: 1.5cqw;
        color: #fff;
        margin: 0 0 20px 0;
        }
    .secondary_submenu .items
        {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 3 колонки */
        gap: 20px; /* отступы между карточками */
        }
        .secondary_submenu .items .item
            {
            position: relative;
            height: 190px;
            background-position: top center;
            background-size: cover;
            background-color: rgba(255,255,255,0.1);
            border-radius: var(--small-radius) 0 0 0;
            }
            .secondary_submenu .items .item a
                {
                position: absolute;
                bottom: 0;
                display: block;
                width: 100%;
                background-color: var(--main-bg-color);
                color: #fff;
                min-height: 50px;
                align-content: center;
                padding: 0 5px;
                box-sizing: border-box;
                font-family: var(--roboto-slab);
                font-size: 0.7cqw;
                text-align: center;
                }
            .secondary_submenu .items .item:hover a
                {
                color: var(--active-color);
                }

.order_form_wrap input[type='text'],
.order_form_wrap textarea
    {
    background-color: transparent;
    border-color: rgba(223, 223, 223, 0.5);
    color: var(--gray-color);
    }
.order_form_wrap textarea
    {
    min-height: 180px;
    }
.order_form_wrap .buttons_row
    {
    flex-wrap: nowrap;
    gap: 30px;
    }
    .order_form_wrap .buttons_row .disclaimer
        {
        font-family: var(--roboto-slab);
        font-weight: 200;
        font-size: 0.8cqw;
        color: var(--gray-color);
        }
    .order_form_wrap .buttons_row input[type='submit']
        {
        font-size: 1cqw;

        padding: 10px 70px 15px 40px;
        background-image: url('data:image/svg+xml,<svg width="30" height="23" viewBox="0 0 30 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 0H20.4255L30 11.2057L20.4255 22.4114H15L24.5745 11.2057L15 0Z" fill="white"/><path d="M0 0H5.42553L15 11.2057L5.42553 22.4114H0L9.57447 11.2057L0 0Z" fill="white"/></svg>');
        background-repeat: no-repeat;
        background-position: calc(100% - 30px) center;
        background-size: auto 16px;
        }


/* Product page */
.doc_type_prombud_product .secondary_submenu > .container
    {
    gap: 10px;
    }
.doc_type_prombud_product .secondary_submenu .col_1
    {
    flex: 0 0 70%;
    }

.desc_wrap
    {
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 20px;
    }
    .desc_wrap h4,
    .desc_wrap li,
    .desc_wrap p
        {
        font-family: var(--roboto-slab);
        font-weight: 400;
        font-size: 0.8cqw;
        color: var(--gray-color);
        }
    .desc_wrap ul,
    .desc_wrap ol
        {
        margin-left: 20px;
        columns: 2;
        }
    .desc_wrap li::marker,
    .desc_wrap h4
        {
        color: var(--active-color);
        }
    .desc_wrap b,
    .desc_wrap strong
        {
        font-weight: 400;
        color: #fff;
        }

    .desc_wrap .icon
        {
        padding: 0 0 0 30px;
        margin: 5px 0 15px 0;
        }

        .desc_wrap h4.prop_id_1273,
        .desc_wrap h4.prop_id_1274,
        .desc_wrap h4.prop_id_1276
            {
            color: var(--green-color);
            }
        .desc_wrap h4.prop_id_1275
            {
            color: var(--red-color);
            }

    .desc_wrap img
        {
        display: block;
        border-radius: var(--medium-radius) 0 0 0;
        width: 350px;
        height: auto;
        }

.doc_type_prombud_product .order_form_wrap .message_form_div,
.doc_type_prombud_product .order_form_wrap .buttons_row
    {
    gap: 10px;
    flex-wrap: wrap;
    }
.doc_type_prombud_product .order_form_wrap input
    {
    flex: 0 0 100%;;
    }




.doc_type_prombud_product .main_content h2
    {
    font-size: 1cqw;
    }
.doc_type_prombud_product .main_content h2.icon
    {
    padding-left: 40px;
    }
.doc_type_prombud_product .main_content .faq
    {
    margin: 50px 0;
    padding: 0;
    counter-reset: num; 
    }
    .doc_type_prombud_product .main_content .faq > li
        {
        counter-increment: num;
        position: relative;
        font-weight: 500;
        list-style: none;
        margin: 0;
        padding: 20px 0 20px 60px;
        border-bottom: 1px var(--orange-color) solid;
        cursor: pointer;
        }
        .doc_type_prombud_product .main_content .faq > li:hover
            {
            color: var(--active-color);
            }
    .doc_type_prombud_product .main_content .faq > li::before
        {
        display: block;
        position: absolute;
        top: 17px;
        left: 10px;
        content: counter(num);
        text-align: center;
        align-content: center;
        width: 30px;
        height: 30px;
        background-color: var(--orange-color);
        color: #fff;
        border-radius: 50%;
        }
    .doc_type_prombud_product .main_content .faq > li::after
        {
        display: block;
        position: absolute;
        top: 25px;
        right: 20px;
        content: '';
        width: 20px;
        height: 20px;
        background-image: url('data:image/svg+xml,<svg width="20" height="13" viewBox="0 0 20 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.04367 11.6809C9.57184 12.209 10.4282 12.209 10.9563 11.6809L19.5633 3.07387C20.0915 2.5457 20.0915 1.68937 19.5633 1.1612C19.0352 0.633032 18.1788 0.633032 17.6507 1.1612L10 8.81186L2.34934 1.1612C1.82117 0.633031 0.964838 0.633031 0.436671 1.1612C-0.091498 1.68937 -0.0914981 2.5457 0.436671 3.07386L9.04367 11.6809ZM10 9.37207L8.64754 9.37207L8.64754 10.7245L10 10.7245L11.3525 10.7245L11.3525 9.37207L10 9.37207Z" fill="%23FFA000"/></svg>');
        background-repeat: no-repeat;
        background-position: center center;
        transition: transform 0.5s ease-in-out;
        }
    .doc_type_prombud_product .main_content .faq > li.active::after
        {
        transform: scaleY(-1);
        }

    .doc_type_prombud_product .main_content .faq > li > ol
        {
        color: var(--main-color);
        list-style: none;
        font-weight: 300;
        margin: 0;
        max-height: 0;
        padding-right: 80px;
        transition: all 0.5s ease-in-out;
        overflow: hidden;
        }
    .doc_type_prombud_product .main_content .faq > li.active > ol
        {
        margin: 15px 0;
        max-height: 100px;
        }




/* ==== /SECONDARY PAGE ===== */


/* Contacts and maps */
.contacts_section
    {
    }
    .contacts_section a[href^="tel:"]
        {
        padding: 5px 0 5px 50px;
        font-size: 28px;
        font-weight: 700;
        background-image: url('data:image/svg+xml,<svg width="29" height="30" viewBox="0 0 29 30" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_175_137)"><path d="M17.8166 6.59467C18.9729 6.82026 20.0355 7.38577 20.8685 8.2188C21.7016 9.05183 22.2671 10.1145 22.4927 11.2708M17.8166 1.85938C20.2189 2.12625 22.459 3.20204 24.1693 4.9101C25.8795 6.61816 26.9581 8.85697 27.228 11.2589M26.0441 20.7058V24.2573C26.0455 24.587 25.9779 24.9134 25.8459 25.2154C25.7138 25.5175 25.5201 25.7887 25.2771 26.0116C25.0342 26.2345 24.7474 26.4042 24.435 26.5098C24.1227 26.6154 23.7918 26.6546 23.4634 26.625C19.8206 26.2291 16.3214 24.9844 13.247 22.9906C10.3867 21.1731 7.96164 18.748 6.14407 15.8877C4.14338 12.7993 2.89831 9.28313 2.50973 5.62393C2.48015 5.29657 2.51905 4.96663 2.62397 4.65512C2.72889 4.34362 2.89752 4.05737 3.11912 3.8146C3.34073 3.57184 3.61046 3.37788 3.91113 3.24507C4.21181 3.11226 4.53684 3.04351 4.86554 3.0432H8.41701C8.99153 3.03754 9.5485 3.24099 9.98411 3.61562C10.4197 3.99024 10.7042 4.51048 10.7847 5.07937C10.9346 6.21592 11.2126 7.33187 11.6133 8.40592C11.7726 8.82964 11.8071 9.29013 11.7127 9.73284C11.6182 10.1756 11.3989 10.5819 11.0806 10.9038L9.57716 12.4072C11.2624 15.371 13.7163 17.8249 16.6801 19.5102L18.1836 18.0067C18.5054 17.6884 18.9118 17.4691 19.3545 17.3747C19.7972 17.2803 20.2577 17.3147 20.6814 17.474C21.7555 17.8748 22.8714 18.1528 24.008 18.3027C24.583 18.3838 25.1082 18.6735 25.4836 19.1166C25.8591 19.5596 26.0585 20.1253 26.0441 20.7058Z" stroke="black" stroke-width="2.36765" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_175_137"><rect width="28.4118" height="28.4118" fill="white" transform="translate(0 0.675781)"/></clipPath></defs></svg>');
        background-position: left center;
        background-repeat: no-repeat;
        }
    .contacts_section .maps
        {
        margin: 100px 0 30px 0;
        }
        .contacts_section .maps .item h3
            {
            font-weight: 400;
            }
        .contacts_section .maps .item p
            {
            margin: 0;
            }
        .contacts_section .maps .item p:last-child
            {
            margin-top: -5px;
            padding: 20px;
            border: 1px #e3e3e3 solid;
            }
            .contacts_section .maps .item p span
                {
                padding: 7px 40px 7px 0;
                background-image: url('data:image/svg+xml,<svg width="26" height="35" viewBox="0 0 26 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.75 34.7581C12.75 34.7581 25.5 22.4059 25.5 13.0343C25.5 9.57737 24.1567 6.26205 21.7656 3.81765C19.3745 1.37325 16.1315 0 12.75 0C9.36849 0 6.12548 1.37325 3.73439 3.81765C1.3433 6.26205 5.03884e-08 9.57737 0 13.0343C0 22.4059 12.75 34.7581 12.75 34.7581ZM12.75 19.5514C11.0592 19.5514 9.43774 18.8648 8.24219 17.6426C7.04665 16.4204 6.375 14.7627 6.375 13.0343C6.375 11.3058 7.04665 9.64816 8.24219 8.42596C9.43774 7.20376 11.0592 6.51714 12.75 6.51714C14.4408 6.51714 16.0623 7.20376 17.2578 8.42596C18.4534 9.64816 19.125 11.3058 19.125 13.0343C19.125 14.7627 18.4534 16.4204 17.2578 17.6426C16.0623 18.8648 14.4408 19.5514 12.75 19.5514Z" fill="%23FFA000"/></svg>');
                background-position: right center;
                background-repeat: no-repeat;
                background-size: auto 100%;
                }
        .contacts_section .maps .item img
            {
            border-radius: var(--medium-radius) 0 0 0;
            border-right: 1px #e3e3e3 solid;
            }


.contact_form
    {
    padding: 50px 0;
    }
    .contact_form > .container
        {
        padding: 50px;
        border: 2px var(--orange-color) solid;
        }

    .contact_form h2
        {
        margin-top: 0;
        margin-bottom: 50px;
        }
    .contact_form .message_form_div,
    .order_form_wrap  .message_form_div
        {
        gap: 30px;
        justify-content: center;
        }
    .contact_form .message_form_div input,
    .order_form_wrap input
        {
        flex: 1 1 45%;
        margin: 0;
        box-sizing: border-box;
        }
    .order_form_wrap textarea
        {
        margin: 0;
        }

    .contact_form .message_form_div input:last-child
        {
        flex: 0 0 100%;
        }
    .contact_form .message_form_div input[name='txt_phone'],
    .order_form_wrap input[name='txt_phone']
        {
        background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!-- Created with Inkscape (http://www.inkscape.org/) --><svg width="64.519783mm" height="50.147774mm" viewBox="0 0 64.519783 50.147774" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs1" /><g id="layer1" transform="translate(-63.729135,-107.35883)"><rect style="fill:%23337ab7;stroke-width:0.024387;stroke-miterlimit:50" id="rect1" width="64.519783" height="25.076513" x="63.729137" y="107.35883" /><rect style="fill:%23ffd42a;stroke-width:0.024387;stroke-miterlimit:50" id="rect1-3" width="64.519783" height="25.076513" x="63.729137" y="132.43008" /></g></svg>');
        background-size: auto 22px;
        background-position: 20px center;
        background-repeat: no-repeat;
        padding-left: 70px;
        }



footer
    {
    color: #fff;
    background: var(--main-bg-color) url('/img/rail_1.svg') right bottom no-repeat;
    }
    footer .row
        {
        padding: 30px 0 150px 0;
        }
    footer .row_2
        {
        position: relative;
        }

    footer h3,
    footer a
        {
        color: #fff;
        display: block;
        }
    footer .copy_wrap
        {
        background: #424B55;
        padding: 30px 0;
        text-align: center;
        font-family: var(--roboto-slab);
        }
    footer .bm_wrap
        {
        margin-top: 20px;
        align-items: flex-start;
        gap: 50px;
        }
        footer .soc_icons
            {
            margin: 50px 0;
            display: flex;
            gap: 30px;
            }
            footer .soc_icons img
                {
                width: auto;
                height: 45px;
                }

        footer a.bullet
            {
            padding: 5px 0;
            }
        footer a.bullet::before
            {
            content: "•";
            margin-right: 10px;
            }

        footer .bm_wrap .menu_3 a
            {
            font-family: var(--roboto-slab);
            font-size: 1.2cqw;
            font-weight: 600;
            margin: 15px 0 25px 0; 
            }
        footer .bg_logo
            {
            position: absolute;
            bottom: 0;
            right: 20px;
            opacity: 0.3;
            }

        footer .copy_wrap a
            {
            display: inline;
            }


/* Progress bar */
@-webkit-keyframes progress {to {background-position: 30px 0;}}
@-moz-keyframes progress {to {background-position: 30px 0;}}
@keyframes progress {to {background-position: 30px 0;}}
.barBg {width:99%;  height:15px;    border-radius: 8px; margin-bottom:5px;}
.bar {background: #7aff32;  height:30px;    height: 15px;   border-radius: 4px;}
.barFill {
    width: 100%;
    height: 15px;
    border-radius: 20px;
    -webkit-animation: progress 1s linear infinite;
    -moz-animation: progress 1s linear infinite;
    animation: progress 1s linear infinite;
    background-repeat: repeat-x;
    background-size: 30px 30px;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.hundred {  width: 100%;}   
.cornflowerblue {   background-color: CornflowerBlue;   box-shadow:inset 0px 0px 6px 2px rgba(255,255,255,.3);}



/* ============================================================================ */
/* Планшет - меньше 1200px  =================================================== */
/* ============================================================================ */
@media (max-width: 1200px) {
    
    header,
    footer,
    section
        {
        padding: 0;
        }

}


/* ============================================================================ */
/* Телефон - меньше 768px   =================================================== */
/* ============================================================================ */
@media (max-width: 768px) {
:root
    {
    --big-radius: 70px;
    --medium-radius: 70px;
    --small-radius: 50px;
    }


.id_1217 .inline_gallery_page img
    {
    width: 100%;
    height: auto;
    }


h1,
.h1_like,
h2.icon
    {
    font-size: 7cqw;
    }
h3,
.h3_like    
    {
    font-size: 5cqw;
    padding: 3px 0;
    }
.index h2.icon
    {
    font-size: 5cqw;
    }

table.data_table
   {
   display: block;
   overflow-x: scroll;

   }

body
    {
    font-size: 4.5cqw;
    }

.crumbreads a,
.crumbreads span
    {
    font-size: 4cqw;
    }
input[type="text"],
input[type="email"],
textarea
    {
    font-size: 4cqw;
    }
.prom_btn
    {
    font-size: 5cqw;
    }
.prom_btn.small
    {
    padding: 5px 10px 8px 6px;
    border-radius: 10px;
    font-size: 4cqw;
    }
    .prom_btn.arrow::after
        {
        width: 14px;
        height: 10px;
        background-size: auto 100%;
        padding-bottom: 2px;
        }

header .soc_icons
   {
   left: auto;
   top: auto;
   bottom: 70px;
   right: 3px;
   width: 30px;
   }

.mm_button
    {
    display: block;
    position: absolute;
    right: 5px;
    top: 24px;
    width: 35px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 9999;
    }
    .mm_button span 
        {
        background: var(--active-color);
        display: block;
        height: 3px;
        width: 100%;
        margin: 6px 0;
        border-radius: 2px;
        transition: all 0.2s ease-in-out;
        }
    .mm_button.active span:nth-child(1)  { transform: translate(0, 9px) rotate(45deg)  }
    .mm_button.active span:nth-child(2)  { opacity: 0 }
    .mm_button.active span:nth-child(3)  { transform: translate(0, -9px) rotate(-45deg) }

     header .slider .slide
         {
         text-align: center;
         font-size: 12cqw;
         height: 80vh;
         }


     header .top_menu_wrap 
         {
         left: 0;
         }
     header .soc_icons a
        {
        margin: 10px 0;
        }
     body.menu_active header .top_menu_wrap
        {
        z-index: 0;
        }
     header .top_menu_wrap .mm_wrap
        {
        display: none;
        position: absolute;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: flex-start;
        padding: 110px 15px;
        box-sizing: border-box;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: var(--main-bg-color);
        z-index: 1000;
        }
        header .top_menu_wrap .mm_wrap a.logo
            {
            position: absolute;
            top: 0;
            left: 15px;
            }
        header .top_menu_wrap .mm_wrap.active
            {
            display: flex;
            }
        header .tm
            {
            order: 2;
            }
        header .tm a
           {
           display: block;
           text-align: right;
           font-size: 7cqw;
           margin: 10px 15px;
           padding: 5px 0;
           border-bottom: 2px var(--main-bg-color) solid;
           }
           header .tm a.active,
           header .tm a:hover
               {
               border-bottom: 2px var(--active-color) solid;
               }
        header .lang_bar
            {
            order: 1;
            }
        header .lang_bar a
            {
            margin: 0 5px;
            font-size: 5cqw;
            }
        header .contacts
            {
            order: 3;
            font-size: 5cqw;
            color: #fff;
            text-align: right;
            }
        header .contacts p,
        header .contacts a
            {
            color: #fff;
            }
        header .contacts a
            {
            font-size: 7cqw;
            font-weight: 500;
            }
        header .contacts a:hover
            {
            color: var(--active-color);
            }


.main_menu
    {
    top: 90px;
    }
    .main_menu a
        {
        font-size: 5cqw;
        }
    .main_menu > .container
        {
        margin-top: 0;
        gap: 20px;
        }
    .main_menu.production .col_1,
    .main_menu.service .col_1
        {
        flex: 0 0 100%;
        }
    .main_menu .col_2
        {
        display: none;
        }
    .main_menu .col_1 a.active
        {
        background-image: url('data:image/svg+xml,<svg width="11" height="15" viewBox="0 0 11 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.834 7.50244V10.138L5.56622 14.789L0.29847 10.138V7.50244L5.56622 12.1534L10.834 7.50244Z" fill="%23FFA000"/><path d="M10.8341 0.216064V2.85162L5.56633 7.50259L0.298577 2.85162V0.216064L5.56633 4.86704L10.8341 0.216064Z" fill="%23FFA000"/></svg>');
        }
    .main_menu .col_1 a.active + .subcontent
        {
        display: grid;
        gap: 10px;
        grid-auto-flow: column;
        grid-template-rows: repeat(6, auto); /* сколько строк в колонке */
        }
        .main_menu .col_1 .subcontent a
            {
            font-size: 4cqw;
            display: block;
            background: none;
            padding: 5px 0;
            }
        .main_menu .col_1 .subcontent a.subitem
            {
            padding: 3px 0 3px 10px;
            color: rgba(255, 255, 255, 0.7);
            }
        .main_menu .col_1 .subcontent a.active,
        .main_menu .col_1 .subcontent a:hover
            {
            color: var(--active-color);
            border: 0;
            }


.contacts_section .maps
    {
    margin: 30px 0;
    }
    .contacts_section .maps .item img
        {
        width: 100% !important;
        height: auto !important;
        }
.contact_form
    {
    padding: 15px;
    }
    .contact_form > .container
        {
        padding: 20px;
        }
    .contact_form .message_form_div,
    .order_form_wrap  .message_form_div
        {
        gap: 10px;
        }
    .contact_form .message_form_div input,
    .order_form_wrap input
        {
        flex: 0 0 100%;
        }


section.foundet_since .container
    {
    height: 300px;  
    }
    section.foundet_since .container .h1_like
        {
        text-align: center;
        font-size: 9cqw;
        padding: 0 30px;
        }



/* ============== INDEX PAGE ============== */
section.index_production
    {
    padding: 50px 0 10px 0;
    }
    .index_production .container    
        {
        padding: 0;
        }
    .index_production .items
        {
        gap: 20px 10px;
        }
    .index_production .items .item
        {
        flex: 0 1 48%;
        border-radius: var(--small-radius) 0 0 0;
        height: 260px;
        }
        .index_production .items .item img
            {
            width: auto;
            height: 260px;
            }
        .index_production .items .item .desc
            {
            min-height: 110px;
            padding-bottom: 8px;
            }
        .index_production .items .item .desc .h3_like
            {
            font-size: 4cqw;
            margin: 7px 0;
            }

section.index_services
    {
    padding: 0;
    }

section.index_services .item
    {
    min-height: 180px;
    font-size: 6cqw;
    flex: 0 0 100%;
    padding: 20px;
    }

    section.partners .items
        {
        gap: 10px;
        margin: 10px 0;
        }
        section.partners img
            {
            width: 48%;
            border-radius: var(--small-radius) 0 var(--small-radius) 0;
            }
        section.partners .items.more_hidden.active
            {
            padding-top: 0px;
            max-height: 1000px;
            }



/* ============== /INDEX PAGE ============= */



/* ============== Secondary page =========== */


.main_content img
    {
    border-radius: var(--small-radius) 0 var(--small-radius) 0;
    }
.main_content p
    {
    margin-bottom: 20px;
    }
.main_content ul,
.main_content ol
    {
    margin: 30px 10px;
    }


.main_content .prom_btn.inline
    {
    display: block;
    margin: 10px auto;
    max-width: 250px;
    }





.secondary_submenu > .container
    {
    gap: 20px;
    flex-wrap: wrap;
    padding-bottom: 20px;
    }
    .secondary_submenu .col_1
        {
        flex: 0 0 100%;
        }
    .secondary_submenu h1,
    .secondary_submenu h2
        {
        font-size: 9cqw;
        margin: 0 0 20px 0;
        }
    .secondary_submenu .items
        {
        grid-template-columns: repeat(2, 1fr);
        }
        .secondary_submenu .items .item a
            {
            font-size: 4cqw;
            }

.order_form_wrap .buttons_row
    {
    flex-wrap: wrap;
    gap: 10px;
    }
    .order_form_wrap .buttons_row .disclaimer
        {
        font-size: 4cqw;
        }
    .order_form_wrap .buttons_row input[type='submit']
        {
        font-size: 5cqw;
        }



/* Product page */
.doc_type_prombud_product .secondary_submenu .col_1
    {
    flex: 0 0 100%;
    }

.desc_wrap
    {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
    }
    .desc_wrap img
        {
        width: 100%;
        height: auto;
        }
    .desc_wrap h4,
    .desc_wrap li,
    .desc_wrap p
        {
        font-size: 4cqw;
        }
    .desc_wrap ul,
    .desc_wrap ol
        {
        columns: 1;
        }
.doc_type_prombud_product .main_content h2
    {
    font-size: 5cqw;
    margin-bottom: 15px;
    }
.doc_type_prombud_product .main_content .faq
    {
    margin: 30px -10px;
    }
    .doc_type_prombud_product .main_content .faq > li
        {
        padding: 15px 20px 15px 30px;
        }
    .doc_type_prombud_product .main_content .faq > li::before
        {
        top: 15px;
        left: 3px;
        width: 20px;
        height: 20px;
        }
    .doc_type_prombud_product .main_content .faq > li::after
        {
        top: 17px;
        right: 2px;
        width: 15px;
        }
    .doc_type_prombud_product .main_content .faq > li.active::after
        {
        transform: scaleY(-1);
        }

    .doc_type_prombud_product .main_content .faq > li > ol
        {
        padding-right: 0px;
        }
    .doc_type_prombud_product .main_content .faq > li.active > ol
        {
        max-height: 300px;
        }



/* ============== /Secondary page =========== */



/* Footer */

footer .logo
    {
    text-align: center;
    }        
    
    footer .row
        {
        padding: 30px 0;
        }
        footer .bm_wrap
            {
            gap: 20px;
            margin-top: 0;
            }
            footer .bm_wrap .menu_1 { order: 2 } 
            footer .bm_wrap .menu_2 
                { 
                order: 1; 
                display: flex;  
                flex-wrap: wrap;
                } 
            footer .bm_wrap .menu_3 { order: 3 } 

            footer .bm_wrap .menu_1 h3,
            footer .bm_wrap .menu_2 h3,
            footer .bm_wrap .menu_3 a
                {
                font-size: 6cqw;
                }
            footer a.bullet
                {
                display: flex;
                flex: 0 0 100%;
                order: 4;
                }
            footer a.bullet::before
                {
                display: inline-block;
                }
        footer .soc_icons
            {
            flex: 0 0 100%;
            margin: 10px 0;
            gap: 20px;
            order: 1;
            justify-content: center;
            }
        footer .menu_2 h3
            {
            order: 3;
            }
        footer .prom_btn
            {
            order: 2;
            display: block;
            max-width: 250px;
            margin: 10px auto;
            }
}