body 
   
   .brd {
    border: 6px double black; /* Параметры границы */
    background: #777777; /* Цвет фона */
    padding: 10px; /* Поля вокруг текста */
   }
   
   ul {
    font-family:franklin gothic medium, verdana, candara,corbel;
	font-size: 12pt; /* Размер шрифта в пунктах */ 
	color: #FFFFFF;
   }
   
     h2 {
       
	padding-top: 10px;
	color: #FFFFFF;
	font-family:Poppins;
	font-weight:bold;
	font-size:22px;
	text-shadow: rgb(29 29 29) 1px 1px 4px;
	//text-align:center;
   }
   
    .blocktext { 
	//width: 500px;
    padding-top: 15px;
    font-family:Poppins;
	font-size:18px;
	text-shadow: 4px 4px 6px rgba(0,0,0,0.5);
   
	//max-width: 100%;
	//background: #FFFFFF;
}

    p {
    font-family:   verdana, candara,corbel;
	font-size: 14pt; /* Размер шрифта в пунктах */ 
	color: #FFFFFF;
	text-align: center
   }
   
    a {
     padding-top: 15px;
    font-family:Poppins;
	font-size:18px;
	text-shadow: 4px 4px 6px rgba(0,0,0,0.5);
	//margin: 5px 5px 5px 5px;
    color: #e3662b;
    text-align: left;
    
   }
   
     .link {
     padding-top: 10px;
    font-family:Poppins;
	font-size:18px;
	text-shadow: rgb(255 255 255) 1px 1px 3px;
	//margin: 5px 5px 5px 5px;
    color: #e3662b;
    
	cursor: pointer;
    
   }
 
   .right_t{
		text-align: right;
		padding-right:20px;	
 		
   }
    .left_t{
		text-align: left;
		padding-left:20px;
		 		
   }


ul.text {
    font-family: verdana, candara,corbel;
	font-size: 12pt; /* Размер шрифта в пунктах */ 
	color: #000000;
	display: block; /* Блочная ссылка */
    white-space: nowrap; /* Запрещаем перенос текста */
}
   
	.center-img {
	display: block;
	margin: 0 auto;
	}
	
 .shadow1 {
	background: #5ea8c0;
	margin-left: auto;
    margin-right: auto;
    width: 600px;
	max-width: 90%;
    box-shadow: 7px 7px 20px rgba(0,0,0,0.5); /* Параметры тени */
    padding: 0px;
	margin-bottom: 40px; 
   }
	
 .shadow {
	background: #5ea8c0;
	margin-left: auto;
    margin-right: auto;
    width: 1000px;
	max-width: 90%;
    box-shadow: 7px 7px 20px rgba(0,0,0,0.5); /* Параметры тени */
    padding: 0px;
	margin-bottom: 40px; 
   }
   
   
   
   
   
   
   
/* 2 раскрывающиеся круга */
.dws {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
.pulse, .bloc  {
 position: absolute;
 width: 10px;
 height: 10px;
 color: #fff;
 border-radius: 50%;
}
.bloc {
 cursor: pointer;
 z-index: 1;
 overflow: hidden;
}
.pulse {
 background: #fff;
 position: relative;
 transition: .5s;
}
  
.pulse {
 background: #ffffff;
}
.pulse i {
 transition: .5s ease-in-out;
 transform: scale(0);
}
.pulse {
 transform: scaleX(1);
 transition: .5s ease-in-out;
 opacity: 1;
}
.pulse::before,
.pulse::after {
 content: '';
 position: absolute;
 border: 2px solid #fff;
 left: -10px;
 right: -10px;
 top: -10px;
 bottom: -10px;
 border-radius: 50%;
 animation: pulse 1.8s linear infinite;
 opacity: 0;
}
.pulse::after {
 animation-delay: .5s;
}

 
@keyframes pulse {
 0% {
  transform: scale(0.5);
  opacity: 0;
 }
 50% {
  opacity: 1;
 }
 100% {
  transform: scale(1.2);
  opacity: 0;
 }
}








  
/* 2 раскрывающиеся круга 2 */
.dws2 {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
.pulse2, .bloc2  {
 position: absolute;
 width: 50px;
 height: 50px;
 color: #00ff00;
 border-radius: 20%;
 
}

.pulse2::before,
.pulse2::after {
 content: '';
 position: absolute;
 border: 20px solid #00ffff;
 left: -100px;
 right: -100px;
 top: -100px;
 bottom: -100px;
 border-radius: 50%;
 animation: pulse2 3s linear infinite;
 opacity: 0;
}
.pulse2::after {
 animation-delay: 0.9s;
}

 
@keyframes pulse2 {
 0% {
  transform: scale(0.5);
  border: 100px solid #ff8c08;
  opacity: 0;
  
 }
 50% {
  opacity: 1;
   
 }
 100% {
  transform: scale(1.2);
  border: 0px solid #fff;
  opacity: 0;
 
  
 }
}