@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html, body {
	height: 100%;
	min-height: 100%;
	display:table;
	width: 100%;
	 font-size: 16px;
	font-weight: 300;
}

body {
    padding: 0px;
    margin: 0px;
    font-family: 'Roboto', Arial, sans-serif;
    color: #b8c3c8;
    z-index:0;
	background-color: #000c18;
	-webkit-text-size-adjust: 100%;
}

@media (max-width: 760px) {
	
	body {
		font-size: 0.9375rem;
	}
	
}

.main_bg {
	position:fixed;
	top: 0;
	left: 0;
	z-index: 0;
	width:100%;
	height: 100%;
	background-color: #0a1622;
	background-position: center top;
	background-repeat:no-repeat;
	background-image: url(../images/bg.jpg);
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -khtml-background-size: cover;
}

a {
   color: #729fbb;
   outline: none;
   text-decoration:none !important;
   -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a:hover {
   color:#adc765;
   -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

img {
    border: none;
}

h1, .contentheading {
  margin: 15px 0 10px;
	display: block;
  padding: 0;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 2rem;
  font-weight:300;
	color: #d9e6ec;
}

h1 a{
  color:#adc765;
}

#wrap {
  width: 100%;
  margin: 0 auto;
  position:relative;
  display: block;
}

#main {
   z-index:1;
   display:table;
   width: 100%;
   }

.mail-form {
	position: fixed;
	z-index: 1100;
	overflow-y: auto;
	display: none;
	background: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
	padding: 100px;
	box-sizing: border-box;
}

.mail-form .close-but {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 50px;
	height: 50px;
	opacity: 1;
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.mail-form .close-but:before {
	content: "";
	width: 3px;
	height: 40px;
	position: absolute;
	background: #b8c3c8;
	left: 23px;
	top: 5px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.mail-form .close-but:after {
	content: "";
	width: 3px;
	height: 40px;
	position: absolute;
	background: #b8c3c8;
	left: 23px;
	top: 5px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.mail-form .close-but:hover {
	opacity: 0.5;
}

.mail-form .form-text {
	text-align: center;
	max-width: 990px;
	margin: 0 auto 40px;
}

.mail-form .form-text h2 {
	font-size: 2.5rem;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
}

.mail-form form {
	max-width: 990px;
	margin: 0 auto 100px;
	width: 100%;
	display: table;
}

.mail-form .form-item {
	position: relative;
	width: 50%;
	box-sizing: border-box;
	float: left;
	padding: 0 20px;
}

.mail-form .form-item.wide {
	width: 100%;
}

.mail-form form input{
	width: 100%;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	color: #b8c3c8;
	font-size: 1.5rem;
	background: none;
	border: none;
	padding: 15px 0;
	outline: none;
	box-shadow: none;
	border-bottom: 1px solid #729fbb;
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
	position: relative;
}

.mail-form form textarea{
	width: 100%;
	height: 200px;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	color: #b8c3c8;
	font-size: 1.125rem;
	background: none;
	border: none;
	outline: none;
	padding: 15px 0;
	resize: none;
	border-bottom: 1px solid #729fbb;
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
	position: relative;
}

.mail-form form textarea:required {
	box-shadow:none;
}

.mail-form form input:focus {
	border-bottom: 1px solid #b8c3c8;
}

.mail-form form input:required {
	box-shadow:none;
}

.mail-form form .error {
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 0.875rem;
	color: #d46868;
}

.mail-form form .form-button {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.mail-form form .form-button button{
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	background: none;
	border: 2px solid #729fbb;
	color: #729fbb;
	border-radius: 50px;
	padding: 15px 30px;
	font-size: 1.5rem;
	cursor: pointer;
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.mail-form form .form-button button:hover {
	color: #b8c3c8;
	border: 2px solid #b8c3c8;
}

header {
	width: 100%;
	position: absolute;
	z-index:100;
	}

#header {
  top:0;
  left:0;
  width: 100%;
  height: 111px;
  padding: 22px 0px 0px 0px;
  display:block;
  max-width: 1700px;
  margin: 0 auto;
}

#header .max_width {
  width:94%;
  margin: 0px 4% 0px 2%;
  display:inline-block;
}

#logo {
  display:block;
  float:left;
  background: url(../images/logo.svg) no-repeat center;
  height: 100px;
  width: 130px;
  margin-top: 7px;
}

#logo, .icons, .slogan {z-index:200}

#header_in {
  margin: 0px 0px 0px 20px;
  height: 480px;
  padding: 22px 0px 0px 0px;
  min-width: 950px;
}

.slogan {
  display:block;
  float: left;
  margin-top:7px;
}

.slogan a{
  text-decoration:none;
  color:#b8c3c8;
  display:block;
  font-size: 1rem;
  line-height: 22px;
  padding: 16px 36px 22px;
  background: url(../images/slogan_bg.png) no-repeat;
}

.icons {
  display:block;
  float:right;
  margin: 44px 0px 0px 0px; 
}

.icons_in {
  display:block;
  float:right;
  margin: 30px 20px 0px 0px;  
}

.icons_in table {
  display: block;
}

.icons_in td {
  padding-right: 10px;
}

.icons a {
	width: 40px;
	line-height: 36px;
	text-align:center;
	text-decoration:none;
	color: #fff;
  height: 36px;
  font-size: 16px;
  display:block;
  float:right;
  position:relative;
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
	}

.icons a:hover {
	color: #adc765;
	background:rgba(0,0,0,0.2);
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
	}

.searchHeader {
  display:block;
  float:right;
  margin: 44px 40px 0px 40px;
}

.search {
	position: relative;
	width: 250px;
}

.search .inputbox {
  border: 0;
  background: rgba(122,158,172,0.5);
  padding: 10px 50px 10px 20px;
  font-size: 0.875rem;
  margin: 0px;
  color: #fff;
	font-weight: 400;
	width: 100%;
  position:relative;
	box-sizing: border-box;
	border-radius: 50px;
	font-family: 'Roboto', Arial, sans-serif;
	transition: all 0.6s ease;
}

.search .inputbox:focus {
	outline: none;
	background: rgba(122,158,172,.6);
}

.search .button {
  background:url(../images/search.svg) no-repeat center;
  background-size: 20px;
  border:none;
  width: 40px;
  height: 36px;
  cursor:pointer;
  padding: 0;
  opacity: 1;
  -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
	position: absolute;
	right: 5px;
	top: 0;
}

.button:hover {
	opacity: 0.7;
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
	}

.main_flash {
  width: 100%;
  margin: 50px 0px 30px 0px;
  display:block;
}

.main_flash object{
  margin:0 auto;
  display:block;
}

.content_part {
  margin: 0px auto;
  width: 100%;
  max-width: 1800px;
  min-height: 450px;
}

.content_part .main_table {
  border-spacing: 0px;
  margin: 0 4%;
  width: 92%;
}

.content_part table {
  width: 100%;
  border: none;
  margin-right: auto;
  margin-left: auto;
	border-spacing: 0;
}

.left_part, .footer_left_part {
  padding: 0px 30px 0px 0px;
  width: 290px;
  vertical-align:top;
}

.news {
  margin-bottom: 30px;
}

.news strong {
  font-size: 11px;
  font-weight:normal;
  color:#adc765;
}

.news img{
  border: 1px solid #b8c3c8;
  display: block;
  float: left;
  margin: 0px 10px 10px 0px;
}

.all_news {
  display:block;
  float:left;
}

.all_news a {
	display:block;
	float:left;
	font-size: 1.25rem;
	line-height: 34px;
	}

.all_news a.news_arr {
	display:block;
	font-size: 32px;
	float: left;
	width:32px;
	height: 32px;
	line-height: 32px;
	border-radius:50%;
	position:relative;
	margin: 0 26px 0 11px;
	border: 2px solid #729fbb;
	}

.all_news a.news_arr:before {
	top: 0;
	position:absolute;
	}

.all_news a.news_arr:hover {
	border: 2px solid #adc765;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	}

.right_part {
  vertical-align:top;
  padding: 0px;
}

.right_part li {
  list-style: disc;
  line-height: 22px;
}

#footer {
  background:url(../images/footer_bg.png) no-repeat;
  height: 74px;
  padding-top: 165px;
  max-width: 1700px;
  margin: 0 auto;
}

#footer .max_width {
	margin: 0 4%;
	width: 92%;
	}

