body {
  font-family: Tahoma, Arial, Verdana;
  font-size:15px;
  line-height:1.3em;
  color: #4c4c4c;
  background:#fff;
}


/* ������ */

a:link, a:visited {
	color: #005e9e;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

h1 {font-size:33px;}
h2 {font-size:30px;}
h3 {font-size:27px;}
h4 {font-size:24px;}
h5 {font-size:21px;}
h6 {font-size:18px;}
h1, h2, h3, h4, h5, h6 {
  display:block;
	padding:0;
	margin:0;
  line-height:1.1em;
  color:#005e9e;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#005e9e!important;
}

p, div.p {
	margin:1em 0;
}

input, textarea {
	font-family:inherit;
	font-size:inherit;
	color:inherit;
  outline:none;
}

hr {
	border:none;
	height:1px;
	background:#005e9e;
	margin:1.5em 0;
  color:#005e9e;
  size:0;
	padding:0;
  display:block;
}


/* ����������� */

a img {
	border: none;
}

/* ������ */

.clear {
  clear:both;
}


.small {
  font-size:11px;
}

.gray {
  color:#4c4c4c;
}

.egg{
  width: 300px;
  height: 100px;
  position: relative;
  left:70px;
  float:right;
}

.egg img{
  position: absolute;
  top: -5px;
  right: 5px;
  z-index: -1;
}

.egg-img-a{
  display: block;
  animation: egg .3s  ease-in-out 0s 1 normal;
  animation-fill-mode: forwards;
}

.egg-img-out{
  animation: egg-out .3s  ease 0s 1 normal;
  animation-fill-mode: forwards;
}

@keyframes egg {
  0% {
    top: -5px;
  }
  60%{
    z-index: -1;
  }
  100%{
    top: -105px;
    z-index: 25;
  }
}

@keyframes egg-out {
   0% {
    top: -105px;
  }
  80%{
    z-index: -1;
  }
  100%{
    top: -5px;
  }
}

.counters{
display: none;
}

@media (max-width: 1200px){
  .egg{
    width :40px;
    left: 1px;
}
}