*
{
	font-family:verdana;
	font-size:14;
	color:gray;
}



@keyframes animatedBackground {
    0 {
        background-position: 0 0
    }
    100% {
        background-position: -600px 600px /* анимируем свойство background-position */
    }
}
/* Mozilla Firefox 5.0+ */
@-moz-keyframes animatedBackground {
    0 {
        background-position: 0 0
    }
    100% {
        background-position: -600px 600px
    }
}
/* Safari 4.0+, Chrome 4.0+ */
@-webkit-keyframes animatedBackground {
    0 {
        background-position: 0 0
    }
    100% {
        background-position: -600px 600px
    }
}
/* Opera 12.0+ */
@-o-keyframes animatedBackground {
    0 {
        background-position: 0 0
    }
    100% {
        background-position: -600px 600px
    }
}
/* не нужно использовать префикс -ms, так как свойства keyframes и animation поддерживаются с версии IE10 без префикса */
#oblaka{
	height: 1040px; /* задаем произвольную высоту и ширину блока */
	width:100%;
	background-image: url(cloud.png);
	opacity: 0.9;
	animation: animatedBackground 60s linear infinite;
	-moz-animation: animatedBackground 60s linear infinite;
	-webkit-animation: animatedBackground 60s linear infinite;
 	-o-animation: animatedBackground 60s linear infinite;
	/* так же, как и с @keyframes, префикс -ms тут ни к чему */
}








#s1img
{

    width: auto%;
    height: 60%;
     	opacity: 0.15;
filter: drop-shadow(0px 0px 22px black);
}

.s1
{
		margin-left: auto;
    margin-right: auto;
   width: 18em;
   	opacity: 0.15;
filter: drop-shadow(0px 0px 22px black);
}

#spin
{
 	opacity: 0.25;
	filter: drop-shadow(0px 0px 22px black);
	padding:10px;
}

#s1tab
{
	padding-top: 70px;
	background: rgba(55,55,55,0.5);
border:2px solid #444;

}

#s1-2
{
	padding-top: 30px;
		text-align: center;
filter: drop-shadow(0px 0px 22px black);
}

#s1-2no
{
	font-color: gray;
	   	opacity: 0.5;
		font-size: 12px;
filter: drop-shadow(0px 0px 22px black) blur(0.5px);;
}

#s1-2ne
{
	padding-top: 70px;
	font-size: 21px;
	font-family: times new roman;
	/* font-style: bold; */
filter: drop-shadow(0px 0px 26px black);
display: none;
	}

#s1-2adress
{
	padding: 85px;
	font-size: 12px;
	  
}



.mob #s1-2no
{
	font-color: gray;
	   	opacity: 0.5;
		font-size: 25px;
filter: drop-shadow(0px 0px 22px black) blur(0.5px);;
}

.mob #s1-2ne a
{
	padding-top: 70px;
	font-size: 55px;
	font-family: times new roman;
	font-style: bold;
filter: drop-shadow(0px 0px 26px black);
text-decoration: none;
}

.mob #s1-2adress
{
	padding: 85px;
	font-size: 15px;
	  
}
.mob #site
{
	padding: 85px;
	font-size: 25px;
	font-style: bold;
	  
}

body
{
	background-color:black;
	background-image: url(dark-space.jpg) ;

	
}


.comm 
{
	min-height: 500px;

}
.comm div
{
	padding: 20px;

}


/* градиент поверх фона
body::after {  
    background: transparent;
   
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.1) 100%);
    content: "";
    display: block;
    height: 3%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
} */


.borderinn 
{
	
	background-image: url(smoke.jpg);
	background-size:100%;
	margin:21px auto;
	border:2px solid #444;

	width:90%;
	box-shadow:7px 17px 17px black;
	background-color:black;
	background: rgba(55,55,55,0.5);
	padding:7;

}

.top  
{
	border-radius:21px 21px 5px 5px;
	font-weight:800;
	left: 0;
	text-indent: 50px;
	list-style-type: none;
	-overflow:scroll;
	-min-width: 100px;

}
.top a:hover{
	color: #999;
}
.top a {
    text-decoration: none;

padding:7px;
 
}
.top li {

   padding:7px;
 display: inline; 
 border-radius: 21px 0px 33px 0px;
 border-left: 2px solid #444;
 
}
.top ul
{
	-height: 15px;
}


.two
{

	border-radius:5px 5px 21px 21px;

}
 .two ul
 {
	margin: 1px;
	padding-right: 2%;
 }
 
/* #activemenu */

li.active 
 {


	background-color: #444;
	color: #999;
	
} 



.top ul li { float: none; }

.top li:hover 
{ 
background-color: #444;

}



.top ul
{
list-style: none; margin: 0; padding: 0;

padding-left:4%;

}



.tab ul li
{   
list-style: none;  display: inline-block;
}

 .tab  
{  
margin:21px auto;
padding-left:2%;
padding-bottom:1%;

 } /* отступ  */

 
/* инвертирование рисунка */
  #invert {
	   filter: invert(95%); 
     -webkit-filter: invert(95%); (для chrome)
  }
#shuman
{
	width: 100%;
	margin:21px auto;
}
 
   .photo {
	position: relative; 
	padding: 4px;
	float:left; /* Выравнивание по левому краю */
	
   }
   
.q ul li   /* tab earthquake отступ  */
{
	margin-top: 32px;
	-padding: 12px;
	
}


.h
{
	float:left; 
}



   .photo:hover::after {
    content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    left: 0; right: 0; bottom: 0px; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: rgba(150,150,130,0.8); /* Полупрозрачный цвет фона */
    color: #fff; /* Цвет текста */
    text-align: center; /* Выравнивание текста по центру */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 14px; /* Размер текста подсказки */
    padding: 5px 5px; /* Поля */
    border: 1px solid #222; /* Параметры рамки */
	border-radius:7px;   /* Параметры рамки */
	margin:4px;
	display:inbl
   }
  
  
.popup     /*Увеличить фото благодаря фокусу :focus.*/
{
	width: 200px;     /*Размер превью*/
	cursor:pointer;
	} 
	
.popup:focus 
  {width: auto;}

.popupSG     /*Увеличить фото благодаря фокусу :focus. Для SunGraph*/
{
	-width: 200px;     /*Размер превью*/
	cursor:pointer;
	
	} 
.popupSG:focus 
  {width: auto;}



/* 
#bottimg    рисунок снизу Two
{
	background: url(poteki.png) ;
	
	margin:-21px auto;
	-background-color:black;
	width:75%;
	opacity:0.9;
	padding: 20;
	-border-radius:222px ;
}
 */
 .count 
 {
	 
	 
	 
margin:21px auto;
padding-left:47.6%;
padding-bottom:1%;
	   filter: invert(95%); 
	 opacity:0.7;  
	webkit-filter: invert(95%); (для chrome)
}