.bottom_table {
	width: 100%;
	}
	
#footer .right_part { vertical-align: middle;}

.copyright {
  font-size: 0.875rem;
}

.bottom_mail {
	display:block;
  float: left;
  background:url(../images/mail.png) no-repeat left;
  background-size: 32px;
  padding: 0px 0px 0px 45px;
  font-size: 0.875rem;
  line-height: 45px;
	}

.in_header_tab {
  width: 100%;
  height: 447px;
  border:none;
}

.in_header_tab td {
  vertical-align:top;
}

.in_header_tab object{
  display: block;
  float: left;
  margin: 30px 0px 0px 13px;
}

.logo_td {
  min-width: 540px;
  width: 540px;
}

.title {
  min-width:430px;
  border-bottom: 1px solid #adc765;
  background: url(https://barichev.ru/templates/filin/images/in_linx_bg.png) no-repeat bottom left;
}

.title_txt {
  display:block;
  float:left;
  position:absolute;
  margin: 408px 0px 0px 0px;
  background: #adc765;
  font-size: 16px;
  font-weight: bold;
  color:#000000;
  padding: 10px 7px;
}

.title_bg {
  height: 447px;
  background:url(https://barichev.ru/templates/filin/images/in_linx.png) no-repeat bottom right;
}

.arr {
  background:url(https://barichev.ru/templates/filin/images/arr.png) no-repeat;
  display:block;
  float: left;
  width: 22px;
  height: 13px;
  margin-left: 565px;
}

.classification {
  margin: 10px 0;
  padding: 15px;
  background:rgba(18, 50, 87, 0.7) ;
  border-bottom: 1px solid #395267;
  position:relative;
  display:block;
  width: 100%;
	-webkit-column-span: all;
column-span: all;
  box-sizing:border-box;
}

.classification .item {
	margin-bottom: 20px;
	padding: 0;
	border: 0;
}

.classification .phylum {
	font-size: 1.25rem;
	font-weight: 400;
	}

.classification .class {
	margin-top: 4px;
	}

.classification .class span {
	white-space:nowrap;
	line-height: 1.4em;
	}

.classification .class span.sep {
	padding: 0 4px;
	}

.classification td {
	vertical-align: top;
	}

.contentpaneopen{
  border: none;
  padding: 0px 0px 0px 0px;
}

.contentpaneopen fieldset{
  border:none;
  padding: 15px;
  margin: 15px 0 0;
  background: rgba(18,56,87,0.7);
  border-bottom: 1px solid #395267;
}

.contentpaneopen fieldset a {
	font-size: 16px;
}

.highlight {
  font-weight:bold;
  color:#adc765;
}

.small {
  color:#adc765;
  font-size: 0.875rem;
}

.number {
  display:block;
  float:left;
  line-height: 40px;
  margin-right: 4px;
  margin-top: 15px;
  width: 40px;
  position:relative;
	font-size: 1.125rem;
  text-align:center;
}

.content-items {
	column-count: 4;
	column-gap: 2rem;
	display: block;
	position: relative;
}

.blogs.full-width {
	-webkit-column-span: all;
     column-span: all;
	display: block;
	width: 100%;
	max-width: none;
	background: rgba(18, 50, 87, 0.7);
}

.blogs.full-width img {
	width: auto;
	max-width: 300px;
	float: left;
	margin: -15px 15px 15px -15px;
}

.blogs.full-width .blogs_detales {
	margin: 20px -15px 0 !important;
	width: calc(100% + 30px);
}

@media (max-width: 600px) {
	
	.blogs.full-width {
		max-width: 350px;
		width: calc(100% - 30px);
	}
	
	.blogs.full-width img {
		float: none;
		width: calc(100% + 30px);
		max-width: none;
		margin-right: 0;
	}
	
}

.blogs {
  margin: 0 0 20px;
	width: 100%;
	max-width: 300px;
	display: inline-block;
  border-bottom: 1px #415c6f solid;
  background: rgba(18, 50, 87, 0.7);
  padding: 15px 15px 0 15px;
  box-sizing:border-box;
  position:relative;
	font-size: 0.9375rem;
}

.blogs p {
  margin-top: 0px;
  margin-bottom: 15px;
  line-height: 1.4em;
}

.blogs ul {
	padding-right: 10px;
	margin: 0px 0 10px;
	}

.blogs > div{
  color: #d9e6ec;
  margin-bottom: 15px;
}

.blogs > div br{
	display: none;
}

.blogs strong,  .blogs h2{
  font-size: 1.25rem;
  line-height: 1.2em;
  font-weight: 300;
  margin: 0 0 5px;
  display:table;
	font-family: 'Roboto Condensed', sans-serif;
}

.blogs strong:last-child, .blogs h2:last-child{
	font-size: 1rem;
	font-style: italic;
}

.blogs img {
	display:block;
	position:relative;
	width: calc(100% + 30px);
	max-width: 300px;
	margin: -15px -15px 20px;
	box-sizing: border-box;
}

.blogs .no_image {
	 display:none;
}

.blogs sup{
  font-size: 8px;
}

.blogs_space {
  width: 20px;
}

@media (max-width: 600px) {
	
	.blogs {
		width: calc(100% - 30px);
	}
	
}

.breadcrumbs {
  margin-left: 3px;
  display:inline-block;
  font-size: 1.125rem;
	font-family: 'Roboto Condensed', sans-serif;
  line-height: 20px;
}

.breadcrumbs img {
	display:none;
	}

.breadcrumbs a {
	display:inline-block;
	margin-right:4px;
	position: relative;
	}

.breadcrumbs a:after {
	content: "/";
	margin-left: 6px;
	color: #b8c3c8;
	line-height: 20px;
	}

@media (max-width: 760px) {
	
	.breadcrumbs {
		text-align: center;
		width: 100%;
	}
	
}

.menu {
  margin: 0px;
  padding: 0px;
  color:#729fbb;
}

.menu li{
  margin: 0;
  list-style:none;
  *display:inline-block;
  width: 100%;
}

.menu li a {
  text-decoration:none;
  padding: 8px 4px 8px 10px;
  display:block;
  font-size: 1.125rem;
	font-weight: 400;
	font-family: 'Roboto Condensed', sans-serif;
  border-bottom: 1px dotted #425b64;
  position:relative;
}

.menu li a:hover {
  color:#adc765;
}

.menu li a:before {
	position: absolute;
	width: 4px;
	height: 0;
	background:#adc765;
	left: 0;
	bottom: 0;
	content: "";
	-webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
	-ms-transition: all 0.5s 0s ease;
	transition: all 0.5s 0s ease;
	}

.menu li a:hover:before,  .menu .active a:before{
	height: 100%;
	-webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
	-ms-transition: all 0.3s 0s ease;
	transition: all 0.3s 0s ease;
	}

.menu li li a:before {
	display: none;
	}

.menu .active a{
  color:#adc765;
}

.menu li ul {
  padding-left: 14px;
  list-style-position: outside;
  margin: 0px 0px 7px 8px;
}

.menu li ul li {
  font-weight: normal;
  list-style: disc;
  font-size: 13px;
}

.menu li ul li a{
  padding: 4px 2px 4px 0px;
  display:inline-block;
  border: none;
  font-size: 1rem;
    border-radius: 0px;
}

.menu .active ul li a{
  border: none;
  background:none;
  color: #729fbb;
  box-shadow: none;
}

.menu .active ul li a:hover {
	color:#adc765;
	}

.menu li ul li a:hover {
  background:none;
  color:#adc765;
  border: none;
}

.menu li ul .active a{
  font-weight: normal;
  list-style:square;
  color:#adc765;
}

.blogs_detales{
  display:block;
  float:left;
  font-size: 0.875rem;
  margin: 20px -15px 0 !important;
  color: #273645;
  background: #cacaca;
  position:relative;
	padding: 0 !important;
  width: calc(100% + 30px);
}

.blogs_detales div{
  display:block;
  position: relative;
  padding: 15px;
	color: #273645;
	font-weight: 400;
}

.blogs_detales div strong {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 0.875rem;
	font-weight: 500;
	margin: 0;
	display: inline;
}

.blogs_detales div:before {
	background: #cacaca;
	width: 16px;
	height: 16px;
	position:absolute;
	left: 50%;
	top: -6px;
	margin-left: -8px;
	display:block;
	content: "";
	-moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	}

.blogs_detales div br {
	display: block;
}

.blogs_detales div p {
	margin: 0 0 5px;
	}

.blogs_detales img {
  display: none;
}

.links_p {
  margin-top: 10px;
	width: 100%;
	-webkit-column-span: all;
	column-span: all;
	display: block;
}

.links_p .links_article {
    background: rgba(18, 50, 87, 0.7) none repeat scroll 0 0;
    border-bottom: 1px solid #395267;
    border-radius: 2px;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 20px;
    position: relative;
    width: 100%;
	font-size: 1em;
	display: block;
}

.searchintro {
  margin-top: 10px; 
}

.searchintro td{
  background: url(https://barichev.ru/templates/filin/images/error.png) no-repeat;
  padding: 0px 0px 0px 55px;
  font-size: 16px;
  height: 50px;
}

.about_page div {
	background:url(../images/about.png) no-repeat right top;
  padding: 0 150px 0 0;
  min-height: 152px;
  display:inline-block;
	border: 0;
	margin: 0;
	}

.species_table {
  width: 100%;
  border:none;
}

.species_table td{
  vertical-align:top;
}

/*header images*/
#headerMain {
    margin-top:133px;
}
#headerSecondary {
	width: 100%;
    margin-bottom:40px;
	display: table;
	border-bottom: 1px solid #425b64;
	background: rgba(0,0,0,0.3);
}

#headerSecondary .header_in_cont {
	position:relative;
    height:447px;
	max-width: 1700px;
	margin: 30px auto 0;
	}
 
.moduletable_hSecFlash {
    position:absolute;
    left:25px;
    top:140px;
    z-index:250;
}
.moduletable_hSecImage {
    position:absolute;
    height:476px; 
    width:100%;
    bottom:0;
    background:url(../images/lion_bg.png) no-repeat right bottom;
}

@media (max-width: 1350px) { 
  .moduletable_hSecImage {
       background:url(../images/lion_bg.png) no-repeat 500px bottom;
    }
}

.moduletable_hSecImage_fish {
    position:absolute;
    height:476px; 
    width:100%;
    bottom:0;
    background:url(../images/fish_bg.png) no-repeat right bottom;
}

@media (max-width: 1350px) { 
  .moduletable_hSecImage_fish {
       background:url(../images/fish_bg.png) no-repeat 550px bottom;
    }
}

.moduletable_hSecImage_frog {
    position:absolute;
    height:476px; 
    width:100%;
    bottom:0;
    background:url(../images/frog_bg.png) no-repeat right bottom;
}

@media (max-width: 1350px) { 
  .moduletable_hSecImage_frog {
       background:url(../images/frog_bg.png) no-repeat 500px bottom;
    }
}

.moduletable_hSecImage_reptile {
    position:absolute;
    height:476px; 
    width:100%;
    bottom:0;
    background:url(../images/reptile_bg.png) no-repeat right bottom;
}

@media (max-width: 1350px) { 
  .moduletable_hSecImage_reptile {
       background:url(../images/reptile_bg.png) no-repeat 500px bottom;
    }
}

.moduletable_hSecImage_snail {
    position:absolute;
    height:476px; 
    width:100%;
    bottom:0;
    background:url(../images/snail_bg.png) no-repeat right bottom;
}

@media (max-width: 1350px) { 
  .moduletable_hSecImage_snail {
       background:url(../images/snail_bg.png) no-repeat 400px bottom;
    }
}

.moduletable_hSecImage_bird {
    position:absolute;
    height:476px; 
    width:100%;
    bottom:0;
    background:url(../images/bird_bg.png) no-repeat right bottom;
}

@media (max-width: 1350px) { 
  .moduletable_hSecImage_bird {
       background:url(../images/bird_bg.png) no-repeat 500px bottom;
    }
}

.moduletable_hSecImage_moufflon {
    position:absolute;
    height:476px; 
    width:100%;
    bottom:0;
    background:url(../images/moufflon_bg.png) no-repeat right bottom;
}

@media (max-width: 1350px) { 
  .moduletable_hSecImage_moufflon {
       background:url(../images/moufflon_bg.png) no-repeat 500px bottom;
    }
}

.moduletable_hSecImage_actinia {
    position:absolute;
    height:476px; 
    width:100%;
    bottom:0;
    background:url(../images/actinia_bg.png) no-repeat right bottom;
}

@media (max-width: 1350px) { 
  .moduletable_hSecImage_actinia {
       background:url(../images/actinia_bg.png) no-repeat 500px bottom;
    }
}

.moduletable_hSecImage_coala {
    position:absolute;
    height:476px; 
    width:100%;
    bottom:0;
    background:url(../images/coala_bg.png) no-repeat right bottom;
}

@media (max-width: 1350px) { 
  .moduletable_hSecImage_coala {
       background:url(../images/coala_bg.png) no-repeat 500px bottom;
    }
}

.moduletable_hSecImage_crab {
    position:absolute;
    height:476px; 
    width:100%;
    bottom:0;
    background:url(../images/crab_bg.png) no-repeat right bottom;
}

@media (max-width: 1350px) { 
  .moduletable_hSecImage_crab {
       background:url(../images/crab_bg.png) no-repeat 450px bottom;
    }
}

.moduletable_hSecImage_primate {
    position:absolute;
    height:476px; 
    width:100%;
    bottom:0;
    background:url(../images/primate_bg.png) no-repeat right bottom;
}

@media (max-width: 1350px) { 
  .moduletable_hSecImage_primate {
       background:url(../images/primate_bg.png) no-repeat 500px bottom;
    }
}

.moduletable_hSecImage_rodent {
    position:absolute;
    height:476px; 
    width:100%;
    bottom:0;
    background:url(../images/rodent_bg.png) no-repeat right bottom;
}

@media (max-width: 1350px) { 
  .moduletable_hSecImage_rodent {
       background:url(../images/rodent_bg.png) no-repeat 500px bottom;
    }
}

.moduletable_hSecImage_worm {
    position:absolute;
    height:476px; 
    width:100%;
    bottom:0;
    background:url(../images/worm_bg.png) no-repeat right bottom;
}

@media (max-width: 1350px) { 
  .moduletable_hSecImage_worm {
       background:url(../images/worm_bg.png) no-repeat 500px bottom;
    }
}

p.animalTitle {
    position:absolute;
    margin:0 0 0 560px;
    bottom:-14px;
    padding:0;
    height:53px;
	z-index:250;
}

p.animalTitle:before {
	background: #adc765;
	width: 20px;
	height: 20px;
	position:absolute;
	left: 20px;
	bottom: 4px;
	display:block;
	content: "";
	-moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	}

p.animalTitle span {
    background-color:#adc765;
    display:inline-block;
    height:40px;
    line-height:40px;
    padding:0 15px;
    color:black;
    font-size:1.25rem;
    text-align:center;
	font-weight:normal;
    position:relative;
	font-family: 'Roboto Condensed', sans-serif;
}

/* end header images*/

.pagination{
   display: block;
   margin: 1rem 0 0;
   padding: 0;
   width: 100%;
	column-span: all;
}

.pagination li{
   display: inline-block;
   list-style: none;
   padding: 0px;
	margin: 0 5px 10px 0;
}

.pagination a {
   display: block;
   text-align:center;
   width:30px;
   height: 30px;
   line-height: 26px;
   text-decoration:none;
   -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position:relative;
	background-color: rgba(190,190,190,1.00);
	border: 2px solid #bebebe;
	color: #03233c;
	font-size: 14px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	box-sizing: border-box;
}

.pagination a:hover {
   background-color: rgba(190,190,190,0);
   color: rgba(190,190,190,1.00);
   -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.pagination strong {
	float: left;
}

.pagination span {
   display: inline-block;
   color:#617e95;
   border: 2px solid #617e95;
   font-weight:bold;
   text-align:center;
   width:30px;
   height: 30px;
   line-height: 26px;
   -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position:relative;
	font-size: 14px;
	float: left;
	box-sizing: border-box;
}

.newsheading {
  font-size:1.6em;
  line-height: 44px;
  margin: 20px 0px 17px 0px;
  white-space:nowrap;
  font-family: 'Roboto Condensed', sans-serif;
}

.news_content .news_article {
  display:inline-block;
  margin-bottom: 15px;
  width: 100%;
	min-height: 100px;
  padding: 20px;
  background:rgba(18, 50, 87, 0.7);
  border-bottom: 1px solid #395267;
    position:relative;
	box-sizing: border-box;
}

.left_part .news_article {
  display: table;
  width: 100%;
  min-width: 238px;
  margin-bottom: 25px;
  font-size: 14px;
}

.img_link{
	display: block;
	float:left;
	border: 2px solid #729fbb;
  margin: 0px 15px 0px 0px;
  border-radius:50%;
    position:relative;
	overflow:hidden;
	}

.img_link:hover{
	border: 2px solid #ADC765;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	}

.news_article img{
  display:block;
  float:left;
  border-radius:50%;
  position:relative;
}

.news_article strong {
  font-size: 12px;
  font-weight:normal;
  color: #d9e6ec;
}

.news_content {
  margin-top: 10px;
	-webkit-column-span: all;
	column-span: all;
	width: 100%;
}

.counter {
  display:none;
}

.article_separator {
  display:none;
}

/*  Contact form */

.alfc_heading {
   color: #ADC765;
   font-size: 30px;
   margin: 4px 0 14px;
   font-family: 'Roboto Condensed', sans-serif;
}

.content_part .contact_form {
   width: auto;
   float:left;
   margin-left: -10px;
}

.contact_form .label {
   margin-top: 7px;
   margin-bottom: 2px;
   font-size:16px;
}

.contact_form input {
   width: 414px;
   border: none;
   border-bottom: 1px solid #415c6f;
   background:rgba(18, 50, 87, 0.7);
   font-family:Arial, Helvetica, sans-serif;
   color:#729fbb;
   font-size:14px;
   padding: 10px;
   outline:none;
   -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position:relative;
	box-sizing:border-box;
}

.contact_form textarea {
   resize: none;
   border: none;
   border-bottom: 1px solid #415c6f;
   background:rgba(18, 50, 87, 0.7);
   font-family:Arial, Helvetica, sans-serif;
   color:#729fbb;
   font-size: 14px;
   width: 514px;
   padding: 10px;
   outline:none;
   -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position:relative;
	overflow:auto;
	box-sizing:border-box;
}

.contact_form input:focus, .contact_form textarea:focus {
   -webkit-box-shadow: 0px 0px 3px rgba(38,149,205,1);	
  -moz-box-shadow: 0px 0px 3px rgba(38,149,205,1);
  box-shadow: 0px 0px 3px rgba(38,149,205,1);
  background:rgba(18, 50, 87, 0.9);
}

.contact_form .button {
   width: auto;
   margin: 0px;
   padding: 6px 10px;
   font-size: 1.125rem;
   height:auto !important;
   border: none;
   color: #B5C8D3;
   background:none;
   font-family: 'Roboto Condensed', sans-serif
}

.contact_form .button:focus {
   outline:none;
   border: none;
   background: none;
   box-shadow: none;
}

.contact_form .alfc_button div {
   float:left;
   margin: 7px 0px 0px;
   -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position:relative;
	display:block;
	background: url(../images/button_bg.gif) repeat-x #185778;
   border: 1px solid #6e94a3;
}

.contact_form .alfc_button div:hover, .contact_form .alfc_button div:focus{
   background: url(../images/button_bg_hover.gif) repeat-x #074b6e;
   display:block;
}

.contact_form .our_mail {
   color:#729fbb;
}

.top_title {
   color:#729fbb;
}

.sent_msg {
   background:url(https://barichev.ru/templates/filin/images/error.png) no-repeat;
   margin-top: 20px;
   height: 50px;
   padding-left: 55px;
   font-size: 16px;
   padding-top: 14px;
}

#myform {
   margin: 0px;
   padding: 0px;
}

/* menu button */

.menu_button{
	position:fixed;
	top:0px;
	right:0px;
	width:50px;
	height:50px;
	padding:0;
	cursor: pointer;
	background:rgba(173, 199, 101, 0.9);
	z-index: 1000;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}

.menu_button.active {
	top: 0px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}

.menu_button:hover {
	background:rgba(173, 199, 101, 1);
	-webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	}

.menu_button span{
	position:relative;
	display:block;
	margin:23px auto;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease;
	line-height: 50px;
	width: 50px;
	}

.menu_button span:after,.menu_button span:before{
	content:"";
	position:absolute;
	left:0;
	top:7px;
	transition:all .3s ease;
}

.menu_button span:after{top:-7px;}

.menu_button span:after,.menu_button span:before,.menu_button span{width:22px;height:3px;backface-visibility:hidden; background:#000;}

.menu_button span:before,.menu_button span:after{-webkit-transition-duration:0.3s,0.3s;transition-duration:0.3s,0.3s;-webkit-transition-delay:0.3s,0s;transition-delay:0.3s,0s;-webkit-transition-property:top,-webkit-transform;transition-property:top,transform;}

.menu_button.active span{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:background .3s 0s ease;background:transparent;}

.menu_button.active span:before,.menu_button.active span:after{top:0;-webkit-transition-delay:0s,0.3s;transition-delay:0s,0.3s;}

.menu_button.active span:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}

.menu_button.active span:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}



/* inner menu */

.inner_menu {
	position: relative;
	width: 489px;
	height: 286px;
	background:url(../images/in_menu_bg.png) no-repeat 73px 30px;
	}

.inner_menu a.text {
	display:block;
	font-size: 11px;
	font-weight: 400;
	text-decoration:none;
	background: rgba(3, 49, 81, 0.8);
	padding: 3px 4px;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	white-space:nowrap;
	position:absolute;
	-webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	}

.inner_menu a.text:hover {
	background:rgba(173, 199, 101, 0.8);
	color:#000;
	padding: 7px 8px;
	-webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
	-ms-transition: all 0.4s ease-in;
	}

.inner_menu a.mammel_text {
	top:28px;
	left: 123px;
	}

.inner_menu a.mammel_text:hover {
	top:24px;
	left: 119px;
	}

.inner_menu a.aves_text {
	top: 11px;
	right: 87px;
	}

.inner_menu a.aves_text:hover {
	top: 7px;
	right: 83px;
	}

.inner_menu a.amphibia_text {
	top: 191px;
	left: 33px;
	}

.inner_menu a.amphibia_text:hover {
	top: 187px;
	left: 29px;
	}

.inner_menu a.reptilia_text {
	bottom: 18px;
	left: 60px;
	}

.inner_menu a.reptilia_text:hover {
	bottom: 14px;
	left: 56px;
	}

.inner_menu a.chordata_text {
	bottom: 23px;
	right: 26px;
	}

.inner_menu a.chordata_text:hover {
	bottom: 19px;
	right: 22px;
	}

.inner_menu a.arthonych_text {
	top: 121px;
	left: 8px;
	}

.inner_menu a.arthonych_text:hover {
	top: 117px;
	left: 4px;
	}

.inner_menu a.invertebrata_text {
	top: 153px;
	right: 1px;
	}

.inner_menu a.invertebrata_text:hover {
	top: 149px;
	right: -3px;
	}

.inner_menu a.mollusc_text {
	top: 111px;
	right: 10px;
	}

.inner_menu a.mollusc_text:hover {
	top: 107px;
	right: 6px;
	}

.home_main_menu {
	width:971px;
	height: 472px;
	position:relative;
	margin: 0 auto;
	background:url(../images/home_menu_bg.png) no-repeat center 30px;
	}

.home_main_menu a.text {
	display:inline-block;
	font-size: 14px;
	text-decoration:none;
	background-color: rgba(3, 49, 81, 0.8);
	padding: 5px 7px;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	white-space:nowrap;
	position:absolute;
	-webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	}

.home_main_menu a.text:hover {
	background: rgba(173, 199, 101, 0.8);
	color:#000;
	padding: 9px 11px;
	-webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
	-ms-transition: all 0.4s ease-in;
	}

.home_main_menu a.mammel_text {
	top:14px;
	left: 244px;
	}

.home_main_menu a.mammel_text:hover {
	top:10px;
	left: 242px;
	}

.home_main_menu a.aves_text {
	top: 24px;
	right: 98px;
	}

.home_main_menu a.aves_text:hover {
	top: 20px;
	right: 94px;
	}

.home_main_menu a.amphibia_text {
	bottom: 32px;
	left: 492px;
	}

.home_main_menu a.amphibia_text:hover {
	bottom: 28px;
	left: 488px;
	}

.home_main_menu a.reptilia_text {
	bottom: 44px;
	right: 192px;
	}

.home_main_menu a.reptilia_text:hover {
	bottom: 40px;
	right: 188px;
	}

.home_main_menu a.chordata_text {
	bottom: 72px;
	left: 12px;
	}

.home_main_menu a.chordata_text:hover {
	bottom: 68px;
	left: 8px;
	}

.home_main_menu a.arthonych_text {
	top: 114px;
	left: 22px;
	}

.home_main_menu a.arthonych_text:hover {
	top: 110px;
	left: 18px;
	}

.home_main_menu a.invertebrata_text {
	bottom: 77px;
	right: 1px;
	}

.home_main_menu a.invertebrata_text:hover {
	bottom: 73px;
	right: -3px;
	}

.home_main_menu a.mollusc_text {
	top: 151px;
	right: 0px;
	}

.home_main_menu a.mollusc_text:hover {
	top: 147px;
	right: -4px;
	}

.to_top {
	position: fixed;
	display:none;
	text-align:center;
	color: rgba(122, 158, 172, 0.8);
	bottom: 100px;
	right: 10px;
	font-size: 30px;
	width: 30px;
	height: 30px;
	line-height: 29px;
	 z-index: 500;
	cursor:pointer;
	border: 2px solid rgba(122, 158, 172, 0.8);
	border-radius: 50%;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.to_top:hover {
	color: #adc765;
	border: 2px solid #adc765;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}

@media (min-width: 1600px) {
	
	.content-items {
		column-gap: 2rem;
	}

}

/* 1100+ solution */

@media (min-width: 1100px) {
	
	.menu_button { display: none;}
	
	}

/* 1400+ solution */

@media (min-width: 1400px) {
	
	.left_part {
		width: 315px;
		}
	
	.home_main_menu {
	    width: 1010px;
		}
	
	.home_main_menu a.text {
		font-size: 16px;
		}
	
.home_main_menu a.mammel_text {
	top:11px;
	left: 251px;
	}

.home_main_menu a.mammel_text:hover {
	top:7px;
	left: 247px;
	}

.home_main_menu a.aves_text {
	top: 22px;
	right: 114px;
	}

.home_main_menu a.aves_text:hover {
	top: 18px;
	right: 110px;
	}

.home_main_menu a.amphibia_text {
	bottom: 29px;
	left: 509px;
	}

.home_main_menu a.amphibia_text:hover {
	bottom: 25px;
	left: 505px;
	}

.home_main_menu a.reptilia_text {
	bottom: 40px;
	right: 196px;
	}

.home_main_menu a.reptilia_text:hover {
	bottom: 36px;
	right: 192px;
	}

.home_main_menu a.chordata_text {
	bottom: 69px;
	left: 6px;
	}

.home_main_menu a.chordata_text:hover {
	bottom: 65px;
	left: 2px;
	}

.home_main_menu a.arthonych_text {
	top: 111px;
	left: 31px;
	}

.home_main_menu a.arthonych_text:hover {
	top: 107px;
	left: 27px;
	}

.home_main_menu a.invertebrata_text {
	bottom: 75px;
	right: 2px;
	}

.home_main_menu a.invertebrata_text:hover {
	bottom: 71px;
	right: -3px;
	}

.home_main_menu a.mollusc_text {
	top: 147px;
	right: -3px;
	}

.home_main_menu a.mollusc_text:hover {
	top: 143px;
	right: -7px;
	}
	
.inner_menu {
	width: 514px;
	background: url("../images/in_menu_bg.png") no-repeat 83px 30px;
	}

.inner_menu a.text {
	font-size: 12px;
	line-height: 18px;
	}

.inner_menu a.mammel_text {
	top:24px;
	left: 123px;
	}

.inner_menu a.mammel_text:hover {
	top:20px;
	left: 119px;
	}

.inner_menu a.aves_text {
	top: 8px;
	right: 97px;
	}

.inner_menu a.aves_text:hover {
	top: 4px;
	right: 93px;
	}

.inner_menu a.amphibia_text {
	top: 191px;
	left: 34px;
	}

.inner_menu a.amphibia_text:hover {
	top: 187px;
	left: 30px;
	}

.inner_menu a.reptilia_text {
	bottom: 13px;
	left: 57px;
	}

.inner_menu a.reptilia_text:hover {
	bottom: 9px;
	left: 53px;
	}

.inner_menu a.chordata_text {
	bottom: 19px;
	right: 22px;
	}

.inner_menu a.chordata_text:hover {
	bottom: 15px;
	right: 18px;
	}

.inner_menu a.arthonych_text {
	top: 121px;
	left: 6px;
	}

.inner_menu a.arthonych_text:hover {
	top: 117px;
	left: 2px;
	}

.inner_menu a.invertebrata_text {
	top: 151px;
	right: 3px;
	}

.inner_menu a.invertebrata_text:hover {
	top: 147px;
	right: -1px;
	}

.inner_menu a.mollusc_text {
	top: 107px;
	right: 11px;
	}

.inner_menu a.mollusc_text:hover {
	top: 103px;
	right: 7px;
	}

}

@media (max-width: 1700px) {
	
	.content-items {
		column-count: 2;
	}
	
}

@media (min-width: 1450px) and (max-width: 1700px) {
	
	.blogs {
		width: 100%;
		max-width: none;
	}
	
	.blogs img {
		float: left;
		margin: -15px 15px 15px -15px;
	}
	
}

@media (min-width: 1100px) and (max-width: 1450px) {
	
	.content-items {
		column-count: inherit;
		column-gap: 0;
	}
	
	.blogs {
		width: 100%;
		max-width: none;
	}
	
	.blogs img {
		float: left;
		margin: -15px 15px 15px -15px;
	}

}

/* 1100- solution */

@media (max-width: 1100px) {
	
	.content-items {
		column-count: 3;
		column-gap: 20px;
	}
	
	.mail-form {
		padding: 40px 20px 0;
	}
	
	.mail-form form {
		margin-bottom: 40px;
	}
	
	.to_top {
		right: 6px;
	}
	
	.footer_left_part{
		width:  238px;
		padding: 0 25px 0 0;
		}
	
	.left_part {
		position:fixed;
		display:block;
		z-index: 900;
		background:rgba(0,0,0,0.95);
		padding: 36px 25px 25px;
		box-sizing:border-box;
		height: 100%;
		top: 0;
		right: -400px;
		width: 400px;
		-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
		}
	
	.visible .left_part {
		right: 0px;
		-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
		}
	
	body.visible {
		position:fixed;
		}
	
	.left_part .menu_block {
		overflow:auto;
		height: 100%;
		}
	
	.content_part  {
		box-sizing:border-box;
		padding: 0 40px;
		width: 100%;
		}
	
	#footer .max_width {
		margin: 0;
		padding: 0 40px;
		width: 100%;
		box-sizing:border-box;
		}
	
	.content_part .main_table {
		margin: 0;
		width: 100%;
		box-sizing:border-box;
		}
		
	/* top sectors */
	
	.home_main_menu, .inner_menu {
		background: none;
		width: 100%;
		max-width: 100%;
		position:relative;
		height: auto;
		display: table;
		}
	
	.home_main_menu a.text,  .home_main_menu a.text:hover, .inner_menu a.text, .inner_menu a.text:hover{
		display:block;
		float:left;
		position:relative !important;
		width: 25%;
		box-sizing:border-box;
		left:0;
		top: 0;
		background: none;
		text-align:center;
		padding: 20px;
		white-space: normal;
		font-size: 14px;
		border-radius: 0px;
		}
	
	.home_main_menu a.text:hover, .inner_menu a.text:hover{
		color: #adc765;
		}
	
	.home_main_menu a.text:before, .inner_menu a.text:before {
		font-family: 'filin_font' !important;
		font-size: 30px;
		display:block;
		-moz-border-radius: 50%;
  		-webkit-border-radius: 50%;
  		border-radius: 50%;
		border: 2px solid rgba(184,195,200,1.00);
		width: 66px;
		height: 66px;
		text-align:center;
		line-height: 66px;
		margin: 0 auto 16px;
		color: rgba(184,195,200,1.00);
		-ms-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-moz-transform:rotateY(0);
	-webkit-transform:rotateY(0);
	transform:rotateY(0);
		-moz-transition:all .6s;
	-o-transition:all .6s;
	-webkit-transition:all .6s;
	transition:all .6s;
		}
	
	.home_main_menu a.text:hover:before, .inner_menu a.text:hover:before {
		color: rgba(255,255,255,1.00);
		border: 2px solid rgba(255,255,255,1.00);
		-moz-transform:rotateY(-180deg);
	-webkit-transform:rotateY(-180deg);
	transform:rotateY(-180deg);
		-moz-transition:all .6s;
	-o-transition:all .6s;
	-webkit-transition:all .6s;
	transition:all .6s;
		}
	
	.home_main_menu a.text.mammel_text:before, .inner_menu a.text.mammel_text:before {
		content: "\e90f";
		}
	
	.home_main_menu a.text.aves_text:before, .inner_menu a.text.aves_text:before {
		content: "\e90e";
		}
	
	.home_main_menu a.text.amphibia_text:before, .inner_menu a.amphibia_text:before {
		content: "\e90d";
		}
	
	.home_main_menu a.text.reptilia_text:before, .inner_menu a.reptilia_text:before {
		content: "\e90c";
		}
	
	.home_main_menu a.text.arthonych_text:before, .inner_menu a.arthonych_text:before {
		content: "\e908";
		}
	
	.home_main_menu a.text.chordata_text:before, .inner_menu a.chordata_text:before {
		content: "\e90b";
		}
	
	.home_main_menu a.text.mollusc_text:before, .inner_menu a.mollusc_text:before {
		content: "\e909";
		}
	
	.home_main_menu a.text.invertebrata_text:before, .inner_menu a.invertebrata_text:before {
		content: "\e90a";
		}
	
	#headerSecondary .header_in_cont {
		height:auto;
		}
	
	.moduletable_hSecImage_fish, .moduletable_hSecImage_crab, .moduletable_hSecImage, .moduletable_hSecImage_frog,  .moduletable_hSecImage_reptile, .moduletable_hSecImage_actinia, .moduletable_hSecImage_worm, .moduletable_hSecImage_snail, .moduletable_hSecImage_bird, .moduletable_hSecImage_coala, .moduletable_hSecImage_rodent, .moduletable_hSecImage_primate, .moduletable_hSecImage_moufflon {
		background: none;
		height: 60px;
		position:relative;
		}
	
	.moduletable_hSecFlash {
		position:relative;
		left: 0;
		top: 0;
		margin-top: 100px;
		}
	
	.inner_menu {
		width: 100%;
		background: none;
		padding: 40px 0 0;
		}
	
	p.animalTitle {
		margin: 0 40px;
		}
	
}

/* 925- solution */

@media (max-width: 925px) {
	
	.content-items {
		column-count: 2;
	}
	
	.blogs {
		max-width: none;
	}
	
	.blogs img {
		max-width: none;
	}
	
	.icons { display: none;}
	
	#footer .bottom_table td {
		display:inline-block;
		width: 100%;
		padding: 0 0 12px;
		}
	
	#footer {
		height:auto;
		padding-top: 40px;
		}
	
	.news_content, .links_p {
		padding: 0;
		background: none;
		}
	
	.copyright { text-align:center;}
	
	.footer_left_part { text-align:center;}
	
	.bottom_mail {
		padding: 0;
		float:none;
		background: none;
		display:inline-block;
		}
	
	}

