/* BLOCK - Block - Menu */
    .block_menu                                         {}
    .block_menu .row .container                         {position: relative; padding: 15rem 0; display: flex; justify-content: center; align-items: center;}
    .block_menu .row .block_menu_wrapper                {}
    .block_menu .row .block_menu_wrapper ul.menu                        {list-style: none; padding: 0; margin: 0; display: grid; grid-auto-columns: minmax(0, 1fr);  grid-auto-flow: column;}
    .block_menu .row .block_menu_wrapper ul.menu li                     {display: flex; flex-direction: column; justify-content: center;  align-items: center; padding: 0; margin: 0; min-height: 400px;}
    .block_menu .row .block_menu_wrapper ul.menu li a                   {font-size: 3rem; line-height: 3rem; margin: 0 0 1rem 0;}
    .block_menu .row .block_menu_wrapper ul.menu li ul.sub-menu         {margin: 0; padding: 0; display: flex; align-items: center; flex-direction: column; height: 100%; max-height: 0px; overflow: hidden; transition: max-height 500ms ease-in-out;}
    .block_menu .row .block_menu_wrapper ul.menu li:hover ul.sub-menu   {max-height: 400px; overflow: visible;}
    .block_menu .row .block_menu_wrapper ul.menu li ul.sub-menu li      {min-height: auto;}
    .block_menu .row .block_menu_wrapper ul.menu li ul.sub-menu li a    {font-weight: 400; font-size: 1.25rem; margin: 0; line-height: 1.25rem; padding: 10px; transition: transform 0.3s ease-in-out;}
    .block_menu .row .block_menu_wrapper ul.menu li ul.sub-menu li:hover a  {background-color: #f0323c; color: #fff;}
    .block_menu .row .block_menu_wrapper ul.menu li::after              {display:none;}


    .menu-m01                                  {position: relative;width: 100%;}
    .menu-m01 .box-blocks                      {position: relative;z-index: 5;width: 100.1%;height: 70vh;display: flex;justify-content: center;align-items: center;}
    .menu-m01 .box-blocks .block               {width: 33.333%;height: 100%;display: flex;justify-content: center;align-items: center;color: #fff;box-shadow: inset 0px 0px 0px 20px #fff;}
    .menu-m01 .box-blocks .block-content       {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;color: #fff;box-shadow: inset 0px 0px 0px 20px #fff;/*border-radius: 50px;*/box-sizing: border-box;}
    .menu-m01 .box-blocks .block-content-frame {width: calc(100% - 40px);height: calc(100% - 40px);display: flex;justify-content: flex-start;align-items: center;color: #fff;/*box-shadow: inset 0px 0px 0px 5px #fff;border-radius: 25px;*/flex-direction: column; transition: all 500ms ease-in-out;}
    .menu-m01 .box-blocks .block-content-frame:hover {box-shadow: inset 0px 0px 0px 5px #f0323c;}
    .menu-m01 .block-content-frame .block-headline                {width: 100%; text-align: center; margin: 2.5rem 0 1rem; font-size: 2.25rem;}
    .menu-m01 .block-content-frame .block-headline .menu-item     {color: #fff; transition: all 500ms ease-in-out;}
    .menu-m01 .block-content-frame .block-submenu                 {display: flex; flex-direction: column; background-color: rgba(0,0,0,0.6); width: 80%; max-height: 0px; overflow: hidden; transition: max-height 500ms ease-in-out;}
    .menu-m01 .block-content-frame:hover .block-submenu           {max-height: 100%; overflow: visible; padding: 1rem;}
    .menu-m01 .block-content-frame .block-submenu .menu-item      {color: #fff; font-size: 1.25rem; padding:5px;}
    .menu-m01 .block-content-frame .block-submenu .menu-item:hover {background-color: #f0323c;}
    .menu-m01 .slick-slider                    {position: absolute;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%; padding:0;}
    .menu-m01 .slick-slider .slick-list        {padding: 0 !important;}
    .menu-m01 .slick-slider .slick-track       {}
    .menu-m01 .box-img .img-wrapper            {position: relative;height: 70vh;overflow: hidden;}
    .menu-m01 .box-img .img-wrapper img        {width: 100%;height: auto;}
    .menu-m01 .img-desc                        {background-color: #fff; padding: 0 3rem;}

    .menu-m01 .box-blocks .block:nth-child(1) .block-content-frame:hover {box-shadow: inset 0px 0px 0px 5px #FFE614;}
    .menu-m01 .box-blocks .block:nth-child(1) .block-content-frame .block-submenu .menu-item:hover {background-color: #FFE614;}

    .menu-m01 .box-blocks .block:nth-child(3) .block-content-frame:hover {box-shadow: inset 0px 0px 0px 5px #235AE1;}
    .menu-m01 .box-blocks .block:nth-child(3) .block-content-frame .block-submenu .menu-item:hover {background-color: #235AE1;}



    .menu-m02                                  {position: relative;width: 100%;}
    .menu-m02 .box-blocks                      {position: relative;z-index: 5;width: 100.1%;height: 80vh;display: flex;justify-content: center;align-items: center;}
    .menu-m02 .box-blocks .block               {width: 33.333%;height: 100%;display: flex;justify-content: center;align-items: center;color: #fff;box-shadow: inset 0px 0px 0px 20px #fff; background-color: #ccc; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: all 500ms ease-in-out;}
    .menu-m02 .box-blocks .block-content       {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;color: #fff;box-shadow: inset 0px 0px 0px 20px #fff;border-radius: 50px;box-sizing: border-box;}
    .menu-m02 .box-blocks .block-content-frame {width: calc(100% - 40px);height: calc(100% - 40px);display: flex;justify-content: flex-start;align-items: center;color: #fff;box-shadow: inset 0px 0px 0px 5px #fff;border-radius: 25px; flex-direction: column; transition: all 500ms ease-in-out;}
    .menu-m02 .box-blocks .block-content-frame:hover {box-shadow: inset 0px 0px 0px 5px #ccc;}
    .menu-m02 .block-content-frame .block-headline                {width: 100%; text-align: center; margin: 2.5rem 0 1rem; font-size: 2.25rem;}
    .menu-m02 .block-content-frame .block-headline .menu-item     {color: #fff; line-height: 2.25rem; font-size: 2.25rem; padding: 0 1rem; display: inline-block; transition: all 500ms ease-in-out;}
    .menu-m02 .block-content-frame .block-desc                  {display: flex; flex-direction: column; width: 80%; max-height: 0px; overflow: hidden; transition: all 500ms ease-in-out;}
    .menu-m02 .block-content-frame:hover .block-desc            {max-height: 100%; overflow: visible; padding: 1rem;}
    .menu-m02 .block-content-frame .block-desc p                {font-size: 1rem; line-height: 1.5rem;}
    .menu-m02 .block-content-frame .block-desc a                {display: flex;color: #2c2d33;}
    .menu-m02 .block-content-frame .block-desc a:before         {content: url('https://dobrywzor.com/wp-content/uploads/2025/06/circle-chevron-right-solid.svg');   display: block; width: 22px; height: 10px; margin: 0 10px 0 0;}
    .menu-m02 .box-blocks .block:hover                                                   {background-image: none!important; background-color: #fff;}
    .menu-m02 .box-blocks .block:hover .block-content-frame .block-headline .menu-item   {color: #f0323c}




        /*mobile*/
        @media (max-width: 1024px){
            .block_menu                                                             {padding-left: 2rem; padding-right: 2rem;}
            .block_menu .row .block_menu_wrapper ul.menu                            {display: flex; flex-direction: column;}
            .block_menu .row .block_menu_wrapper ul.menu li                         {align-items: flex-start; min-height: auto; margin: 0 0 2rem 0;}
            .block_menu .row .block_menu_wrapper ul.menu li a                       {}
            .block_menu .row .block_menu_wrapper ul.menu li ul.sub-menu             {overflow: visible; max-height: unset; align-items: flex-start;}
            .block_menu .row .block_menu_wrapper ul.menu li:hover ul.sub-menu       {}
            .block_menu .row .block_menu_wrapper ul.menu li ul.sub-menu li          {margin: 0;}
            .block_menu .row .block_menu_wrapper ul.menu li ul.sub-menu li a        {}
            .block_menu .row .block_menu_wrapper ul.menu li ul.sub-menu li:hover a  {}
            .block_menu .row .block_menu_wrapper ul.menu li::after                  {}
        }

        @media (max-width: 767px){

        }