:root {
            font-family: RobotoRoman, Arial;

            --general_width: 1920px;
        }


        @media screen and (max-width: 1920px) {
            :root {
                --general_width: 1200px;
            }
        }



        body {
            font-family: RobotoRoman, Arial;
        }
        
        #rec341137650 .t396__artboard {
            min-height: 1700px;
            height: 100vh;
            background-color: #ffffff;
        }

     
        #top_logo_mob  {
            display: none;
            margin-bottom: 50px;
            z-index: 10;
            position: absolute;
            left: 20px;
            top:60px;
        }

        #top_logo_mob a img {
            width: 350px;
           
        }

        #index-content-back {
            position: relative;
            height: 830px;
            margin-top: 100px;
            margin-bottom: 150px;
            background-position: left top;
            background-attachment: scroll;
            background:  linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),
                         url('../images_index/back_top.jpg');
            background-size: cover;
            background-repeat: no-repeat;
            width:100vw;
            padding: 0px;
            display:flex;
            flex-wrap:wrap;
            align-items: flex-start;
            justify-content: center;
            box-sizing: border-box;


        }

        #background-video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            position:absolute;
            left: 0;
            top: 0;
            z-index: 1;
            display:none;
          }



        #index-content-back-2 {

            margin-top:150px;
            margin-bottom: 150px;
            height: 397px;
            width:100vw;
            background-position: left top;
            background-attachment: scroll;
            background:  linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),
                         url('../images_index/back_catalog.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            padding: 0px;
            display:flex;
            flex-direction: row;
            flex-wrap:wrap;
            align-items: flex-start;
            justify-content: center;
            box-sizing: border-box;
            overflow: hidden;

        }

        @media screen and (max-width: 1920px) {
        #index-content-back-2 div.flex-center {
            gap:60px !important;

          }

        }


        #index-content-back-2 div.flex-center {
            gap:600px; 
            margin-top:100px;
        }



        .index-content {
            display:flex;
            flex-wrap:wrap;
            align-items: flex-start;
            justify-content: center;
            box-sizing: border-box;
            width:100vw;
        }

        #index-content-top {
            display:flex;
            flex-wrap:wrap;
            flex-direction: row;
            align-items: flex-start;
            justify-content: flex-start;
            padding: 180px;
            padding-left: 80px;
            padding-top: 150px;
            padding-bottom: 150px;
            box-sizing: border-box;
            position: relative;
        }

        .main_contain {
            width: var(--general_width);
        }

        #index-content-top-left {
            display:flex;
            flex-wrap:wrap;
            flex-direction:column;
            align-items: flex-start;
            justify-content: center;
            box-sizing: border-box;

        }

        #index-content-top-left-text {
            font-size: 20pt;
            font-family: Roboto, Arial, Helvetica, sans-serif;
            color: #ffffff;
            font-weight: bold;
            line-height: 1.2;
         
        }
   

        .span-top-big {
            font-size: 82pt;
            
        }
        .span-top-middle {
            font-size: 60pt;
        }

        .span-top-small {
            font-size: 20pt;
        }

        
        a {
            text-decoration: none;
        }

        a.href_logo_dipp {
            text-decoration: none;
        }

        a.href_logo_dipp img {
            transition: 0.1s;
            border: 0px;
        }

        a.href_logo_dipp img:hover {
            transition: 0.3s;
           transform:scale(1.2);
        }

        a.link_to {
            text-decoration:underline;
            font-size: 20px;
            color: #19233a;
            font-family: RobotoRoman, Roboto, Arial;
        }

        a.link_to:hover {
            color: #354f8d;
        }


        #index-content-top-right {
           position: absolute;
           right: 0px;
           top: 20px;
           
        }

        #index-content-top-left-button {
         margin-top: 80px;
        }

        .white_button {
            transition:0.1s;
            width: 250px;
            height: 60px;
            border: 0;
            outline: 0;
            border-radius: 8px;
            background-color: #FFFFFF;
            color: #19233a;
            font-size: 18pt;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
        }
        .white_button:hover {
            transition:0.3s;
            background-color: #d8d8d8;
        }

        .flex-center{
            display:flex;
            flex-wrap:wrap;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            text-align: center;
            width: 100%;
        }

        .flex-center-top {
            display:flex;
            flex-wrap:wrap;
            flex-direction: row;
            align-items: flex-start;
            justify-content: center;
            text-align: center;
            width: 100%;
        }

        .flex_col {
            display:flex;
            flex-wrap:wrap;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            text-align: center;
        }

        .flex_col_center {
            display:flex;
            flex-wrap:wrap;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            gap:20px;
        }


        .stat_big_d {
            text-align: center;
            font-size: 52pt;
            color:#19233a;
            font-family: RobotoRoman, Roboto, Arial;
            width:100%;
            font-weight: bold;
        }

        .stat_small_d {
            text-align: center;
            font-size: 18pt;
            color:#19233a;
            font-family: RobotoRoman, Roboto, Arial;
            width:100%;
        }

        .stat_middle_d {
            text-align: center;
            font-size: 30pt;
            color:#19233a;
            font-family: RobotoRoman, Roboto, Arial;
            width:100%;
        }


        .stat_small_2_d {
            text-align: center;
            font-size: 12pt;
            color:#19233a;
            font-family: RobotoRoman, Roboto, Arial;
            width:100%;
        }

        .stat-block {
            width: 626px;
            height: 189px;
            border: 2px #CCCCCC solid;
            border-radius: 8px;
            background-image: url('../images_index/ico_stat_1.png');
            background-repeat: no-repeat;
            background-position: 95% 20px;
            display:flex;
            flex-wrap:wrap;
            flex-direction: column;
            justify-content: center;
            overflow: hidden;

        

        }

        .stat-block div {
            text-align: left;
            box-sizing: border-box;
            margin: 30px;
            
        }


        #gruz_med_lifts {

            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            align-items: center;
            justify-content: center;

            margin-top: 150px;
            gap:20px;

        }

        .dop_lift_block {
            width:947px;
            height: 397px;
            background-repeat: no-repeat;
            background-size: contain;
            background:  linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),
            url('../images_index/lifts/gruz.jpg');

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            border-radius: 8px;

            

        }

        .dop_lift_block_zag {
            font-size: 30pt;
            font-family: Roboto, Arial, Helvetica, sans-serif;
            color: #19233a;
            font-weight: bold;
            margin-bottom: 30px;
            text-align: center;
        }
  


        #index-stat{
           /* padding-top: 80px;
            padding-bottom: 80px;*/
        }

        .stat_flex_counters {
            gap:80px; 
            margin-bottom:150px;
        }

        .droducts {
            margin-top:150px;
        }

        .hidden {
            display:none !important;
        }

        @media screen and (max-width: 1920px) {
            
            .stat_flex_counters .flex_col {
                flex: 0 0 40%;
            }


            .stat-block {
                width: 591px;
            }
           

        }
     
        @media (orientation: portrait) {
            #top_logo_mob {
                position: relative;
                top:0;
                left:0;

            }

            #index-content-top {
                padding-top: 130px;
            }
        }


        @media screen and (max-width: 959px) {

           #top_logo_mob {
                position: relative;
                top:0;
                left:0;
            }

            .stat_flex_counters .flex_col {
                flex: 0 0 100%;
            }


            #index-content {
                 margin-top: 0;
            }

            #index-content-back {
                margin-top: 0;
            }
           
            .main_contain {
                width: 100vw;
            }

           .flex-center {

            flex-direction: column;


           }
           .stat_small_d {
             font-size: 12pt;
           }

           .stat_small_2_d {
            font-size: 10pt;
          }

          .stat_big_d {
            font-size: 40pt;
          }

          .span-top-big {
            font-size: 50pt;
          }

          .span-top-middle {
            font-size: 25pt;
        }

          #img_dipp_logo {
            width:300px;
          }


          #index-content-back-2 {
            height: 600px;
            margin-top: 50px;
            margin-bottom: 50px;
          }

          #index-content-back-2 div.flex-center {
            gap:80px !important;
          }

          #top_logo_mob {
            display: block;
          }

          #index-content-top {
            padding-left: 20px;
          }

          #gruz_med_lifts {
            margin-top: 20px;
          }


          .droducts {
            margin-top:50px !important;
        }

        }


      
        /* галерея */

        .gallery_scroll {
            width: 100%;
            height: 880px;
            
            display:flex;
            flex-direction: row;
            justify-content: center;
            flex-grow: 1;
            position: relative;
        }

        .swiper-button-prev, .swiper-button-next {
            top: calc(40% - 20px) !important;
        }

        /* BEGIN настройка стандартного свайпера */
        .swiper-slider {
            margin-top:20px;
            height: 940px !important;    
            align-items: flex-start;
            width: 100%;
        }

        .gallary_mob {
            display:none;
        }
        .swiper-slide {
            cursor: pointer;
           /*height: 1020px !important; */
            background-size: 415px 700px !important;
            background-position: top center !important;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
            height: calc(100% - 60px);
            
            
        }
        .swiper {
           /*width: 100%;*/
            height: 880px;
            width: calc(100% - 60px);
        }

        .swiper-pagination-bullet {
            display: none;
        }

        .swiper-scrollbar{
            bottom:0px !important;
           /* width: 100%;
            margin-left: calc(50% - 250px);*/
        }


        .gal_bottom {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        .gallary_news {
            height: 600px !important;
            padding: 0px;



        }
        .gallary_news  .swiper-wrapper {
            padding: 0px;
            margin:0px;
        }

        .slide_news {
            width: 100%;
            height: 600px !important;
            background: none;
            padding: 0px;
            margin:0px;
            
        }
        .slide_news_img {
            margin-top: 0px;
            background-repeat: no-repeat !important;
            background-size: cover !important;
            background-position: center center !important;
            width:calc(100vw - 60px) !important;
            height: 415px;
            cursor: pointer;
        }

        .gallary_news .swiper {
            height: 620px;
            margin-top: 0 !important;
            padding-top: 0 !important;
        }
       


       /* END настройка стандартного свайпера */

        .gallery_scroll_nav {
            transition: 0.1s;
            color:#19233a;
            font-size: 70px;    
            transform: scale(1, 1.5);
            position: absolute;
            top: calc(50% - 30px);
            cursor: pointer;
            font-family: swiper-icons;
        }
        .gallery_scroll_nav:hover {
            transition: 0.3s;
            color: rgb(67, 87, 133);
            
        }

        .nav_prev {
            left:0px;
        }

        .nav_next {
            right:0px;
        }

        .nav_prev::after {
            content: '<';
        }

        .nav_next::after {
            content: '>';
        }

        .gallery_scroll_content {
            display:flex;
            flex-wrap: nowrap;
            flex-direction: row;
            justify-content: left;
            width: 100%;
            overflow-x: scroll;
            gap:30px;
            box-sizing: border-box;
            margin-left: 50px;
            margin-right: 50px;
        }

        
        /*
        .gallery_scroll_content::-webkit-scrollbar {
           
           margin-top: 50px;
            width: 500px;
            height: 10px;
        }

        .gallery_scroll_content::-webkit-scrollbar-track {
            background:#CCCCCC;
            border-radius: 6px;
            width:500px;
        }

        .gallery_scroll_content::-webkit-scrollbar-thumb {
            background:#656565;
            border-radius: 6px;
        }
*/

        .gallery_scroll_item {

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;

        }

        .gallery_scroll_item_title {
            font-size: 22pt;
            color:#19233a;
            font-family: RobotoRoman, Roboto, Arial;
            text-align: center;
        }

        .gallery_scroll_item_newsTitle {
            font-size: 15pt;
            color:#19233a;
            font-family: RobotoRoman, Roboto, Arial;
            text-align: center;
            height:70px;
        }

        .gallery_scroll_item_newsDate {
            font-size: 12pt;
            color:#19233a;
            font-family: RobotoRoman, Roboto, Arial;
            text-align: center;
            margin-bottom: 15px;
        }


        .gallery_scroll_item_button {
            margin-top: 10px;
        }

        a.blue_button_href button {
            width: 200px;
            height: 50px;
            font-size: 20px;
            color:#FFFFFF;
            background-color: #19233a;
            border: 0;
            border-radius: 6px;
            outline: 0;
            cursor:pointer;
        }

        a.blue_button_href button:hover {
            transition:0.3s;
            background-color: rgb(48, 66, 109) ;
        }


        a.blue_button_2_href button {
            width: 200px;
            height: 50px;
            font-size: 20px;
            color:#FFFFFF;
            background-color: #6490d9;
            border: 0;
            border-radius: 6px;
            outline: 0;
            cursor:pointer;
        }

        a.blue_button_2_href button:hover {
            transition:0.3s;
            background-color: #5875a4;
        }


        .gallery_scroll_item_img {
            transition:0.1s;
            width: 415px;
            height: 700px;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            cursor: pointer;
            margin-bottom: 20px;
        }

        .gallery_scroll_item_img:hover {
            transition:0.3s;
            transform-origin: center;
            transform: scale(1.1);
        }


        .news_image {
            width: 600px;
            height: 491px;
            background-size: cover;
            background-position: left top !important;
        }

        .gallery_scroll_nav {
            top:300px;
        }

        #gallary_news .gallery_scroll_nav {
            top:200px;
        }

        
       

        @media screen and (max-width: 1780px) {

            .gallery_scroll {

                height: 780px;

            }

            .gallery_scroll_item_img {

                width: 350px;
                height: 600px;

            }


            .news_image {
                width: 350px !important;
                height: 350px !important;
            }

            .gallery_scroll_item_newsTitle {

                font-size: 12pt;

            }


            

        }

       


        @media screen and (max-width: 959px) {
       

            .gallery_scroll {
                width: 100vw;
            }
    
            .stat-block {
                width: 90vw;
                background-size: 45px;
                padding-right: 50px;
                box-sizing: border-box;
                margin-right: 0;
            }


            .stat-block div {
                padding-right: 40px;

            }
           
        }
        @media screen and (max-width: 1200px) {

                .gallary_mob {
                    display: block;
                }

                .gallery_scroll {
                    display: none;
                }

                

         }


        .fadeIn_t {
            display: none;
        }

        .hidden {
            display:none !important;
        }