/*Прокрутка*/
html 
{
overflow:   scroll; /* Скрыть полосу прокруттки в Crome */
scrollbar-width: none; /* Скрыть полосу прокруттки в Firefox 64 */
overflow: -moz-scrollbars-none;
-ms-overflow-style: none; overflow: auto;  /* Скрыть полосу прокруттки в IE */

}

body
{
/*background: #95CAFF  no-repeat fixed center; /* Фон */ 
background-size: cover; /* Фон занимает всю доступную площадь */
color: #000000;
width: 100%;
height: 100%;
font-family:font;

}

@font-face 
{
    font-family: 'font';

  /*  src: url('font.ttf') format('truetype'),*/
	src: local('☺'),             /* IE trick */
      url('font.ttf') format('truetype'), /* Opera, Safari */
   url('font.ttf') format('svg'); /* iOS */
}


/* Текст */
A:link {COLOR: #ffffff; TEXT-DECORATION: none}
A:visited {COLOR: #ffffff; TEXT-DECORATION: none}
A:hover {COLOR:000000; TEXT-DECORATION: none}




::-webkit-scrollbar 
{
display: none;
width: 0px;
background: transparent; /* make scrollbar transparent */
}
::-moz-scrollbar
{
width: 0px;
height: 0px;
}





 .header 
{
	background: #7aa274;
	font-size: 15px;
    position: fixed; /* Фиксированное позиционирование */
    left: 0; 
	right: 0; /* Вся ширина */
    top: 0; /* Положение сверху */
    padding: 0px; /* Поля вокруг текста */
    color: #fff; /* Цвет текста */
	 z-index: 99;
	   

}

.image {
  position: relative;
  display: inline-block;
  
}

.opis1 {
position: absolute;
  display: inline-block; 
  
  top: 0%; 
  left: 0px; 
  color: white;
  
  text-align: right;
  
  font-size: 24px;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.9);
   



 padding: 30px 30px 0px 30px;
  width: 95%;
  height: 100px;
  
}
.opis2 {
  position: absolute;
  display: inline-block; 
  
  top: 0%; 
  left: 30%; 
  color: white;
 
  text-align: center;
  
  font-size: 25px;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
 



 padding: 20px 0px 0px 0px;
  width: 40%;
  height: 50px;
  /*  background-color: rgba(0,0,0,.5);*/
	background-color: rgba(128, 164, 216, .8);
}

.opis3 {
    position: absolute;
  display: inline-block; 
  
 
  bottom: 0%; 
  left: 0%; 
  color: white;
 
  text-align: center;
  
  font-size: 25px;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
 



 padding: 0px 0px 0px 0px;
  width: 100%;
  height: 65px;
  /*  background-color: rgba(0,0,0,.5);*/
	background-color: rgba(128, 164, 216, .8);
}

.text
{
background: #7aa274;
position: fixed; /* Фиксированное позиционирование */
left: 0; 
right: 0; /* Вся ширина */
top: 50; /* Положение сверху */
height: 100%;
    
z-index: 10;
animation: 1s show ease;
}
@keyframes show {
  from { opacity: 0; }
  to { opacity: 1; }
}


tr,td
{
	font-size: 24px;
}

#toggle {
    display: none;
}
.wrapp label {
    color: white;
    text-align: center;

    display: block;
    padding: 10px 10px;
    position: absolute;
    left: 60;
    top: 20px;
    cursor: pointer;

	
}


.widgettitle label::after {

	 
    content: "\2261";
	font-size:100px;
font-weight: bold;

}

.widgettitle .toggle::after {
	

	
	font-weight: bold;
    content: " \00D7";
    font-size:100px;
     
	
}


#toggle:checked ~ .hidden_menu {transform: translateX(1000px);}



:target {
 display: none;
}

.hidden_menu {
	FONT-FAMILY: font;
	 background: #95b6e3;
    position: absolute;
    width: 800px;
    top: 150px;
    left: -1000px;
    padding: 20px;
    color: #fff;
  
    transition: all 410ms ease-in;
    box-sizing: border-box;
}



.hidden_menu li a {
    color: #fff;
    text-decoration: none;
	
}
.hidden_menu li a:hover {
    color: #000000;
	
}
.hidden_menu li a:active {
	
    color: #cccccc;

}