/* Меню кталог продукции */  

.dism{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: auto ;
    gap: 1px 1px;
    grid-template-areas: "d a b c ";
    }
    .a { grid-area: a;
    text-align: center;
    width: 100%;
    }
    .b { grid-area: b;
    text-align: center;
    width: 100%;}
    .c { grid-area: c;
    text-align: center;
    width: 100%;}
    .d { grid-area: d;
    text-align: center;
    width: 100%;}
  /*  .e { grid-area: e;
    text-align: center;
    width: 100%;}*/
    .imgadpt{
    width: 100%;
    height: auto;
    }
.imgadpt1{
    width: 100%;
    height: auto;
    padding: 1.15vw 0 1.5vw 0;
    }
.imgadpt2{
    width: 100%;
    height: auto;
    padding: 1.5vw 0 1.5vw 0;
    }
.imgpadding{
   /* padding: 3vw 3vw 3vw 3vw;*/
    text-align: center;
}

.pclas{
 text-align: center;
    font-size: 1vw;
    line-height: 1.5;
    margin: 0 0 0em 0;
    margin-bottom:0.75vw;
    /*padding: 0.75vw 0 0.75vw 0;*/
    
}

    .slog{
    font-size:0.85vw;
    line-height: 1.25;
    }
    .imgadptH{
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
  /*  padding: 2% 0 2% 0;*/
    }
    .imgadptH:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    }
    html {
        background: rgb(230,30,65);
    }

/* айтемы */  
.items,
.items:after,
.items:before{
content:"";
display:block;
clear:both;
}

.item1{
width:40%;
height:100vh;
overflow:hidden;
overflow-y:auto;
float:left;
  padding: 3vw 3vw 3vw 3vw;
   /* margin: 3vw 3vw 3vw 3vw;*/
/* padding:150px 0;*/
/*
-webkit-box-shadow: -12px 0px 15px -13px rgba(0,0,0,0.3);
-moz-box-shadow: -12px 0px 15px -13px rgba(0,0,0,0.3);
box-shadow: -12px 0px 15px -13px rgba(0,0,0,0.3);
*/
}


.imgadpt {
width: 100%;
height: auto;
}

.item2{
width:52%;
height:100vh;
overflow:hidden;
overflow-y:auto;
float:left;
background: white;
    padding: 3vw 3vw 3vw 3vw;
    /*
-webkit-box-shadow: 12px 0px 15px -13px rgba(0,0,0,0.3);
-moz-box-shadow: 12px 0px 15px -13px rgba(0,0,0,0.3);
box-shadow: 12px 0px 15px -13px rgba(0,0,0,0.3);*/
box-shadow:9px 0px 10px 0px rgba(0,0,0,0.10)inset;
-webkit-box-shadow:9px 0px 10px 0px rgba(0,0,0,0.10)inset;
-moz-box-shadow:9px 0px 10px 0px rgba(0,0,0,0.10)inset;
}

.item1 ,.item2{
-ms-overflow-style: none;
scrollbar-width: none;
}

.item1::-webkit-scrollbar { width: 0; }
.item2::-webkit-scrollbar { width: 0; }

.item3 {
overflow-y:auto;
width:8%;
float:left;
padding: 0vw 2vw 0vw 0vw;


}



a.glo{
text-decoration:none;
display: block;
background-color: rgb(227,227,227);
background-image: linear-gradient(to left,transparent,transparent 50%,rgb(255,255,255) 50%,rgb(255,255,255));
background-position: 100% 0;
background-size: 200% 100%;
transition: all .25s ease-in;
/*clip-path: polygon(0% 0%, 100% 0, 100% 80%, 0 100%);*/
border-radius: 0 10px 30% 0;   

-webkit-box-shadow: 10px 0px 8px -3px rgba(50, 50, 50, 0.2) inset;
  -moz-box-shadow:    10px 0px 8px -3px rgba(50, 50, 50, 0.2) inset;
  box-shadow:         10px 0px 8px -3px rgba(50, 50, 50, 0.2) inset;
filter: drop-shadow( 0px 0px 3px rgba(72,72,72,0.1) );
position: relative;
}

