/*
    HTML+CSS+JS+OCTOBERCMS - realized NERO in 2025
    Try to find me if u need help
    Search @NERO1218
*/

/* USE to understand GRID */
/*
.c_black {background: #000;}
.c_neo {background: #0d95e8;}
.c_red {background: #aa0719;}
.c_orange {background: #c69500;}
.c_salad {background: #34ce57;}
*/


/* GLOBAL */
body {
    background: #F6F6F6;
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.preloader {
    display: flex;
    /*display: none;*/
    position: fixed; z-index: 1000000; top:0px; left: 0px; width: 100%; height: 100vh; min-height: 100%; background: #FFF; justify-content: center; align-items: center;}
    .preloader .wrap { display: flex; flex-direction: column; width: 100px; height: 100px; align-items: center; justify-content: center; align-content: center; font-family: Verdana, Geneva, sans-serif;}
    .preloader .txt { display: block; text-transform: uppercase; font-size: 9px; line-height: 11px; margin: 10px 0 0 0;}
    .preloader .dotter { display: block; text-transform: uppercase; font-size: 8px; line-height: 8px;}
    .preloader .img { display: block; position: relative;}

.preloader .img {
    display: block;
    width: 51px;
    height: 51px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
    }
@-moz-keyframes spin {
    100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}

/*

.grid_owner {
    grid-area: bodywrap;
    display: grid;
    width: 100%;
    height: auto;
    min-height: 100vh;
    grid-template-columns: 358px 1fr 1fr 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas:
    "head head head head"
    "main main main main"
    "sidebar catalog catalog catalog"
    "footer footer footer footer"
;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
}

*/

/*

.grid_owner {
    grid-area: bodywrap;
    display: grid;
    width: 100%;
    height: auto;
    min-height: 100vh;
    grid-template-columns: auto auto auto auto auto auto;
    grid-template-rows: auto auto auto auto;
    grid-template-areas:
    "gap head head head head gap"
    "gap main main main main gap"
    "gap sidebar catalog catalog catalog gap"
    "gap footer footer footer footer gap"
;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
}
*/

/*

.grid_head { grid-area: head; position: sticky; width: 100%; top: 0; z-index: 100000;}
    .gap { grid-area: gap}
    .g_logo { grid-area: g_logo}
    .g_menu { grid-area: g_menu}
    .g_cont { grid-area: g_cont}
.grid_main { grid-area: main}
.grid_sidebar { grid-area: sidebar;}
.grid_catalog { grid-area: catalog}
.grid_footer { grid-area: footer}


@media screen and (max-width: 768px) {
    .grid_owner {
        grid-template-columns: repeat(auto-fit,365px);
        grid-template-rows: auto auto auto auto auto;
        grid-template-areas:
        "head"
        "main"
        "catalog"
        "sidebar"
        "footer"
    ;
    }
}

*/

/* LAYOUT control */
.flex_owner { width: 100%; display: flex; flex-direction: row;}
    .flex_owner .f_cell { width: 25%;}
    .flex_owner .f_cell:first-child { width: 358px;}
@media screen and (max-width: 768px) {
    .flex_owner { flex-direction: column;}
    .flex_owner .f_cell { width: 100%;}
    .flex_owner .f_cell:first-child { width: 100%;}
}

.s_margin { /*margin: 0 120px; max-width: 1680px; margin: 0 auto;*/}
/*.fix_width { max-width: 1680px; margin: 0 auto;}*/
.fix_width { }
/*.s_margin { margin: 0 20px; width: calc(100% - 40px)}*/

/* NERO version - partly rubber
.fix_width { margin: 0% 0%; width: 100%;}
.s_margin { margin: 0 20px; width: auto}
.s_mergin_l { margin-left: 20px;}
.s_mergin_r { margin-right: 20px;}
*/

.fix_width { margin: 0% 0%; width: 100%;}
.s_margin { width: 1440px; margin-left: auto; margin-right: auto;}
.s_mergin_l { margin-left: auto;}
.s_mergin_r { margin-right: auto;}


@media screen and (max-width: 2000px) {
   /*.fix_width { max-width: 100%; width: 100%;}*/
}
/* TODO: wrong breakpoint - legacy */
@media screen and (max-width: 1680px) {
.fix_width { margin: 0% 0%; width: 100%;}
    .s_margin { margin: 0 20px;  width: auto; /**/}
    .video .s_margin { margin-left: 0; margin-right: 0;}
    .s_mergin_l { margin-left: 20px;}
    .s_mergin_r { margin-right: 20px;}
}


/* INDENT managment */
.fix_cell { max-width: 1440px; margin-left: auto; margin-right: auto;}
    .grid_catalog .fix_cell { width: auto;}
.vert_padding { padding-top: 75px; padding-bottom: 75px;}
    .grid_catalog .vert_padding {padding-top: 0px; padding-bottom: 20px;}
.vert_padding_2 { padding-top: 150px; padding-bottom: 150px;}
@media screen and (max-width: 768px) {
    .vert_padding {padding-top: 70px; padding-bottom: 70px;}
}


.grid_head:hover .sec_menu { /*display: flex;*/}
    .sec_menu .row_by_3 { padding-bottom: 30px;}

.m_section_a {
    display: flex; flex-direction: column;
    /*background: rgba(255,255,255,0.1);*/
    /*background: rgba(0,0,0,0.5);*/
}

.inner main  { padding-top: 80px;}


/* MIDDLE AREA */
.middle { display: flex; flex-direction: row;}
    .middle aside { margin-left: 0; width: 345px; flex-shrink: 0;}
        .middle .cat_menu { margin-right: 0;}
        .middle .aside_contacts { margin-right: 0; margin-bottom: 20px;}
    .middle article { margin-right: 0; margin-left: 13px;} /* + 7px on elements inside =  20px gap */
@media screen and (max-width: 1440px) {
    .middle aside { display: none;}
}

/* TOP PANEL theme */
.main header { background: rgba(255,255,255,0.1);}
/*.main .expanded { background: rgba(255,255,255,1);}*/
.main header li a { color: #FFF; text-decoration: none; }
.main header li a:hover { color: #FB6C34; text-decoration: underline }

/*.inner header,.main .scrolled,.main .expanded { background: rgba(255,255,255,1); transition: background 0.3s ease-in-out;}*/
.inner header,.main .scrolled/*,.main .expanded*/ { background: rgba(255,255,255,1); transition: background 0.3s ease-in-out;}
.inner header li a,.main .scrolled li a,.main .expanded li a { color: #333; text-decoration: none;}
.inner header li a:hover,.main .scrolled li a:hover { color: #FB6C34; text-decoration: underline;}

.main .navi .cont .phone {color: #FFF; text-decoration: none;}
.main .navi .cont .email {color: #FFF; text-decoration: none;}

/* TOP panel - main menu,expand menu */
header.m_section_a { position: fixed; z-index: 999; top:0; width: 100%; /*display: none;*/}
.switch { display: none; width: 40px; height: 40px; margin: 0 0 0 0; cursor: pointer;}
    .switch span {display: flex; width:40px; height: 40px; color: #FB6C34; align-items: center; justify-content: center; font-size: 39px;}
.navi { display: flex; flex-direction: row;  align-items: center;  flex-wrap: wrap; justify-content: space-between;}
    .matrix {background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2001_603)"><path d="M4 5C4 5.26522 4.10536 5.51957 4.29289 5.70711C4.48043 5.89464 4.73478 6 5 6C5.26522 6 5.51957 5.89464 5.70711 5.70711C5.89464 5.51957 6 5.26522 6 5C6 4.73478 5.89464 4.48043 5.70711 4.29289C5.51957 4.10536 5.26522 4 5 4C4.73478 4 4.48043 4.10536 4.29289 4.29289C4.10536 4.48043 4 4.73478 4 5Z" stroke="%23FB6C34" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 5C11 5.26522 11.1054 5.51957 11.2929 5.70711C11.4804 5.89464 11.7348 6 12 6C12.2652 6 12.5196 5.89464 12.7071 5.70711C12.8946 5.51957 13 5.26522 13 5C13 4.73478 12.8946 4.48043 12.7071 4.29289C12.5196 4.10536 12.2652 4 12 4C11.7348 4 11.4804 4.10536 11.2929 4.29289C11.1054 4.48043 11 4.73478 11 5Z" stroke="%23FB6C34" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 5C18 5.26522 18.1054 5.51957 18.2929 5.70711C18.4804 5.89464 18.7348 6 19 6C19.2652 6 19.5196 5.89464 19.7071 5.70711C19.8946 5.51957 20 5.26522 20 5C20 4.73478 19.8946 4.48043 19.7071 4.29289C19.5196 4.10536 19.2652 4 19 4C18.7348 4 18.4804 4.10536 18.2929 4.29289C18.1054 4.48043 18 4.73478 18 5Z" stroke="%23FB6C34" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 12C4 12.2652 4.10536 12.5196 4.29289 12.7071C4.48043 12.8946 4.73478 13 5 13C5.26522 13 5.51957 12.8946 5.70711 12.7071C5.89464 12.5196 6 12.2652 6 12C6 11.7348 5.89464 11.4804 5.70711 11.2929C5.51957 11.1054 5.26522 11 5 11C4.73478 11 4.48043 11.1054 4.29289 11.2929C4.10536 11.4804 4 11.7348 4 12Z" stroke="%23FB6C34" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 12C11 12.2652 11.1054 12.5196 11.2929 12.7071C11.4804 12.8946 11.7348 13 12 13C12.2652 13 12.5196 12.8946 12.7071 12.7071C12.8946 12.5196 13 12.2652 13 12C13 11.7348 12.8946 11.4804 12.7071 11.2929C12.5196 11.1054 12.2652 11 12 11C11.7348 11 11.4804 11.1054 11.2929 11.2929C11.1054 11.4804 11 11.7348 11 12Z" stroke="%23FB6C34" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 12C18 12.2652 18.1054 12.5196 18.2929 12.7071C18.4804 12.8946 18.7348 13 19 13C19.2652 13 19.5196 12.8946 19.7071 12.7071C19.8946 12.5196 20 12.2652 20 12C20 11.7348 19.8946 11.4804 19.7071 11.2929C19.5196 11.1054 19.2652 11 19 11C18.7348 11 18.4804 11.1054 18.2929 11.2929C18.1054 11.4804 18 11.7348 18 12Z" stroke="%23FB6C34" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 19C4 19.2652 4.10536 19.5196 4.29289 19.7071C4.48043 19.8946 4.73478 20 5 20C5.26522 20 5.51957 19.8946 5.70711 19.7071C5.89464 19.5196 6 19.2652 6 19C6 18.7348 5.89464 18.4804 5.70711 18.2929C5.51957 18.1054 5.26522 18 5 18C4.73478 18 4.48043 18.1054 4.29289 18.2929C4.10536 18.4804 4 18.7348 4 19Z" stroke="%23FB6C34" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 19C11 19.2652 11.1054 19.5196 11.2929 19.7071C11.4804 19.8946 11.7348 20 12 20C12.2652 20 12.5196 19.8946 12.7071 19.7071C12.8946 19.5196 13 19.2652 13 19C13 18.7348 12.8946 18.4804 12.7071 18.2929C12.5196 18.1054 12.2652 18 12 18C11.7348 18 11.4804 18.1054 11.2929 18.2929C11.1054 18.4804 11 18.7348 11 19Z" stroke="%23FB6C34" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 19C18 19.2652 18.1054 19.5196 18.2929 19.7071C18.4804 19.8946 18.7348 20 19 20C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19C20 18.7348 19.8946 18.4804 19.7071 18.2929C19.5196 18.1054 19.2652 18 19 18C18.7348 18 18.4804 18.1054 18.2929 18.2929C18.1054 18.4804 18 18.7348 18 19Z" stroke="%23FB6C34" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_2001_603"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');}
    .navi .logo { display: flex; height: auto; flex-direction: row; margin: 15px 0px 15px 0; align-items: center; justify-content: space-between;}
            .navi .logo img {width: 198px; height: 50px;}
        .svg_in { width: auto; height: auto; padding: 0; margin: 0; line-height: 0; overflow: hidden;}
/*        .main .black_font {display: none; }
        .main .white_font {display: block; }
        .main .scrolled .black_font {display: block; }
        .main .scrolled .white_font {display: none; }
        .expanded .white_font,.expanded .black_font {display: none; }*/

.main .black_font {display: none; }
.main .white_font {display: block; }
.main .scrolled .black_font {display: block; }
.main .scrolled .white_font {display: none; }
/*.main .expanded .white_font,.main .expanded .black_font {display: none; }*/

.inner .expanded .white_font {display:none; }
.inner .collapsed .white_font {display:none; }
.inner .expanded .black_font {display:block; }





    .navi .cont { width: 200px; margin-left: 30px; display: flex; align-items: end; flex-direction: column;}
        .navi .cont .phone { display: flex; justify-content: right; color: #333  !important; text-decoration: none; font-size: 20px; line-height: 24px; font-weight: 600;}
        .navi .cont .phone:hover { text-decoration: none; color: #FB6C34 !important;}
        .navi .cont .email {display: flex; justify-content: right; color: #FB6C34  !important;  text-decoration: none; font-size: 14px; line-height: 21px; font-weight: 400;}
        .navi .cont .email:hover { color: #FB6C34; text-decoration: underline;}
    .navi .menu { width: auto; display: flex; flex-grow: 1; flex-direction: row; margin: 0 auto 0 0; align-items: start; justify-content: start;}
        .navi .menu li { display: flex; font-size: 16px; line-height: 24px; margin: 0 90px 0 0;}
            .navi .menu a { display: flex; flex-direction: row; align-items: center;}
                .navi .frame { display: flex; width: 24px; height: 24px; margin: 0 10px 0 0;  cursor: pointer; }
.sec_menu { /*display: none*/}
.collapsed .navi .menu_expand { display: none;}
.expanded .navi .menu_expand { display: flex;}
.for_white {}

.expanded .navi .menu_expand li a { color: #333  !important;}
.for_white a { color: #FFF  !important;}
.inner a { color: #333  !important;}
.scrolled .for_white a { color: #333  !important;}
/*.main .in_exp li a { color: #333;}*/

@media screen and (max-width: 1440px) {
    /*TODO .switch for this res. */
    .switch {display: block; position: absolute; right: 10px; top: 10px;}

    .flex_owner {flex-direction: column; justify-content: left;}
        .flex_owner .f_cell:first-child { width: 100%;}
    .navi { padding: 0 0 10px 0; align-items: start;}

    /*.navi .cont,.navi .menu { display: none;}*/
    .navi .cont { margin-left: 0px; margin-top: 10px; align-items: start;}
    .navi .menu { flex-direction: column; margin: 0;}
        .navi .menu li { margin: 10px 0 10px 0;}
        .navi .for_white li a { color: #333 !important;}
}
/* TODO: fix  1280 vs another !!!! */
@media screen and (max-width: 1280px) {
    header.expanded { min-height: 100vh;}
    .main .expanded { background: rgba(255,255,255,1);}
    .ui_top { flex-direction: row; justify-content: space-between;}
        .navi { max-width: 50%; min-width: 25%; width: 25%; padding: 0; margin: 0;}
            .navi .logo { margin: 10px;}
                .navi .logo .svg_in { width: auto; height: auto;}
                    .svg_in img {width: auto; height: 40px;}
            .navi .menu { justify-content: start; margin: 10px 0 20px 18px;}
                .navi .menu li { margin: 7px 0; padding-left: 34px;}
                .navi .menu li.cat_li { padding-left: 0px;}
            .navi .cont { margin: 0 0 10px 20px;}
        .sec_menu { width: 75%;}
            .sec_menu .row_by_3 { padding-bottom: 0px;}
                .sec_menu .row_by_3 .cell { margin: 0 3.33% 0 0;}
                    .sec_menu .row_by_3 .cell .title { font-size: 14px; line-height: 18px; font-weight: 600; margin: 15px 0 20px 0}
                    .sec_menu .row_by_3 .cell li { font-size: 14px; line-height: 18px;}
            .sec_menu .s_margin { margin: 0; margin-right: 60px;}
        .switch { }
}

@media screen and (max-width: 768px) {
    .ui_top { flex-direction: column; justify-content: start; min-width: 100%;}
    .navi { max-width: 100%;  min-width: 100%;}
    .sec_menu .row_by_3 .cell .title { margin-left: 38px}
    .sec_menu .row_by_3 .cell li { margin-left: 50px;}
    .sec_menu .title {color: #010101; }
    .sec_menu .title:hover {color: #FB6C34;}
}


/* #MENU BUGFIXES */
@media screen and (min-width: 769px) {
    .main .sec_menu a {
        color: #FFF !important;
    }

    .main .sec_menu a:hover {
        color: #FB6C34 !important;
    }

    .inner .sec_menu a {
        color: #010101;  !important;
    }

    .inner .sec_menu a:hover {
        color: #FB6C34; !important;
    }
}


/* FOOTER */
footer { background-color: #FFF;}
.f_menu {}
.f_menu .flogo {  margin: 69px 0 0 0px;}
.f_menu .submenu {display: flex; flex-direction: column; margin: 55px 0 40px 0;}
.f_menu .s_title { display: flex; font-size: 20px; line-height: 24px; color: #333; font-weight: 600; padding: 15px 0 0px 0;}
    .f_menu strong {display: flex; font-size: 20px; line-height: 24px; color: #333; font-weight: 600; padding: 15px 0 0px 0;}
.f_menu ul { display: flex; flex-direction: column; list-style: none; padding: 0; margin: 27px 0 18px 0;}
.f_menu li { display: flex; flex-direction: row; margin: 13px 0 12px 0; font-weight: 400; font-size: 16px; line-height: 16px;}
.f_menu li a { color: #333; text-decoration: none;}
.f_menu li a:hover { color: #FB6C34; text-decoration: underline;}

    .copy ul { display: flex; flex-wrap: wrap; flex-direction: row; font-size: 14px; line-height: 17px; padding: 40px 0 30px 0; border-top: solid 1px; border-color: rgba(51,51,51,0.1)}
        .copy ul li { display: flex; width: 25%; color: rgba(68,68,68,0.6);}
        .copy ul li:first-child { width: 358px;}
        .copy a { color: rgba(68,68,68,0.6); text-decoration: underline; display: flex; }
        .copy a:hover { color: #FB6C34; text-decoration: underline;}

@media screen and (max-width: 768px) {
    .f_menu .submenu {margin: 10px 0 10px 0;}
    .copy { flex-direction: column;}
        .copy ul li  { width: 100%; margin: 10px 0}
}

/* other */

.prodinfo { display: none;}


/* SLIDER */
.video_wrap { position: relative; overflow: hidden; height: auto; width: 100%; max-width: 100%; margin: 0 auto;}
    .video_wrap video {width: 100%; height: auto; display: flex; position: absolute; top: 0px; left: 0px;}
    .slider_wrap { display: flex; flex-grow: 1; width: 100%; position: relative; top: 0;left: 0; }
        .slide { display: flex; width: 100%; height:100%; /* height: 100vh; */ flex-direction: column; background: rgba(0,0,0,0.6)}
        .s_body { display: flex; flex-direction: column; place-content: space-between center;  /*margin: 350px auto 317px 7.142857142857143%;*/ margin: 350px auto 317px 0;}
            .s_body div {display: flex; flex-direction: column; }
            .slide h3 { display: inline-block; font-size: 32px; line-height: 38px; font-weight: 900; color: #FFF; max-width: 760px;}
                .slide h3 a {color: #FFF; text-decoration: none;}
                .slide h3 a:hover {color: #FB6C34; text-decoration: none;}
            .slide p { max-width: 400px; display: inline-block;  margin: 20px 0 25px 0; font-size: 16px; line-height: 24px; font-weight: 400; color: #FFF;}
            .slide a.button { text-decoration: none; width: auto; min-width: 220px; margin: 0 auto 0 0; display: inline-block; font-weight: 600; color: #FFF; font-size: 16px; line-height: 16px; padding: 22px 30px; background: linear-gradient(135deg, #FF9E3B 0%, #FB6C34 100%); border-radius: 5px;}
            .slide a.button:hover { background: linear-gradient(300deg, rgba(255,158,59,1) 0%, rgba(251,108,52,1) 35%);}
@media screen and (max-width: 1440px) {
    .s_body { margin: 20vh auto 10vh 7%;}
    .slide h3 { font-size: 28px; line-height: 36px; font-weight: 700;}
}
@media screen and (max-width: 768px) {
    .slide h3 { font-size: 18px; line-height: 24px;}
    .video_wrap video {width: auto; height: 100%; display: flex; position: absolute; right: 0px; top: 0px; margin-left: auto;}
    .video .s_margin .s_body { margin: 90px 20px 30px 20px; justify-content: center; text-align: center;}
    .video .s_margin .s_body .button { margin: 0 auto 0 auto;}
    .slide p { max-width: 100%;}
}

/* SIDE Panel */
.cat_menu { display: flex; flex-direction: column; margin: 0 10px 0px 0; padding: 15px 20px 0 20px; background: #FFF; border-radius: 5px;}
.lv_1 { display: flex; flex-direction: column; margin: 15px 0 15px 0;}
    .lv_1 .lv_1_a { display: flex; flex-direction: row; justify-content: space-between; }
        a.link { padding: 0px 0 30px 0; font-size: 14px; line-height: 17px; font-weight: 600;  text-decoration: none;}
        .collapse a.link {color: #333; text-decoration: none;}
        .collapse a.link:hover {color: #333; text-decoration: none;}
        .collapse .ico {}
    .lv_1 .lv_1_a:hover { }
    .lv_1 .expand_b {  }
        .expand a.link .txt { color: #FB6C34; text-decoration: none; }
        .expand a.link:hover .txt { }
        .lv_1 .material-symbols-outlined { cursor: pointer; display: block; font-size: 22px; line-height: 22px; width: 18px; height: 18px; transform-origin: center; transform: rotate(90deg);}
        .lv_1 a.lv_1_a:hover .ico {}
    .expand {}
        .expand .lv_1_a {color: #FB6C34;}
        .expand .material-symbols-outlined {transform-origin: center; transform: rotate(-90deg);}
    .collapse { border-bottom: 1px solid #E0E0E0;}
    .collapse:last-child {border-bottom: none}
        .collapse .lv_1_a {color: #333;}
        .collapse .submenu { display: none;}
    .cat_menu .submenu { font-weight: 400; font-size: 14px; line-height: 17px;}
        .cat_menu .submenu li { margin: 0px auto 20px 0;}
        a.lv2 { color: #444; text-decoration: none;}
        a.lv2:hover { color: #FB6C34; text-decoration: underline;}
        a.active { color: #FB6C34; text-decoration: none;}
.aside_contacts { display: flex; flex-direction: column; justify-content: space-between; margin: 20px 10px 10px 0; padding: 30px 20px; background: #FFF; border-radius: 5px;}
.ac_title { font-size: 20px; line-height: 24px; font-weight: 500; margin-bottom: 15px;}
.c_widget { display: flex; flex-direction: column;}
.c_widget li { display: flex; flex-direction: column;}
    .c_w_line {display: flex; flex-direction: row; margin: 15px 0; justify-content: left; align-items: center;}
    .c_w_line:last-child {margin-bottom: 0; }
        .c_w_line .ico { display: flex; border-radius: 20px; width:40px; height: 40px; margin-right: 10px; background: #F6F6F6; align-items: center; justify-content: center;}
        .c_w_line .txt { display: flex; flex-direction: column;}
            .c_w_line .txt span {display: flex; margin: 0 0 10px 0; line-height: 17px;}
            .c_w_line .txt a {display: flex; margin: 0 auto 0 0; color: #444; font-size: 16px; line-height: 19px; font-weight: 600; text-decoration: none;}
            .c_w_line .txt a:hover { color: #FB6C34; text-decoration: underline;}

/* CATALOG */
.cat_list { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 0 60px 0; list-style: none; padding: 0; }
    .cat_list li { margin: 0 7px 20px 7px; font-size: 16px; line-height: 19px; font-weight: 500; display: flex; width: auto;  min-width: 345px;}
        .cat_list a { display: flex; justify-content: center; padding: 25px; width: 100%; border: solid 1px #CCC; border-radius: 50px; text-decoration: none; color: #444;}
        .cat_list a:hover { color: #FB6C34}
.c_title { display: flex; flex-direction: row; margin: 0 auto 30px 20px; justify-content: space-between}
    .c_title h4 { font-size: 24px; line-height: 29px; font-weight: 700; color: #333;}
.c_body { display: flex; flex-direction: column;/* padding-bottom: 100px;*/}
    .empty { margin: 0 0 0 20px;}
/*.list_items {display: flex; flex-direction: row; flex-wrap: wrap; margin: 0px; gap: 7px;}*/
    .list_items.grid-view {display: flex; flex-direction: row; flex-wrap: wrap; margin: 0px; gap: 7px;}
    .list_items.list-view {display: flex; flex-direction: column; gap: 7px;}

.list_items.grid-view .cell {  display: flex; flex-direction: column; width: 22rem; max-width: 345px; height: 420px; overflow: hidden; background: #FFF; border-radius: 5px; }
.list_items.list-view .cell {  display: flex; gap: 20px; width: 100%;  height: fit-content; overflow: hidden; background: #FFF; border-radius: 5px; padding: 20px; align-items: center;}


.list_items.grid-view .cell .img_in { display: block; flex-shrink: 0; width: 305px; height: 230px; margin: 20px auto 0 auto; border-radius: 5px; overflow: hidden;}
.list_items.list-view .cell .img_in { display: block; flex-shrink: 0; width: 305px; height: 230px;  border-radius: 5px; overflow: hidden;}

            .list_items .cell .img_in img { width: 100%; height: auto;}
            .list_items .cell .txt {display: flex; max-height: 70px; flex-direction: column; margin: 15px 20px 20px 20px; font-size: 16px; line-height: 22px; color: #333;}

.list_items.list-view  .cell .txt {display: flex; max-height: 70px; flex-direction: column; margin: 15px 20px 20px 20px; font-size: 16px; line-height: 22px; color: #333; flex-grow: 1;}


.list_items .cell .txt span {display: flex; margin: 0 0 13px 0; color: #444; font-size: 12px; line-height: 12px;}
                .list_items .cell .txt a { color: #333; text-decoration: none;}
                .list_items .cell .txt a:hover { color: #FB6C34; text-decoration: underline;}


.list_items.grid-view .cell .buttons { display: flex; flex-direction: row; justify-content: space-between; margin: 0 20px 20px 20px;}
.list_items.list-view .cell .buttons { display: flex; flex-direction: row; justify-content: space-between; margin: 0 20px 20px 20px; gap: 1rem;
    width: 17rem;}

                /*.list_items .cell .buttons a:first-child { margin-right: 13.6%;}*/
                .list_items .cell .buttons a { max-width: 145px;}
                .list_items .cell .s_button { width: 50%; height: 44px;}
    .pagination { display: none ;display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; margin: 45px 0 45px 0}
        .list_buttons {display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap;}
            .list_buttons a { display: flex; min-height: 60px; min-width: 60px; margin: 5px; background-color: #FFF; justify-content: center; align-items: center; border-radius: 60px; font-size: 16px; line-height: 19px; color: #444; font-weight: 500; border: 1px solid #0000001A; text-decoration: none;}
            .list_buttons a:hover { color: #333; font-weight: 600; border: 1px solid #FB6C34;}
            .list_buttons a.act { color: #333; font-weight: 600; border: 1px solid #FB6C34;}
    .c_descr { margin: 30px 0 30px 7px;}



    .c_card { display: flex; flex-direction: column; margin: 0 0 0 7px;}
        .f_row {display: flex; flex-direction: row; flex-wrap: nowrap;}
            .imgs_wrap { display: flex; flex-direction: column;}
                .main_img {display: flex; width: 525px; height: 525px; flex-shrink: 0; margin: 0 5px 5px 0; overflow: hidden; border-radius: 5px;}
                    .main_img img { width: auto; height:100%}
            .txt_wrap { margin: 0 0 0 20px; display: flex; flex-direction: column; flex-shrink: 1; flex-grow: 1;}
                .txt_wrap .desc { display: flex;}
                .txt_wrap .small_descr { display: flex; flex-wrap: wrap; width: auto; }
                    .txt_wrap .small_descr p {}
                .prod_desc { font-size: 16px; line-height: 24px; font-weight: 400; color: #444 }
                .prod_desc p {  padding: 20px 0 30px 0; }
                .buy { display: flex; flex-direction: column; color: #444;}
                    .buy .price { display: flex; width: 255px; height: auto; align-items: center; justify-content: center; flex-direction: row; border: 1px solid #FF9E3B; border-radius: 5px; font-size: 20px; font-weight: 600; line-height: 52px; }
                    .buy .price { display: none;}
                        .buy .price span.cur { font-size: 16px; font-weight: 400; margin: 0 0 0 5px;}
                .buy .add { display: flex; flex-direction: row; margin: 26px 0 0 0; justify-content: left;}
                    .buy .cout { display: flex; width: 255px; margin: 0 18px 0 0;   justify-content: space-between; flex-direction: row; border-radius:5px;  border: 1px solid #0000001A;  align-items: center; background: #FFF;}
                        .buy .cout button { display: flex; flex-shrink: 0; width: 54px; height: 52px; border: none; background: #FFF; border-radius: 5px; text-align: center; justify-content: center; align-items: center; cursor: pointer;  font-size: 30px; font-weight: 300; color: #333; font-family: "Montserrat", serif;  padding: 0px; margin: 0px;}
                        .buy input { font-family: "Montserrat", serif; display: flex; width: auto; width: 100px; background: #FFF; border: none; font-size: 16px; text-align: center; justify-content: center; align-items: center; line-height: 52px; padding: 0px; margin: 0px; color: #444; font-weight: 600;}
                    .buy .s_button { line-height: 54px; height: 54px; width: 255px;}
        .s_row {display: flex; flex-direction: row;}
            .s_row .full_descr { margin-top: 35px;}
@media screen and (max-width: 1680px) {
        .f_row { flex-wrap: wrap;}
                .main_img { width: 100%; height: auto;}
            .txt_wrap { margin-left: 0px; width: 100%;}
                .txt_wrap .small_descr { width: auto;}
                .buy .add { flex-direction: column;}
                    .buy .cout { margin: 0 0 10px 0;}
}
@media screen and (max-width: 768px) {
    .txt_wrap { padding-top: 20px;}
}


/* CONTENT */

.c_table { display: flex; flex-direction: column; margin: 0 0 0 0}
    .c_table .t_title { display: flex;  padding: 0 0 20px 0; font-weight: 600; font-size: 16px; line-height: 24px;}
    .c_table .t_row { display: flex; flex-direction: row; justify-content: space-between;}
        .c_table .t_row span { display: flex;}
.d_table { margin-bottom: 47px;}
    .d_table .t_row {margin: 12px 0 13px 0; background: url("/themes/mankor/assets/images/dot.png") repeat-x left;}
        .d_table .t_row span { display:flex; padding: 0 10px 0 0; font-size: 16px; line-height: 16px; background-color:#F6F6F6;}
        .d_table span:nth-child(2n+1) {  padding-left: 0px; padding-right: 10px;}
        .d_table span:nth-child(2n) { padding-left: 10px; padding-right: 0px;}
.prod_desc ol { display: flex; flex-direction: column; margin: 0 0 0 0 }
    .prod_desc ol li { display: flex; flex-direction: row; justify-content: space-between; margin: 12px 0 13px 0; background: url("/themes/mankor/assets/images/dot.png") repeat-x left;}
        .prod_desc ol li strong,.prod_desc ol li em { font-weight: 400; display:flex; padding: 0 10px 0 0; font-size: 16px; line-height: 16px; background-color:#F6F6F6;}
        .prod_desc ol li strong {  padding-left: 0px; padding-right: 10px;}
        .prod_desc ol li em { padding-left: 10px; padding-right: 0px;}



.priority_2 { font-size: 12px; line-height: 18px; color: #444;}
    .priority_2 .art { font-weight: 600;}
    .priority_2 .gost { font-weight: 400; text-transform: uppercase}

.small_descr { margin: 10px 0 10px 0; font-weight: 400; font-size: 16px; line-height: 24px;}
    .small_descr p { padding: 10px 0 10px 0;}

.full_descr { margin: 0 0 30px 7px;}
    .full_descr h4 { font-weight: 700; font-size: 20px; line-height: 24px; margin: 0 0 15px 0;}
    .full_descr p { font-size: 16px; line-height: 24px; margin: 5px 0 10px 0;}
    .full_descr a { color: #333; text-decoration: underline;}
    .full_descr a:hover { color: #FB6C34; text-decoration: none; }

.w_items { margin: 30px 0 0 0;}
    .w_items .title { font-weight: 700; font-size: 20px; line-height: 24px; margin: 0 0 10px 7px;}
    .w_items .list_items { margin: 10px 0 0 0;}

/* MAIN page */
.video { display: flex; flex-direction: row; flex-wrap: wrap;}

.main_back {background-color:#FFF; background-image: url("/themes/mankor/assets/images/main_back.png"); background-repeat: no-repeat; background-position:  top center; }

.top_sale {}
    .top_sale .title { display: flex; flex-direction: row; justify-content: space-between;}
    .top_sale .title h5 {}
    .top_sale .title a { display: flex; font-size: 16px; line-height: 16px;}
    .top_sale .carousel_wrap { display: flex; justify-content: center; justify-content: center; flex-direction: column; margin-top: 30px;}
        .top_sale .car_body {display: flex; justify-content: space-between; flex-direction: row; max-width: 100%;}
            .top_sale .list_items { margin-bottom: 130px; width: 100%; max-width: 100%; height: 100%; max-height: 100%; overflow: hidden; flex-wrap: nowrap; justify-content: center;}
            .top_sale .list_items .cell { margin-right: 20px;}
            .top_sale .list_items .cell:nth-child(1) { margin-left: 0px;}
        /*
        .top_sale .bullets { display: flex; flex-direction: row; align-items: center; justify-content: center; }
            .top_sale .bullets li { display: flex; flex-direction: row;}
            .top_sale .bullets li::before { display: block; width: 6px; height: 6px; content: " "; border-radius: 6px; display: flex; background: rgba(51, 51, 51, 0.3); margin: 0 10px 0 10px; cursor: pointer;}
            .top_sale .bullets li.active::before { width: 10px; height: 10px; border-radius: 10px; background: rgba(51, 51, 51, 1); }
        */
.top_sale .swiper-pagination { z-index:10000000000; position: relative; display: flex; flex-direction: row; align-items: end; justify-content: center; bottom: 40px; height: 40px;}
.top_sale .swiper-pagination span { z-index: 1000; display: block; width: 6px; height: 6px; content: " "; border-radius: 6px; display: flex; background: rgba(51, 51, 51, 0.3); margin: 0 10px 0 10px !important; cursor: pointer;}
.top_sale .swiper-pagination span.swiper-pagination-bullet-active { width: 10px; height: 10px; border-radius: 10px; background: rgba(51, 51, 51, 1); }
@media screen and (max-width: 768px) {
    .top_sale .title { flex-direction: column; justify-content: center;  align-items: center;}
    .top_sale .title a { margin: 20px auto 20px auto;}
    .top_sale .list_items .cell:nth-child(1) { margin-left: auto;}
    .top_sale .swiper-slide { display: flex; justify-content: center;}
    .top_sale .list_items .cell { margin: 0 auto;}
}


.adv_wrap {background: #F6F6F6;}
    .adv { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; padding-top: 130px; padding-bottom: 130px;}
        .adv li { display: flex; justify-content: center;  flex-direction: column; width: 33.3%;}
            .adv li .ico { width: 130px; height: 130px; margin: 0 auto 0 auto; border-radius: 130px; background: #FFF; display: flex; align-items: center; justify-content: center; overflow: hidden;}
                .adv li .ico img { display: block; max-width: 100%; height: auto;}
            .adv li .title { font-size: 16px; line-height: 19px; color: #333; font-weight: 600; margin-top: 25px; text-align: center;}
            .adv li .desc { font-size: 16px; line-height: 24px;  color: #444; font-weight: 400; text-align: center; max-width: 420px; margin: 15px auto 0 auto;}
.main_inner .adv_wrap { background: #FFF;}
@media screen and (max-width: 768px) {
    .adv { flex-direction: column; padding-top: 70px; padding-bottom: 70px;}
        .adv li { width: 100%; margin-bottom: 30px; margin-top: 50px;}
}


.advantages {background: #F6F6F6;}
.advantages ul { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; padding-top: 130px; padding-bottom: 130px;}
.advantages li { display: flex; justify-content: center;  flex-direction: column; width: 33.3%;}
.advantages li em { display: flex; font-size: 0px; width: 130px; height: 130px; margin: 0 auto 0 auto; border-radius: 130px; background: #FFF; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.advantages li em { content: "" }
.advantages li em::before {content: url(/themes/mankor/assets/images/adv_default.svg);display: block; max-width: 100%; height: auto;}
.advantages li:nth-child(1) em::before {content: url(/themes/mankor/assets/images/adv_1.svg);}
.advantages li:nth-child(2) em::before {content: url(/themes/mankor/assets/images/adv_2.svg);}
.advantages li:nth-child(3) em::before {content: url(/themes/mankor/assets/images/adv_3.svg);}


.advantages li strong { display: flex; justify-content: center; font-size: 16px; line-height: 19px; color: #333; font-weight: 600; margin-top: 25px; text-align: center;}
.advantages li u { display: flex; text-decoration: none; font-size: 16px; line-height: 24px;  color: #444; font-weight: 400; text-align: center; max-width: 420px; margin: 15px auto 0 auto;}

.main_inner .advantages { background: #FFF;}


@media screen and (max-width: 768px) {
    .advantages ul { flex-direction: column; padding-top: 70px; padding-bottom: 70px;}
        .advantages li { width: 100%; margin-bottom: 30px; margin-top: 50px;}
}



.about { display: flex; flex-direction: column; background: #FFF; }
    .about strong { display: block; font-size: 26px; line-height: 29px; text-transform: uppercase; text-indent:50%; margin: 0 0 20px 0; font-weight: 500;}
    .about ul { display: flex; flex-direction: row; align-items: start;}
    .about ul li { display: flex; flex-direction: column; width: 25%; max-width: 345px; margin: 0 auto 0 auto; font-size: 16px; line-height: 24px; font-weight: 400; color: #444; }
    .about ul li:nth-child(4n+1) {  margin-left: 0px;}
    .about ul li:nth-child(4n) { margin-right: 0px;}
    .about ul li a {color: #FB6C34; text-decoration: underline; display: block; margin-top: 25px;}
    .about ul li a:hover { text-decoration: none}
    @media screen and (max-width: 1440px) {
        .about ul { flex-wrap: wrap; justify-content: center; flex-direction: column; align-items: center;}
        .about ul li {width: 100%; margin: 0 auto 0 auto; display: block;}
        .about ul li:nth-child(4n+1) {  margin-left: auto;}
        .about ul li:nth-child(4n) { margin-right: auto;}
    }


    .about .title { font-size: 26px; line-height: 29px; text-transform: uppercase; text-indent:50%; margin: 0 0 20px 0; font-weight: 500;}
@media screen and (max-width: 768px) {
    .about strong { font-size: 18px; line-height: 24px; text-indent:10%; text-align: right;}
}
.main_inner .about { background: none;}
    .main_inner .about .vert_padding { padding-top: 100px; padding-bottom: 86px; }

/* INNER pages */
.page_title {}
    .page_title h1 { display: flex; margin: 40px 0; font-size: 32px; line-height: 38px; font-weight: 900; color: #000;}
.bread_crumbs { display: flex; flex-direction: row; padding-top: 40px; margin: 0 0 auto 0; justify-content: left; color: #444; font-size: 14px; line-height: 21px;}
    .bread_crumbs a { display:inline-block; color: #FB6C34; text-decoration: underline;}
    .bread_crumbs a:hover { text-decoration: none;}
    .bread_crumbs a::after{display:inline-block;content: "/";color: #A2A1A3;text-decoration: none;margin: 0 5px;}
@media screen and (max-width: 768px) {
    .page_title h1 { font-size: 24px; line-height: 27px;}
    .bread_crumbs { flex-direction: column;}
}

.inner { display: flex; flex-direction: column;}
    .inner_img { display: block; width: 100%; height: auto;}
        .inner_img img { width: 100%; height: auto;}
    .inner_content { padding: 92px 0 72px 0;}
        .inner_content h4 { margin: 38px 0 49px 0;}
        .inner_content p { margin: 0 0 49px 0;}

.choice {}
    .choice .sign { max-width: 343px; height: auto; margin: 10px auto 0 0;}
.main_inner .choice .vert_padding { padding-top: 99px; padding-bottom: 91px; }

/* ROWs BY */
.row_by_4 { display: flex; flex-direction: row; align-items: start;}
    .row_by_4 .cell { width: 25%; max-width: 345px; margin: 0 auto 0 auto;}
    .row_by_4 .cell:nth-child(4n+1) {  margin-left: 0px;}
    .row_by_4 .cell:nth-child(4n) { margin-right: 0px;}
        .row_by_4 .cell p { font-size: 16px; line-height: 24px; color: #444; margin: 0 0 25px 0}
        .row_by_4 .cell a {color: #FB6C34; text-decoration: underline;}
@media screen and (max-width: 1440px) {
    .row_by_4 { flex-wrap: wrap; justify-content: center;}
        .row_by_4 .cell {width: 100%; margin: 0 0 0 0;}
}

.row_by_3_central { display: flex; flex-direction: row;}
    .row_by_3_central .cell {}
    .row_by_3_central .cell:nth-child(3n+1) { max-width: 345px;}
    .row_by_3_central .cell:nth-child(3n) { max-width: 345px;}
    .row_by_3_central .cell:nth-child(2n) { padding: 0 20px;}
        .row_by_3_central .cell img { display: block; width: 100%; height: auto;}
        .row_by_3_central .wysiwyg p { margin: 20px 0;}

@media screen and (max-width: 768px) {
.row_by_3_central { flex-direction: column;}
    .row_by_3_central .cell { max-width: 100%;}
    .row_by_3_central .cell:nth-child(3n+1) { max-width: 100%;}
    .row_by_3_central .cell:nth-child(3n) { max-width: 100%}
    .row_by_3_central .cell:nth-child(2n) { padding: 0 0px;}
}

.row_by_3 {display: flex; flex-direction: row; flex-wrap: wrap; width: auto;}
    .row_by_3 .cell {display: flex;  width: 30%; flex-direction: column; margin: 14px 3.33% 7px 0;}
        .row_by_3 .cell .title { font-size: 24px; line-height: 34px; font-weight: 500; text-decoration: none;}
        .row_by_3 .cell .title:hover { text-decoration: none; }
        .row_by_3 .cell span { display: flex; margin: 15px 0 10px 0;}
        .row_by_3 .cell ul { display: flex; flex-direction: column; list-style: none; padding: 0; margin: 0px 0 0px 0;}
            .row_by_3 .cell li { display: flex; flex-direction: row; margin: 5px 0 5px 0; color: #444; font-weight: 400; font-size: 15px; line-height: 19px;}
            .row_by_3 .cell li a { color: #444; text-decoration: none;}
            .row_by_3 .cell li a:hover { color: #FB6C34; text-decoration: underline;}
@media screen and (max-width: 1440px) {
    .row_by_3 .cell .title { font-size: 16px; line-height: 24px;}
}
@media screen and (max-width: 768px) {
.row_by_3 { flex-direction: column; width: auto;}
    .row_by_3 .cell { width: auto; margin: 0 0 10px 0;}
        .row_by_3 .cell span { margin: 5px 0;}
        .row_by_3 .cell .title { font-size: 16px; line-height: 24px;}
        .row_by_3 .cell li { font-size: 14px; margin: 2px 0}
            .row_by_3 .cell li a { text-decoration: underline;}
}

.row_by_2 {display: flex; flex-direction: row; flex-wrap: wrap;}
    .row_by_2 .cell {display: flex;  width: 50%; flex-direction: column; margin: 0px 0 0px 0;}
@media screen and (max-width: 768px) {
    .row_by_2 .cell { width: 100%;}
}

/* BUTTONS and LINKS */
.s_button { font-family: "Montserrat", serif; display: inline-block; border: solid 1px #FB6C34; font-weight: 500; color: #FFF; text-decoration: none; font-size: 14px; line-height: 14px; background: linear-gradient(135deg, #FF9E3B 0%, #FB6C34 100%); border-radius: 5px; align-content: center; justify-content: center; text-align: center;  cursor: pointer;}
.s_button:hover {background: linear-gradient(300deg, rgba(255,158,59,1) 0%, rgba(251,108,52,1) 35%);}
.b_button { display: inline-block; border: solid 1px #FB6C34; font-weight: 500; color: #FB6C34; text-decoration: none; font-size: 14px; line-height: 14px; width: 50%; height: 44px; background: #FFF; border-radius: 5px; align-content: center; justify-content: center; text-align: center;}
.b_button:hover {background: linear-gradient(135deg, #FF9E3B 0%, #FB6C34 100%); color: #FFF;}
.o_link {color: #FB6C34; text-decoration: underline;}
.o_link:hover {color: #FB6C34; text-decoration: none;}


/* REUSABLE */

h5 {display: flex; position: relative; font-weight: 900; font-size: 18px; line-height: 18px; padding: 0 0 0 16px; color: #333; text-transform: uppercase;}
h5::before { display: block;  top: 4px; left: 0px; width: 10px; height: 10px; content: " ";  position: absolute; background: linear-gradient(90deg, #FF9E3B 0%, #FB6C34 100%);border-radius: 5px; }

.wysiwyg { color: #444;}
    .wysiwyg h2 {font-weight: 600; font-size: 24px; line-height: 29px; color: #333; margin: 0 0 20px 0;}
    .wysiwyg h3 {font-weight: 600; font-size: 20px; line-height: 24px; color: #333; margin: 16px 0 13px 0;}
    .wysiwyg h4 {font-weight: 500; font-size: 26px; line-height: 29px; color: #333; text-transform: uppercase;}
    .wysiwyg h5 { margin-bottom: 20px;}
    .wysiwyg a { color: #444; text-decoration: underline; cursor: pointer;}
    .wysiwyg a:hover { color: #FB6C34; text-decoration: none;}
    .wysiwyg p {font-weight: 400; font-size: 16px; line-height: 24px; color: #333; margin: 7px 0 8px 0;}
    .wysiwyg ul {  margin: 2px 0 8px 0; padding: 0 0 0 16px; list-style: none}
        .wysiwyg ul li::before {content: "• ";color: #FB6C34; font-size: 35px; height: 18px;display: block;position: absolute;top: -3px; left: -16px;}
        .wysiwyg ul li { position: relative; color: #444; font-size: 16px; line-height: 24px; margin: 5px 0 5px 0;}
        .wysiwyg ul li a { color: #FB6C34; text-decoration: none; cursor: pointer;}
        .wysiwyg ul li a:hover { color: #FB6C34; text-decoration: underline;}
    .wysiwyg ol {display: flex; flex-direction: row; flex-wrap: wrap;}
    .wysiwyg ol li {display: flex;  width: 50%; flex-direction: column; margin: 0px 0 0px 0;}
@media screen and (max-width: 768px) {
    .wysiwyg h2 { font-size: 20px; line-height: 24px;}
    .wysiwyg p { font-size: 14px; line-height: 20px;}
    .wysiwyg ol li { width: 100%;}
}


.top_cat { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.grid_catalog .top_cat {justify-content: start;}
.top_cat .cell { display: flex; flex-direction: column; align-items: flex-end; position: relative; width: 345px; height: 345px; border-radius: 5px; overflow: hidden; margin: 5px 10px;}
.inner .top_cat .cell {margin: 5px 10px 5px 0;}
.inner .top_cat .other { display: none !important;}
.top_cat .cell:nth-child(1) {margin-left: 0px;}
.top_cat .cell:nth-child(4n) {margin-right: 0px;}
    .top_cat .cell .img_wrap { position: absolute; z-index: 1; width: 100%; height: auto; overflow: hidden; display: block; top: 0px; left: 0px;}
        .top_cat .cell .img_wrap img { height: 100%; max-width:none;}
    .top_cat .cell .uplayer {position: absolute;  height: 70px; transition: min-height .5s; min-height: 70px; max-height: 70px; overflow: hidden; bottom: 0px; left: 0px;  min-width: 100%; width: auto; z-index: 100; display: flex; flex-direction: column; padding: 23px 44px 30px 30px; background: linear-gradient(135deg, rgba(255,158,59,0.9), rgba(251,108,52,0.9) 100%); }
    .top_cat .cell:hover .uplayer { height: 345px; min-height: 100%;}
    .top_cat .cell ul { display: none;}
    .top_cat .cell:hover ul { display: block;}
    .top_cat .cell .more { display: none;}
    .top_cat .cell:hover .more { display: inline-block;}
    /*.grid_main .top_cat .cell:hover .uplayer,.grid_main .top_cat .cell:hover .img_wrap { display: none;}*/
    .top_cat .cell .title { font-size: 18px; line-height: 22px; font-weight: 600; color: #FFF; text-decoration: none; margin: 0 0 14px 0;}
    .top_cat .cell .more { font-size: 14px; line-height: 18px; font-weight: 500; color: #FFF; text-decoration: underline; margin: 17px 0 0 0;}
        .top_cat .cell ul {  margin: 0 0 14px 0; padding: 0 0 0 16px;}
            .top_cat .cell li { list-style: disc outside;  padding: 0 0 0 0px; color: #FFF; font-size: 14px; line-height: 18px; margin: 6px 0 6px 0;}
                .top_cat .cell li a { color: #FFF; text-decoration: none; cursor: pointer;}
                .top_cat .cell li a:hover { color: #FFF; text-decoration: underline;}
    .top_cat .cell .desc { display: flex; flex-direction: column;}
        .top_cat .cell .desc h5 { }
        .top_cat .cell .desc p { font-size: 16px; line-height: 24px; color: #444; margin: 15px 0 15px 0;}
        .top_cat .cell .desc a { color: #FB6C34; text-decoration: underline; display: flex; margin-top: 5px;}
        .top_cat .cell .desc a:hover { color: #FB6C34; text-decoration:none }
@media screen and (max-width: 768px) {
    .top_cat .cell { margin: 10px 0 10px 0;}
    .top_cat .other { display: none; !important;}
}

.owners { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-bottom: 60px;}
    .owners .cell { display: flex; flex-direction: column; align-items: flex-end; margin: 0px auto 5px 7px; position: relative; width: 345px; height: 345px; border-radius: 5px; overflow: hidden; background-color: #FFF;}
    .owners .cell:nth-child(1) {margin-left: 0px;}
    .owners .cell:nth-child(3n) {margin-right: 0px;}
    /*.owners .cell:nth-child(4n) {margin-right: 0px;}*/
        .owners .cell .img_wrap { position: absolute; z-index: 1; width: 70px; height: 70px; overflow: hidden; display: block; top: 30px; left: 30px;}
            .owners .cell .img_wrap img { height: 100%; max-width:none;}
        .owners .cell .uplayer {position: absolute;  height: auto; min-height: 125px; overflow: hidden; bottom: 0px; left: 0px;  min-width: 100%; width: auto; z-index: 100; display: flex; flex-direction: column; padding: 23px 44px 30px 30px; background-color: #FFF; }
        .owners .cell:hover .uplayer {  position: relative;  min-height: 100%;}
        .owners .cell ul { display: none;}
        .owners .cell:hover ul { display: block;}
        .owners .cell:hover .desc { display: none;}
        .owners .cell .more { display: none;}
        .owners .cell:hover .more { display: block; position: absolute; bottom: 30px; left: 30px;}
        .owners .cell .title { font-size: 18px; line-height: 22px; font-weight: 700; color: #000; text-decoration: none; margin: 0 0 7px 0;}
        .owners .cell .desc { font-size: 14px; line-height: 18px; font-weight: 400; color: #000; text-decoration: none; margin: 0px 0px 30px 0px;}
        .owners .cell .more { font-size: 14px; line-height: 18px; font-weight: 500; color: #FB6C34; text-decoration: underline;}
        .owners .cell .more:hover {color: #FB6C34; text-decoration: none;}
        .owners .cell ul {  margin: 0 0 14px 0; padding: 0 0 0 16px; list-style: none}
        .owners li::before {content: "• ";color: #FB6C34; font-size: 35px; height: 18px;display: block;position: absolute;top: -3px; left: -16px;}
        .owners .cell li { position: relative;  padding: 0 0 0 0px; color: #444; font-size: 14px; line-height: 18px; margin: 6px 0 12px 0;}
            .owners .cell li a { color: #444; text-decoration: none; cursor: pointer;}
            .owners .cell li a:hover { color: #FB6C34; text-decoration: underline;}
@media screen and (max-width: 768px) {
    .owners { flex-direction: column;}
    .owners .cell { margin: 10px auto 10px auto;}
    .owners .cell:nth-child(1) {margin-left: auto;}
    .owners .cell:nth-child(3n) {margin-right: auto;}
}

.contact { display: flex; flex-direction: row; position: relative;}
.contact::before { opacity: 0.3; z-index: 1; display: block; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; content: " ";  background: url("/themes/mankor/assets/images/concats.jfif") center top; }
.contact .c_body { display: flex; flex-direction: row;}
.contact .info  { z-index: 2; display: flex; flex-direction: column; width: 50%; margin-top: 150px; margin-bottom: 150px;}
.contact .info h5 { }
.contact .info p {font-size: 14px; line-height: 18px; color: #444; margin: 20px 0 30px 0; max-width: 345px;}
    .contact .cont { display: flex; flex-direction: column;}
        .contact .phone { display: flex; justify-content: left; color: #444; text-decoration: none; font-size: 24px; line-height: 29px; font-weight: 500;}
        .contact .phone:hover { text-decoration: none; color: #FB6C34;}
        .contact .email {display: flex; margin-top: 12px; justify-content: left; color: #FB6C34; text-decoration: none; font-size: 16px; line-height: 19px; font-weight: 400;}
        .contact .email:hover { color: #FB6C34; text-decoration: underline;}
.form_wrap { z-index: 2; display: flex; flex-direction: column; width: 50%; margin-top: 150px; margin-bottom: 150px;}
.form_wrap .title { font-size: 24px; line-height: 29px; font-weight: 700; margin: 0 0 20px 0;}
.form_wrap .f_row { display: flex; flex-direction: column; margin: 20px 0 20px 0; max-width: 710px;}
.form_wrap .f_row label { font-weight: 600; font-size: 12px; line-height: 12px; text-transform: uppercase;}
.form_wrap input[type="text"],.form_wrap input[type="email"],.form_wrap input[type="tel"] { padding: 10px 0 10px 0; outline: none; border: 1px solid rgba(51, 51, 51, .12);  width: 100%; border-top: none; border-left: none; border-right: none; background: none; font-size: 16px; line-height: 24px; font-family: "Montserrat", serif; }
.form_wrap input[type="text"]:hover,.form_wrap input[type="email"]:hover,.form_wrap input[type="tel"]:hover {border: 1px solid rgba(51, 51, 51, .75); border-top: none; border-left: none; border-right: none;}
.form_wrap input[type="text"]:focus, .form_wrap input[type="email"]:focus,.form_wrap input[type="tel"]:focus {border: 1px solid rgba(251, 108, 52, 1); border-top: none; border-left: none; border-right: none;}
.form_wrap .f_check {display: flex; flex-direction: row; margin: 0 0 30px 0;  max-width: 710px;}
/*.form_wrap .f_check label { margin: 0 0 0 10px; font-weight: 400; font-size: 14px; line-height: 21px; color: #444;}*/
/*.form_wrap .f_check input[type="checkbox"] {}*/
.form_wrap .b_wrap { margin: 30px 0 0 0;}
.form_wrap .b_wrap .s_button { padding: 0px; margin: 0px; font-size: 16px; line-height: 16px; font-weight: 600; width: 152px; height: 60px;}

@media screen and (max-width: 768px) {
    .contact .c_body { flex-direction: column; flex-wrap: wrap;}
        .contact .info,.contact .form_wrap { width: 100%;}
        .contact .info { margin: 30px 0 0 0;}
        .contact .form_wrap { margin: 30px 0 0 0;}
}



/* CUSTOM CHECKBOX */
.n_check {position: absolute;z-index: -1;opacity: 0;}
.n_check+label {display: inline-flex;align-items: center;user-select: none;}
.n_check+label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-right: 10px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
/* hover */
.n_check:not(:disabled):not(:checked)+label:hover::before {border-color: #FB6C34;}
/* push */
.n_check:not(:disabled):active+label::before {background-color: #fff;border-color: #FB6C34;}
/* focus */
.n_check:focus+label::before {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
/* focus not check */
.n_check:focus:not(:checked)+label::before {border-color: #ccc;}
/* check */
.n_check:checked+label::before {border-color: #ccc; background-color: #fff; background-image: url('data:image/svg+xml,<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.5833 1C11.25 0.666667 10.75 0.666667 10.4166 1L4.16663 7.25L1.58329 4.66667C1.24996 4.33333 0.749959 4.33333 0.416626 4.66667C0.0832926 5 0.0832926 5.5 0.416626 5.83333L3.58329 9C3.74996 9.16667 3.91663 9.25 4.16663 9.25C4.41663 9.25 4.58329 9.16667 4.74996 9L11.5833 2.16667C11.9166 1.83333 11.9166 1.33333 11.5833 1Z" fill="%23FB6C34"/></svg>')}
/* disable */
.n_check:disabled+label::before {background-color: #FB6C34;}
.form_wrap .f_check span { cursor: pointer; display: inline-block; font-weight: 400; font-size: 14px; line-height: 21px; color: #444}




.lum-lightbox { z-index: 1000000000000000;}


#genericForm_forms_flash button.close { display: none}
.alert-success{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    padding: 15px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    background: #dff0d8;
    color: #3c763d;
    border: 1px solid #c3e6cb;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.form-alert .close {
    display: none;
    margin-left: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #3c763d;
    cursor: pointer;
}

.form-alert p {
    margin: 0;
    text-align: center;
}

/* MODAL */
.modal {
    display: flex;
    /*visibility: hidden;*/
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background: #FFF;
}
.model-inner {
    background-color: white;
    border-radius: 0.5em;
    max-width: 600px;
    padding: 2em;
    margin: auto;
}
.modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid black;
}
.modal-header .close
{
    border: none;
    font-size: 0px; line-height: 0px;

}
[x-cloak] {
    display: none !important;
}
.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: black;
    /*opacity: 0.75;*/
    opacity: 1;
    z-index: 1000;
}

.model-inner .form_wrap { width: 100%; margin: 0 0 0 0;}

.view-button  {border: none;}
.show-view {justify-content: flex-end; display: flex; width: 65.5rem;margin-bottom: 1rem;}

.show-more-btn {
    font-family: "Montserrat", serif;
    display: inline-block;
    border: solid 1px #FB6C34;
    font-weight: 500;
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    background: linear-gradient(135deg, #FF9E3B 0%, #FB6C34 100%);
    border-radius: 5px;
    align-content: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    padding: 12px 24px;
    margin: 20px auto;
    transition: all 0.3s ease;
}

.s_button:hover {
    background: linear-gradient(135deg, #FB6C34 0%, #FF9E3B 100%);
    box-shadow: 0 2px 8px rgba(251, 108, 52, 0.3);
}

.show-more-btn {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.list-view {
    /* Стили для списка */
    display: flex;
    flex-direction: column;
}

.grid-view {
    /* Стили для сетки */
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}

.list-view .cell {
    /* Стили для элементов в списке */
    display: flex;
    width: 100%;
}

.grid-view .cell {
    /* Стили для элементов в сетке */
    display: block;
    width: auto;
}



.cookie-consent {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    max-width: 100%;
    background-color: #FFF8F0;

    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border-left: 5px solid #FB6C34;
    z-index: 1000;
    display: none;
    font-family: 'Roboto', sans-serif;
}

.cookie-content {
    margin-bottom: 15px;
}

.cookie-content strong {
    color: #FB6C34;
    font-size: 1.1em;
    display: block;
    margin-bottom: 10px;
}

.cookie-content p {
    margin: 8px 0;
    color: #424242;
    font-size: 0.95em;
    line-height: 1.5;
}

.cookie-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.btn-accept {
    background: linear-gradient(135deg, #FF9E3B 0%, #FB6C34 100%);
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
    font-weight: 500;
}

.btn-accept:hover {
    background-color:#FB6C34;
}

.btn-settings {
    background-color: transparent;
    color: #FB6C34;
    border: 1px solid #FB6C34;
    padding: 8px 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: 500;
}

.btn-settings:hover {
    background-color: #e3f2fd;
}

@media (max-width: 600px) {
    .cookie-consent {
        left: 10px;
        right: 10px;
    }

    .cookie-buttons {
        flex-direction: column;
    }

    .btn-accept, .btn-settings {
        width: 100%;
    }
}