/* 760- solution */

@media (max-width: 760px) {
	
	.mail-form .form-item {
		width: 100%;
	}
	
	.mail-form h2 {
		font-size: 30px;
	}
	
	h1, .contentheading {
		text-align:center;
		}
	
	#header {
		height: auto;
		}
	
	.searchHeader {
		display: none;
		}
	
	#header .max_width {
		text-align:center;
		margin: 0;
		padding: 0 40px;
		width: 100%;
		box-sizing:border-box;
		}
	
	.inputbox {
		width: calc(100% - 36px);
		box-sizing:border-box;
		}
	
	#logo, .slogan {
		display:inline-block;
		float:none;
		margin: 0;
		text-align:left;
		vertical-align:top;
		}
	
	.home_main_menu a.text,  .home_main_menu a.text:hover, .inner_menu a.text, .inner_menu a.text:hover {
		min-height: 180px;
		overflow: hidden;
		text-overflow:ellipsis;
		}
	
	.about_page div {
		padding: 170px 0 0 0;
		background: url(../images/about.png) no-repeat center top;
		}
	
	.content_part { padding: 0 20px;}

	#footer .max_width { padding: 0 20px;}
	
	.to_top {
		display: none !important;
		opacity: 0 !important;
	}
	
}

/* 600- solution */