.child{
    position: absolute;
  top: 0;
    width: 100%;
    height: 100%;
background: linear-gradient(170deg, rgba(0,0,0,0.3) 0%, rgba(102,6,6,0) 15%, rgba(48,1,1,0) 100%);
 
}
.child2{
    position: absolute;
  top: 0;
    width: 100%;
    height: 100%;
background: linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(102,6,6,0) 15%, rgba(48,1,1,0) 100%);
 
}


a.glo2{
    margin-top: -10%;
-webkit-box-shadow: 10px 0px 8px -3px rgba(50, 50, 50, 0.1) inset;
  -moz-box-shadow:    10px 0px 8px -3px rgba(50, 50, 50, 0.1) inset;
  box-shadow:         10px 0px 8px -3px rgba(50, 50, 50, 0.1) inset;
  
}
    
a.glo:hover {
background-position: 0 0;
/*color:#fff;*/
}


/*a.gloCP{
background-image: linear-gradient(to left,transparent,transparent 50%,rgb(138, 201, 25) 50%,rgb(138, 201, 25));
}

a.gloCP:hover {
background-position: 0 0;
color:rgb(138, 201, 25);
}

a.gloWP{
background-image: linear-gradient(to left,transparent,transparent 50%,rgb(219, 109, 168) 50%,rgb(219, 109, 168));
}

a.gloWP:hover {
background-position: 0 0;
color:rgb(238, 71, 34);
}

a.gloMD{
background-image: linear-gradient(to left,transparent,transparent 50%,rgb(252, 192, 25) 50%,rgb(252, 192, 25));
}

a.gloMD:hover {
background-position: 0 0;
color:rgb(252, 192, 25);
}

a.gloGW{
background-image: linear-gradient(to left,transparent,transparent 50%,rgb(171, 82, 190) 50%,rgb(171, 82, 190));
}

a.gloGW:hover {
background-position: 0 0;
color:rgb(3, 49, 159);
}*/







    
.imgp{
padding: 20% 10% 5% 10%;
width: 100%;
height: auto;
}

.hkat{
    font-size: 1vw;
    color: rgb(72,72,72);
    margin: 0 0 2.25vw 0;
}
.hkat2{
    font-size: 1vw;
    color: rgb(72,72,72);
    margin: 0 0 3.25vw 0;
}
.hkat3{
    font-size: 1.2vw;
    color: rgb(72,72,72);
    margin: 0 0 3.25vw 0;
}
.pkat{
    font-size: 0.65vw;
    color: rgb(72,72,72);
    line-height: 1.5;
    margin-bottom: 0;
}

.pkat3{
    font-size: 1vw;
    color: rgb(72,72,72);
    line-height: 1.5;
}
.pkat2{
    font-size: 0.75vw;
    color: rgb(72,72,72);
    line-height: 1.5;
}
.ikat{
    width: 100%;
    height: auto;
 /*padding: 0 0 1.5vw 0;*/
}

.ikat{
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    }
    .ikat:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    }

.grid-container1 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  /*grid-template-rows: 1fr 1fr 1fr 1fr 1fr;*/
    grid-column-gap: 0vw;
    grid-row-gap: 1.5vw;
  
  /*grid-template-areas:"a1 a2 a3" "a4 a5 a6" "a7 a8 a9" "a10 . .";*/
}

.grid-container2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  /*grid-template-rows: 1fr 1fr 1fr 1fr 1fr;*/
    grid-column-gap: 0vw;
    grid-row-gap: 2.5vw;
  
  grid-template-areas:"a1 a2 a3" "a4 a5 a6";
}
.grid-container3 {
  display: grid;
  grid-template-columns: 1fr;
      grid-column-gap: 0vw;
    grid-row-gap: 2.5vw;
  
  grid-template-areas:"a1";
}

/*
.grid-container3 {
  display: grid;
  grid-template-columns: 1fr 1fr;
      grid-column-gap: 0vw;
    grid-row-gap: 2.5vw;
  
  grid-template-areas:"a1";
}
*/


