/*
	Шапка сайта
*/
.top_frame {
	
	min-height: 128pt;
	/*
	max-height: 128pt;
	*/
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}
.top_menu {
	display: inline-block;
	padding: 0 0 0 0;
	margin: 0 auto;
	width: calc( 100% );
	min-width: calc( 100% );
	max-width: calc( 100% );
	height: 36pt;
	min-height: 36pt;
	background-color: rgba(255, 0, 0, .2);
	background: transparent;
	text-align: center;
	vertical-align: middle;
	
	background-color: rgba(200, 0, 200, .2);
	
	background: transparent;
}
.top_tel {
	display: inline-block;
	padding: 0 0 0 0;
	margin: 0;
	font-family: Font_Thin, Arial, Tahoma, sans-serif;
	font-size: 16pt;
	color: #ffffff;
	width: calc( 100% - 80% );
	min-width: calc( 100% - 80% );
	max-width: calc( 100% - 80% - 24pt );
	height: 36pt;
	min-height: 36pt;
	max-height: 36pt;
	
	background-color: rgba(0, 200, 200, .2);
	
	background: transparent;
	
	text-align: right;
	vertical-align: middle;
}
.top_tel img{
	width: 16pt;
	min-width: 16pt;
	max-width: 16pt;
	padding: 10pt 0 0 12pt;
	margin: 0 12pt 0 0;
	float: right;
	
	background-color: rgba(100, 200, 200, .2);
	
	background: transparent;
	
}
.top_tel span{
	padding: 12pt 0 0 0;
	margin: 0 0 0 0;
	float: right;
	
	background-color: rgba(100, 200, 100, .2);
	
	background: transparent;
	
}
.top_logo img {
	width: 64pt;
	height: 64pt;
	border: none;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	animation: pulseout 2.5s linear infinite;
}
.top_logo {
  position: relative; 
  top: calc(50% - 32pt);
  left: calc(50% - 32pt);
  text-align: center; 
  padding: 0; 
  margin: 18pt 0 18pt 0;
  border-radius: 50%; // Делаем икноку круглой
  background: #DC7197;
  width: 64pt;
  height: 64pt;
  font-size: 0;
}
.top_logo::before {
  content: ''; // Нужно для отображения псевдокласса
  position: absolute;

  border: 3px solid #DC7197; // Ширину обводки можете выбрать сами
  left: -20px;
  opacity: 0;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: pulse 2.5s linear infinite; // Указываем название анимации, время, тип, и нужно ли её повторять
}
.top_logo::after,
.top_logo::before {
  content: '';
  position: absolute;
  border: 3px solid #DC7197;
  left: -20px;
  opacity: 0;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: pulse 2s linear infinite;
}
.top_logo::after {
  animation-delay: 1.25s;
}
@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;

  }
}
@keyframes pulseout {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.top_text1 {
	display: block;
	padding: 12pt;
	margin: 0 auto;
	/*
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	*/
	font-size: 24pt;
	color: #ffffff;
	background-color: rgba(129, 203, 203, .5);
	background: transparent;
	text-align: center;
}
.top_text2 {
	padding: 14pt 0 14pt 0;
	margin: 0;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	font-size: 18pt;
	color: #ffffff;
	text-align: center;
}
.top_text3 {
	font-family: Font_Phone, Font_Thin, Arial, Tahoma, sans-serif;
	padding: 0 0 0 0;
	margin: 16pt auto;
	
	width: 148pt;
	
	min-width: 128pt;
	/*
	max-width: 164pt;
	*/
	min-height: 16pt;
	font-size: 16pt;
	color: #ffffff;
	text-align: left;
	/*
	border: #090 1px dotted;
	*/
	border: none;
	
	display: table;
	vertical-align: middle;
	
	line-height: 100%;
	
}
.top_text3 img {
	float: left;
	padding: 0 8pt 0 0;
	margin: 0 auto;
	width: 16pt;
	max-width: 16pt;
	min-width: 16pt;
	height: 16pt;
	border: #090 1px dotted;
	border: none;
}
.top_text3 a {
	text-decoration: none;
	border: none;
	color: #fff;
}
.top_arrow {
	padding: 14pt 0 14pt 0;
	margin: 0;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	font-size: 9pt;
	color: #fff;
	text-align: center;
}
.top_arrow img{
	width: 14pt;
	min-width: 14pt;
	max-width: 14pt;
}