@media (max-width: 600px) {
	
	.content-items {
		column-count: inherit;
		column-gap: 0;
	}
	
	.blogs {
		display: table;
		border-spacing: 0;
		margin: 0 auto 15px;
		max-width: 350px;
	}
	

/* fixed bottom menu */


header {
	position: relative;
	margin-bottom: 20px;
	}

#headerMain, #headerSecondary, #headerSecondary .header_in_cont {
	height: 0;
	margin: 0;
	display: block;
	}

.moduletable_hSecFlash {
	display: inline-block;
	}
	
.home_main_menu, .inner_menu {
	position:fixed;
	background: rgba(0,0,0,0.80);
	bottom: 0;
	left: 0;
	width: 100%;
	overflow-y:auto;
	z-index: 100;
	white-space: nowrap;
	display:block;
	padding: 0;
	}

#headerSecondary {
	background: none;
	border: 0px;
	}

p.animalTitle {
	display: none;
	}

.moduletable_hSecImage_fish, .moduletable_hSecImage_crab, .moduletable_hSecImage, .moduletable_hSecImage_frog, .moduletable_hSecImage_reptile, .moduletable_hSecImage_actinia, .moduletable_hSecImage_worm, .moduletable_hSecImage_snail, .moduletable_hSecImage_bird, .moduletable_hSecImage_coala, .moduletable_hSecImage_rodent, .moduletable_hSecImage_primate, .moduletable_hSecImage_moufflon {
	display: none;
	}