.grid-containerdw {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /*grid-template-rows: 1fr 1fr 1fr 1fr 1fr;*/
    grid-column-gap: 0vw;
    grid-row-gap: 1.5vw;
  
  grid-template-areas:"a1 a2";
}


.zgl { grid-area: zgl;
padding-top: 2.25vw;
}

.grid-container1 p{
/* position: absolute; */

  left: 0;
  top: -1vw;
  width: 100%;
}

.grid-container2 p{
  /* position: absolute; */

  left: 0;
  top: -2vw;
  width: 100%;
}

.grid-container3 p{
position: absolute;

  left: 0;
  top: -2vw;
  width: 100%;
}

.grid-containerdw p{
position: absolute;

  left: 0;
  top: -1vw;
  width: 100%;
}

/*.a1 { grid-area: a1;
 position: relative;
    }

.a2 { grid-area: a2; position: relative; }

.a3 { grid-area: a3; position: relative; }

.a4 { grid-area: a4;  position: relative;}

.a5 { grid-area: a5;  position: relative;}

.a6 { grid-area: a6;  position: relative;}

.a7 { grid-area: a7;  position: relative;}

.a8 { grid-area: a8;  position: relative;}

.a9 { grid-area: a9;  position: relative;}

.a10 { grid-area: a10;  position: relative;}*/

 ::-webkit-scrollbar {
               width: 0px;
               }

               .bl-scroll {
               overflow-y:scroll!important;
               }

               .bl-scroll::-webkit-scrollbar {
               width: 10px;
               }

               .bl-scroll::-webkit-scrollbar-track {
               /*-webkit-box-shadow: 5px 5px 5px -5px rgba(227,227,227, 1) inset;*/
               /*background-color: rgb(227,227,227);*/
               background-color: rgb(255,255,255);
               /* background-color: rgba(72,72,72, 1);*/
               border-radius: 0px;
               }
               
               .bl-scroll::-webkit-scrollbar-track:hover {
               background-color: rgb(255,255,255);
               /* background-color: rgb(227,227,227);*/
               }
               
               .bl-scroll::-webkit-scrollbar-thumb {
               border-radius: 0px;
               border: 3px solid white;
               background: linear-gradient(180deg, rgb(230,30,65), rgb(190,0,50));
               background:rgb(230,30,65);
               }
               
               .bl-scroll::-webkit-scrollbar-thumb:hover {
               background: radial-gradient(rgb(230,30,65), rgb(190,0,50));
               background:rgb(190,0,50);
               }
               
               .item1{
               padding: 3vw 3vw 3vw 3vw;
               height:calc(100vh - 3.25em)!important;
               }
               
               .item2{
               padding: 3vw 3vw 3vw 3vw;
               height:calc(100vh - 3.25em)!important;
               }               
/* NEW */

                .grid-containerdw11 {
                    display: grid;
                    grid-template-columns: 1fr;
                    /* grid-template-rows: 1fr 1fr 1fr 1fr 1fr; */
                    grid-column-gap: 0 vw;
                    grid-row-gap: 1.5 vw;
                    grid-template-areas: "a111";
                    align-self: center;}
                   .a111 {
                    grid-area: a111;
                    position: relative;
                    text-align: center;
                    
                } 

                .grid-containerdw p2 {
                    position: absolute;
                    left: 0;
                    top: -1vw;
                    width: 100%;
                }


                .ikat1 {
                    width: 100%;
                    height: auto;
                    z-index: 799;
                    /*padding: 0 0 1.5vw 0;*/
                }

               

                .ikat1 {
                    -moz-transition: all 1s ease-out;
                    -o-transition: all 1s ease-out;
                    -webkit-transition: all 1s ease-out;
                }

                .ikat1:hover {
                    -webkit-transform: scale(1.1);
                    -moz-transform: scale(1.1);
                    -o-transform: scale(1.1);
                     z-index: -5;
                }

                 .ikat3 {
                    width: 75%;
                    height: auto;
                    /*padding: 0 0 1.5vw 0;*/
                }