body{
font-family: 'Times New Roman';
overflow-x: hidden;
-ms-user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
}

.munoHid{
position: fixed;
display: flex;
top: 0px;
padding: 2px 0px 2px 90px;
left: 0px;
overflow-x: auto;
z-index: 2;
background: #333;
}
.munoHid::-webkit-scrollbar {
display: none;
}

@media screen and (max-width: 900px){
.munoHid {
width: calc(100% - 65px);
padding-left: 65px;
}
}
/* Когда ширина окна от 1100 пикселей, ширина  div-2 будет 900px */
@media screen and (min-width: 900px){
.munoHid {
padding-left: 90px;
width: calc(100% - 90px);
}
}

.slidy{
position: relative;
display: inline-block;
text-align: center;
background: #333;
border-radius: 9px;
flex-wrap: nowrap;
width: 98%;
font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 320px)/1000));
color: #fff;
cursor: pointer;
margin-right: 4px;
white-space: nowrap;
padding: 3px 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-moz-user-select: -moz-none;
-o-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
font-weight: bold;
/*-webkit-box-shadow: 0px 0px 6px 0px rgba(51, 51, 51, 0.4) inset;*/
/*-moz-box-shadow: 0px 0px 6px 0px rgba(51, 51, 51, 0.4) inset;*/
/*box-shadow: 0px 0px 6px 0px rgba(51, 51, 51, 0.4) inset;*/
}

.head{
  position: absolute;
  top: 0;
  max-width: 1000px;
  width: 98%;
  margin:0 auto;
  left:0;
  right:0;
  height: 100vh;

}



.content{
  position: absolute;
  display: block;
  top: 50px;
  max-width: 1000px;
  height: calc(100vh - 70px);
  width: 98%;
  margin: 0 auto;
  left: 0;
  right: 0;
  overflow: auto;
 
}



/*.blockZada{*/
/*  position: absolute;*/
/*  display: none;*/
/*  top: 0;*/
/*  max-width: 1000px;*/
/*  width: 99%;*/

/*  border-radius: 15px;*/
/*  height: calc(100% - 30px);*/

/*}*/
/*.textBox{*/
/*  text-align: center;*/
/*  cursor: pointer;*/
/*  font-size: calc(20px + (8 + 8 * 0.7) * ((100vw - 320px)/1000));*/
/*}*/


