body  {
      background-color: #222222;
//	  background: url(../images/01.png) no-repeat;
//    font-family: fantasy;
//    color: aliceblue;
      font-size: 16px;  
      margin: 0px;
}

h1 {
	color: #ffeffe;
	
	text-shadow: 
		-0   -2px 0   #000000,
		 0   -2px 0   #000000,
		-0    2px 0   #000000,
		 0    2px 0   #000000,
		-2px -0   0   #000000,
		 2px -0   0   #000000,
		-2px  0   0   #000000,
		 2px  0   0   #000000,
		-1px -2px 0   #000000,
		 1px -2px 0   #000000,
		-1px  2px 0   #000000,
		 1px  2px 0   #000000,
		-2px -1px 0   #000000,
		 2px -1px 0   #000000,
		-2px  1px 0   #000000,
		 2px  1px 0   #000000,
		-2px -2px 0   #000000,
		 2px -2px 0   #000000,
		-2px  2px 0   #000000,
		 2px  2px 0   #000000,
		-2px -2px 0   #000000,
		 2px -2px 0   #000000,
		-2px  2px 0   #000000,
		 2px  2px 0   #000000;
	
}
P {
    line-height: 2.0em;
   }

#kartinka {
//	background: url(../images/01.png) no-repeat;
	background: url(../images/03.png) 50% 50% no-repeat;
	background-size: cover; /* Масштабируем фон */
	position: absolute;
	opacity:.8;
	top: 0px;
	left: 0px;
    width: 100%;
    height: 150%;
//	z-index: 1;
	
	
}
.container-fluid {
	z-index: 100;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	
}

#logosite {
	width: 250px;
	margin-bottom: 10px;
}

#blok02 {
	background-color: #eeeeee;
	padding: 10px;
	 border-radius: 5px;
}

#blok04 {
	background-color: #eeeeee;
	padding: 10px;
	 border-radius: 5px;
}

#YouTube1 img
{
   border-width: 0;
//   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_video
{
     width: 100%;
//   height: 270px;
   z-index: 0;
}
.article.video
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.footer {
	color: aliceblue;
//	position: relative;
    position: fixed;
	width: 100%;
    left: 0px;
	bottom: 0px;
//	margin-left:0px;
//	margin-right:0px;
//	text-align: center;
	padding: 20px;
	background-color: #222222;
	text-align: center;
}
#backplayer001 {
  display: none;
  //  visibility: hidden;	
  position: fixed;
  top: 0; left: 0; bottom: 0; right: 0;
  z-index: 99;
  color: rgba(0,0,0,0);
       
  cursor: pointer;
  z-index:100;
}

#player001 {
  display: none;
//  visibility: hidden;
  position: absolute;
  top: 50%; left: 50%;
  -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
  padding: .5% 1% 1%;
  border: 0px solid #fff00;
  border-radius: 5px; 
  background: linear-gradient(to right, #222222, #111111);
  font-size: 140%;
  font-weight: 600;
  text-align: right;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   color : black;

  z-index:200;
  
 width: 80%;
 height:  80%;
// max-width: 550px; 
// margin: 10px auto; padding: 1em; 
 box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8), 23px 0 20px -23px rgba(0, 0, 0, .8), 0 0 40px rgba(0, 0, 0, .1) inset;
  
  
  
}