.container-1 box:hover {
    background: darken(deepskyblue, 2%);
    }
    .container-1 container-2{
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .container-1{
        display: flex;
        align-items:center;
        justify-content:center;
        background: deepskyblue;
        padding-left:0px;
        margin: 0;
    }
    .span-time{
        position: absolute;
        padding: 10px;
        text-shadow: 0px 0px 5px #b393d3, 0px 0px 10px #b393d3, 0px 0px 10px #b393d3,
    0px 0px 20px #b393d3;
    }
       
    .container-2{
        display: flex;
        flex-wrap: wrap;
        align-items:stretch;
        padding-left: 0;
        
        
    }
    .container-1 li{
    list-style: none;
    padding:10px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    cursor: pointer;
    }
    .container-1 li ul li{
    border-left: 0px solid #eee;
    border-right: 0px solid #eee;
    }
    
    .ul li{
    list-style: none;
    padding:10px;
    cursor: pointer;
    }
    .container-2 li{
    padding:10px;
	box-shadow:1px 1px 3px #000; 
      align-items: center;
        justify-content: center;
            border-radius: 25px;
                background-color: gray;
                    opacity: 0.8;
    }
    

    
    
    .box-4{
         display: flex;
        flex:1;
        order:1;
    }
     .box-5{
          display: flex;
        flex:1;
        order:2;
    }
     .box-6{
          display: flex;
        flex:1;
        order:3;
    }
    .box{
        flex-basis:5%;
        display: block;
        color: white;
        font-weight: bold;
        font-size: 20px;
        text-align: center;
        text-shadow: 0px 0px 5px #b393d3, 0px 0px 10px #b393d3, 0px 0px 10px #b393d3,
    0px 0px 20px #b393d3;
    }
    
    /*for jsq*/
    .bgMouse {
        background: rgb(68, 0, 255);
        
    }
    
    .bgMouse1 {
        background: rgb(114, 46, 201);
        
    }
    
    
    .bgText{
        color:white;
    }
    
    .sub-menu { 
                display: none;
                padding-left: 0px;
    }
    
    .sub-menu  li a:hover{
       background: darken(deepskyblue, 2%);
       
     }
     .sub-menu  li a{
         border-top: none;
         color: white;
         cursor: pointer;
         text-decoration: none;
     }
     
     
     .imgFlex {
        width:300px;
        height:300px;
        opacity: 1;
     }

          .preloader {
          position: fixed;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          overflow: hidden;
          background: #fff;
          z-index: 10011;
         }
        
        .preloader__image {
          position: relative;
          top: 45%;
          left: 45%;
          width: 260px;
          height: 260px;
          margin-top: -60px;
          margin-left: -60px;
          box-shadow:1px 1px 3px #000; 
          border-radius: 25px;
          background: url('../sources/riploader/bearload.gif') no-repeat 50% 50%; /*расположение (url) изображения gif и др. параметры*/
        }