/*.boxBlock{*/
/*  display: block;*/
/*  position: absolute;*/
/*  top: 0;*/
/*  width: 100%;*/
/*  border-radius: 15px;*/
/*  left: 25px;*/
/*}*/
/*.star{*/
/*  display: inline-block;*/
/*  margin:0 auto;*/
/*  left: auto;*/
/*  right: auto;*/
/*  width: 7%;*/
/*  height: auto;*/
/*  text-align: center;*/
/*  -webkit-animation: bounce-in-fwd 1.1s both;*/
/*          animation: bounce-in-fwd 1.1s both;*/
/*}*/
/*@-webkit-keyframes bounce-in-fwd {*/
/*  0% {*/
/*    -webkit-transform: scale(0);*/
/*            transform: scale(0);*/
/*    -webkit-animation-timing-function: ease-in;*/
/*            animation-timing-function: ease-in;*/
/*    opacity: 0;*/
/*  }*/
/*  38% {*/
/*    -webkit-transform: scale(1);*/
/*            transform: scale(1);*/
/*    -webkit-animation-timing-function: ease-out;*/
/*            animation-timing-function: ease-out;*/
/*    opacity: 1;*/
/*  }*/
/*  55% {*/
/*    -webkit-transform: scale(0.7);*/
/*            transform: scale(0.7);*/
/*    -webkit-animation-timing-function: ease-in;*/
/*            animation-timing-function: ease-in;*/
/*  }*/
/*  72% {*/
/*    -webkit-transform: scale(1);*/
/*            transform: scale(1);*/
/*    -webkit-animation-timing-function: ease-out;*/
/*            animation-timing-function: ease-out;*/
/*  }*/
/*  81% {*/
/*    -webkit-transform: scale(0.84);*/
/*            transform: scale(0.84);*/
/*    -webkit-animation-timing-function: ease-in;*/
/*            animation-timing-function: ease-in;*/
/*  }*/
/*  89% {*/
/*    -webkit-transform: scale(1);*/
/*            transform: scale(1);*/
/*    -webkit-animation-timing-function: ease-out;*/
/*            animation-timing-function: ease-out;*/
/*  }*/
/*  95% {*/
/*    -webkit-transform: scale(0.95);*/
/*            transform: scale(0.95);*/
/*    -webkit-animation-timing-function: ease-in;*/
/*            animation-timing-function: ease-in;*/
/*  }*/
/*  100% {*/
/*    -webkit-transform: scale(1);*/
/*            transform: scale(1);*/
/*    -webkit-animation-timing-function: ease-out;*/
/*            animation-timing-function: ease-out;*/
/*  }*/
/*}*/
/*@keyframes bounce-in-fwd {*/
/*  0% {*/
/*    -webkit-transform: scale(0);*/
/*            transform: scale(0);*/
/*    -webkit-animation-timing-function: ease-in;*/
/*            animation-timing-function: ease-in;*/
/*    opacity: 0;*/
/*  }*/
/*  38% {*/
/*    -webkit-transform: scale(1);*/
/*            transform: scale(1);*/
/*    -webkit-animation-timing-function: ease-out;*/
/*            animation-timing-function: ease-out;*/
/*    opacity: 1;*/
/*  }*/
/*  55% {*/
/*    -webkit-transform: scale(0.7);*/
/*            transform: scale(0.7);*/
/*    -webkit-animation-timing-function: ease-in;*/
/*            animation-timing-function: ease-in;*/
/*  }*/
/*  72% {*/
/*    -webkit-transform: scale(1);*/
/*            transform: scale(1);*/
/*    -webkit-animation-timing-function: ease-out;*/
/*            animation-timing-function: ease-out;*/
/*  }*/
/*  81% {*/
/*    -webkit-transform: scale(0.84);*/
/*            transform: scale(0.84);*/
/*    -webkit-animation-timing-function: ease-in;*/
/*            animation-timing-function: ease-in;*/
/*  }*/
/*  89% {*/
/*    -webkit-transform: scale(1);*/
/*            transform: scale(1);*/
/*    -webkit-animation-timing-function: ease-out;*/
/*            animation-timing-function: ease-out;*/
/*  }*/
/*  95% {*/
/*    -webkit-transform: scale(0.95);*/
/*            transform: scale(0.95);*/
/*    -webkit-animation-timing-function: ease-in;*/
/*            animation-timing-function: ease-in;*/
/*  }*/
/*  100% {*/
/*    -webkit-transform: scale(1);*/
/*            transform: scale(1);*/
/*    -webkit-animation-timing-function: ease-out;*/
/*            animation-timing-function: ease-out;*/
/*  }*/
/*}*/


/*.BoxSpar{*/
/*  position: relative;*/
/*  display: block;*/
/*  top: 80px;*/
/*  width: 100%;*/
/*  margin: 0 auto;*/
/*  text-align: center;*/
/*  height: calc(100% - 150px);*/
/*  font-size: calc(12px + (4 + 4 * 0.7) * ((100vw - 320px)/1000));*/
/*  overflow: auto;*/
  
/*}*/






/*.BoxSpar::-webkit-scrollbar {*/
  /*width: 0;          */
/*}*/

/*.footerOtv{*/
/*  position: absolute;*/
/*  display: block;*/
/*  width: 100%;*/
/*  bottom: 20px;*/
/*}*/

/*#boxInput{*/
/*  position: relative;*/
/*  display: inline-block;*/
/*  outline:none;*/
/*  border: 0;*/
  
/*  border-radius: 15px;*/
  
/*  font-size: calc(14px + (6 + 6 * 0.7) * ((100vw - 320px)/1000));*/
/*  font-family: "Times New Roman";*/
/*  color: #140D5D;*/
  
/*  margin: 0 auto;*/
/*  text-align: center;*/
/*  background: transparent;*/
/*  width: 100%;*/
/*}*/

/*input::placeholder {*/
/* color: #140D5D;*/
/*  opacity: 0.3;*/
/*  font-size: calc(14px + (6 + 6 * 0.7) * ((100vw - 320px)/1000));*/
/*}*/




/*p{*/
/*  margin-top: 0;*/
/*  margin-bottom: 0;*/
/*}*/