#footer { padding-bottom: 100px;}

.home_main_menu a.text, .home_main_menu a.text:hover, .inner_menu a.text, .inner_menu a.text:hover { 
	width: 50px;
	box-sizing:content-box;
	min-height: 50px;
	max-height: 50px;
	overflow:hidden;
	display:inline-block;
	float:none;
	padding: 10px;
	}

.home_main_menu a.text:before, .inner_menu a.text:before {
	width: 46px;
	height: 46px;
	line-height: 46px;
	font-size: 24px;
	}

/* and bottom menu */

.classification .class span { white-space: normal;}

p.animalTitle span {
	font-size: 16px;
	text-align: left;
	}

h1, .contentheading {
	font-size: 24px;
	}

.content_part .contact_form {
	width: 100%;
	}

.contact_form textarea,  .contact_form input{
	width: 100%;
	}
	
.contact_form .alfc_button div {
	width: 100%;
	text-align:center;
	}
	
}

/* 440- solution */

@media (max-width: 457px) {
	
	#logo {
		width: 20%;
		box-sizing: border-box;
		float:left;
		}
	
	.slogan {
		width: 80%;
		float:left;
		}
	
	.slogan a {
		background: none;
		box-sizing: border-box;
		padding: 16px 16px 16px 24px;
		}
	
	}

/* 400- solution */

@media (max-width: 400px) {
	
	.content-items, .blogs-items {
		margin: 0 -15px;
		padding: 0;
		display: block;
	}
	
	.left_part { width: 100%;}
	
	.pagination {
		box-sizing: border-box;
		padding: 0 15px;
	}

}