body {
  font-family: 'Core Sans DS 37 Cn';
  font-size: 13px;
  background: #FEFEFE; 
  padding: 0;
  margin: 0;
  width: 100%;
/*  line-height: 1.42857143;*/
  line-height: 1.1;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0) perspective(1px) translateZ(0);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  overflow-x: hidden;

  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;

  display: table;
}

* {
  box-sizing: border-box;
  -webkit-print-color-adjust: exact;   /* Chrome, Safari */
  color-adjust: exact;                 /*Firefox*/
}

*:focus {
  outline: none;
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:-moz-any-link:focus {
  outline: none;
}

img {
    vertical-align: middle;
    border: 0;
    background: transparent; 
}

.font27 {
  font-family: 'Core Sans DS 27 Cn';
}

.font37 {
  font-family: 'Core Sans DS 37 Cn';
}

.font47 {
  font-family: 'Core Sans DS 47 Cn';
}

.font57 {
  font-family: 'Core Sans DS 57 Cn';
}

.fontN37 {
  font-family: 'TT Firs Neue Regular';
}

.fontN47 {
  font-family: 'TT Firs Neue Medium';
}

.fontN57 {
  font-family: 'TT Firs Neue DemiBold';
}

.hidden { display: none; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal;
  font-size: 1em;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #005257;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #005257;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #005257;
}

#mask {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 999;
}

.contact_descr {
    padding:20px 20px 40px 20px; 
    background:#fff;
    overflow:hidden;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px; /* for old Konqueror browsers */
    border-radius: 20px;
}

.plants_descr {
    padding:20px 20px 20px 20px; 
    background:#fff;
    overflow:hidden;
}

.animals_descr {
    padding:20px 20px 20px 20px; 
    background:#fff;
    overflow:hidden;
}

.document_descr {
    padding:10px; 
    background:#fff;
    overflow:hidden;
}

.news-popup {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 1100px;    
    z-index: 99999;
}

.document-popup {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 1200px;    
    z-index: 99999;
}

.contact-popup {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 900px;    
    z-index: 99999;
}

.plants-popup {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 675px;
    z-index: 99999;
}

.animals-popup {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 675px;    
    z-index: 99999;
}

.common-descr-popup {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 1400px;    
    max-width:95%;
    z-index: 99999;
}

.common_descr{
    padding:30px;
    background:#fff;
    overflow-y:auto;
    max-height:90vh;
    box-sizing:border-box;
}

th, td { padding: 0; }

table { border-collapse: collapse; border-spacing: 0; border: none; } 

small {
  font-size: 9px;
}

img
{  
  border-style: none;
  padding: 0;
  margin: 0;
}

button:focus {
  outline: none;
}

hr {
  margin: 5px 0 5px 0;
  border-top: 1px solid black;
}

.hr_green {
  margin: 5px 0 5px 0;
  border-top: 1px solid #3baa66;
}

a {
  color: black;
  text-decoration: none;
}

a:hover {
  color: black;
  text-decoration: underline;
  cursor: pointer;
}

a:visited {
  color: black;
  text-decoration: none;
}

a:active, a:focus {
  outline: none;
}

.list {
  list-style: none;
  padding: 0;
}

.list li:before
{
  content: '\2B9A';
  margin: 0 7px 0 0;
}

.list li
{
  margin-top: 7px;
}
 
.page {
  background:#fefefe;
  -moz-box-shadow: 0 25px 14px 14px rgba(0,0,0,0.1); /* ��� Firefox */
  -webkit-box-shadow: 0 25px 14px 14px rgba(0,0,0,0.1); /* ��� Safari � Chrome */
  box-shadow: 0 25px 14px 14px rgba(0,0,0,0.1); /* ��������� ���� */
  margin:0px auto 0 auto;
  min-width: 1350px;
  width: 1350px;
  max-width: 1350px;
}

#fixed_header {
/*
  -webkit-transform: translate3d(0,0,0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);*/
  -webkit-backface-visibility: hidden;
/*  -webkit-perspective: 1000;*/
/*  position:fixed;*/
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
  background:#fefefe;
  margin:0 auto 0 auto;
  min-width: 1350px;
  width: 1350px;
  max-width: 1350px;
  height: 144px;
}

.main {
/*  overflow:hidden;*/
}

.shadow_block {
  -moz-box-shadow: 0 0 11px 5px rgba(0,0,0,0.1); /* ��� Firefox */
  -webkit-box-shadow: 0 0 11px 5px rgba(0,0,0,0.1); /* ��� Safari � Chrome */
  box-shadow: 0 0 11px 5px rgba(0,0,0,0.1); /* ��������� ���� */
}

.shadow {
  transition: all 0.5s ease;
  margin:7px 0 0 7px;
  padding:11px 14px 11px 14px;
  background:#fff;
  -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0), 0 0 28px rgba(0, 0, 0, 0) inset;
  -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 28px rgba(0, 0, 0, 0) inset;
  box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 28px rgba(0, 0, 0, 0) inset;
  -moz-border-radius:3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius:3px;
  position: relative;
  border-collapse: separate;
} 

.news {
  margin-top:20px;
  margin-right:25px;
  margin-bottom:20px;
  float:left;
  text-align:center;
  height:305px;
  overflow-y:visible;
}

.news_inner {
  height:305px;
  width:333px;
  overflow:hidden;
}

.news .imgs {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.results {
  margin-top:10px;
  margin-right:60px;
  float:left;
  text-align:center;
  height:340px;
}

.results_inner {
  height:340px;
  width:510px;
  background:transparent;
  overflow:hidden;
  padding-top:30px;
}

.video {
  margin-top:20px;
  margin-right:25px;
  margin-bottom:20px;
  float:left;
  text-align:center;
  height:220px;
  overflow-y:visible;
  position:relative;
}

.video_inner {
  height:220px;
  width:390px;
  background:white;
  overflow:hidden;
}

.conf {
  margin-top:20px;
  margin-right:25px;
  margin-bottom:20px;
  float:left;
  text-align:center;
  height:293px;
  overflow-y:visible;
}

.conf_inner {
  height:293px;
  width:390px;
  background:white;
  overflow:hidden;
}

.prods {
  margin-top:10px;
  margin-right:25px;
  float:left;
  text-align:center;
  height:230px;
}

.prods_inner {
  height:230px;
  width:240px;
  background:white;
  border:1px solid #d0d0d0;
  overflow:hidden;
}

.prods_inner:hover {
  cursor: pointer;
  border: 1px solid #a7a6a6;
}

.product {
  margin-right:3px;
  float:left;
  text-align:center;
  height:358px;
}


.product_inner {
  height:320px;
  width:240px;
  background:white;
  overflow:hidden;
}

.product .shadow_thin {
  margin:0 auto;
  width:200px;
  height:40px;
  -webkit-opacity:0.1;
  -khtml-opacity: 0.1;
  opacity:0.1;
}

.product:hover .shadow_thin {
  -webkit-opacity:0.13;
  -khtml-opacity: 0.13;
  opacity:0.13;
}

.product_common {
  width: 300px;
  height: 380px;
  overflow: hidden;
  margin:15px 15px 0 0;
  padding:5px 5px 5px 5px;
  position: relative;
  text-align:center;
  display:inline-block;
  vertical-align:top;
/*  background-color: white;*/
} 

.product_common .img {
  width: 250px;
  height: 230px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
/*
.product_common:hover {

  -moz-box-shadow: 0 0 11px 5px rgba(0,0,0,0.1); 
  -webkit-box-shadow: 0 0 11px 5px rgba(0,0,0,0.1);
  box-shadow: 0 0 11px 5px rgba(0,0,0,0.1); 

  cursor: pointer;
}
*/
.recipe .imgl {
  width: 100%;
  height: 394px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.recipe .imgs {
  width: 100%;
  height: 140px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.product_img {
  width: 230px;
  height: 230px;
  margin: 40px auto 0 auto;
  padding: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  overflow:hidden;
}

.news_descr {
  width: 100%;
  overflow: hidden;
  transition: all 0.5s ease;
  margin:2px 7px 2px 7px;
  -moz-border-radius:10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius:10px;
  position: relative;
  background-color:white;
  text-align:left;
  display:inline-block;
  vertical-align: top;
}

.news_descr #img {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  overflow: hidden;
}

.news_descr #video {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  overflow: hidden;
}

.product_descr {
  width: 100%;
  overflow: hidden;
  transition: all 0.5s ease;
  margin:2px 7px 2px 7px;
  -moz-border-radius:10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius:10px;
  position: relative;
  background-color:white;
  text-align:left;
  display:inline-block;
  vertical-align: top;
}

.product_descr .img {
  width: 420px;
  height: 280px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  -moz-border-radius:10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius:10px;
  background-size: cover;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  overflow: hidden;
  line-height: 280px;
}

.graph-image img{display: none;}

@media print{
  .graph-image img
  {
    display:inline;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius:10px;
  }

  a[href]:after {
    content: none;
  }

  .print_recept, .vk_recept {
    display: none;
  }

  .recipe_id {
    transform: scale(0.9);
    transform-origin: top center;
  }
}

.alert-box {
/*	color:#555;*/
        -moz-border-radius:7px;
        -webkit-border-radius: 7px;
        -khtml-border-radius: 7px;
	border-radius:7px;
	font-size:24px;
	padding:7px 25px 7px 35px;
	margin:10px 30px 10px 30px;
}
.alert-box span {
	font-weight:bold;
	text-transform:uppercase;
	display: none;
	visibility: hidden;
}
.error {
	background:#ffecec url('https://chpt.ru/bio/images/error.png') no-repeat 7px 50%;
	border:1px solid #f5aca6;
}
.success {
	background:#e9ffd9 url('https://chpt.ru/bio/images/success.png') no-repeat 7px 50%;
	border:1px solid #a6ca8a;
}
.warning {
	background:#fff8c4 url('https://chpt.ru/bio/images/warning.png') no-repeat 7px 50%;
	border:1px solid #f2c779;
}
.notice {
	background:#e3f7fc url('https://chpt.ru/bio/images/notice.png') no-repeat 7px 50%;
	border:1px solid #8ed9f6;
}

/*
@media all and (min-width: 50px)   {  #main_table { width:95% } #header_text  { font-size:18px;  line-height: 18px; } #header_ext_text  { font-size:16px; line-height: 16px; } }
@media all and (min-width: 100px)  {  #main_table { width:95% } #header_text  { font-size:18px;  line-height: 18px; } #header_ext_text  { font-size:16px; line-height: 16px; } }
@media all and (min-width: 200px)  {  #main_table { width:95% } #header_text  { font-size:18px;  line-height: 18px; } #header_ext_text  { font-size:16px; line-height: 16px; } }
@media all and (min-width: 300px)  {  #main_table { width:95% } #header_text  { font-size:18px;  line-height: 18px; } #header_ext_text  { font-size:16px; line-height: 16px; } }
@media all and (min-width: 400px)  {  #main_table { width:95% } #header_text  { font-size:18px;  line-height: 18px; } #header_ext_text  { font-size:16px; line-height: 16px; } }
@media all and (min-width: 500px)  {  #main_table { width:95% } #header_text  { font-size:18px;  line-height: 18px; } #header_ext_text  { font-size:16px; line-height: 16px; } }
@media all and (min-width: 600px)  {  #main_table { width:95% } #header_text  { font-size:18px;  line-height: 18px; } #header_ext_text  { font-size:16px; line-height: 16px; } }
@media all and (min-width: 700px)  {  #main_table { width:95% } #header_text  { font-size:18px;  line-height: 18px; } #header_ext_text  { font-size:16px; line-height: 16px; } }
@media all and (min-width: 800px)  {  #main_table { width:84% } #header_text  { font-size:18px;  line-height: 18px; } #header_ext_text  { font-size:16px; line-height: 16px; } }
@media all and (min-width: 900px)  {  #main_table { width:84% } #header_text  { font-size:18px;  line-height: 18px; } #header_ext_text  { font-size:16px; line-height: 16px; } }
@media all and (min-width: 1000px) {  #main_table { width:75% } #header_text  { font-size:18px;  line-height: 18px; } #header_ext_text  { font-size:16px; line-height: 16px; } }
@media all and (min-width: 1100px) {  #main_table { width:75% } #header_text  { font-size:18px;  line-height: 18px; } #header_ext_text  { font-size:16px; line-height: 16px; } }
@media all and (min-width: 1200px) {  #main_table { width:64% } #header_text  { font-size:22px;  line-height: 20px; } #header_ext_text  { font-size:18px; line-height: 18px; } }
@media all and (min-width: 1300px) {  #main_table { width:64% } #header_text  { font-size:26px;  line-height: 26px; } #header_ext_text  { font-size:20px; line-height: 20px; } }
@media all and (min-width: 1400px) {  #main_table { width:64% } #header_text  { font-size:30px;  line-height: 30px; } #header_ext_text  { font-size:22px; line-height: 22px; } }
@media all and (min-width: 1500px) {  #main_table { width:64% } #header_text  { font-size:32px;  line-height: 32px; } #header_ext_text  { font-size:24px; line-height: 24px; } }
@media all and (min-width: 1500px) {  #main_table { width:64% } #header_text  { font-size:34px;  line-height: 34px; } #header_ext_text  { font-size:24px; line-height: 24px; } }
@media all and (min-width: 1600px) {  #main_table { width:64% } #header_text  { font-size:36px;  line-height: 36px; } #header_ext_text  { font-size:24px; line-height: 24px; } }
@media all and (min-width: 1700px) {  #main_table { width:64% } #header_text  { font-size:36px;  line-height: 36px; } #header_ext_text  { font-size:24px; line-height: 24px; } }
*/

.radius_50 {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px; /* for old Konqueror browsers */
	border-radius: 50px; /* future proofing */
}

a.anchor {
    display: block;
    position: relative;
    top: -160px;
    visibility: hidden;
}

.adv_card {
  margin-left: 180px;
  width: 260px;
  height: 250px;
  line-height: 240px;
  position: absolute;
  z-index: 10;
  background: #f0f0f0;
  background: linear-gradient(to right, #a0a0a0, 5%, #f0f0f0, 20%, #f0f0f0);
  top: -55px;
  left: -70px;
  border-radius: 0 30px 30px 0;
  border-right: 2px solid #ededed;
  border-top: 2px solid #ededed;
  border-bottom: 2px solid #ededed;
  padding: 15px 5px 15px 25px;
  color:#5e3e35;
}

.circle_1
{
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 1px solid #b0cc20;
  background-color: #b0cc20;
  color: white;
  font-size: 100px;
  line-height: 140px;
  position: relative;
  margin-left: 20px;
  z-index: 0;
}

.circle_2
{
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 1px solid #6fb538;
  background-color: #6fb538;
  color: white;
  font-size: 100px;
  line-height: 140px;
  position: relative;
  margin-left: 20px;
  z-index: 0;
}

.button_details {
  background: #005257;
  color:white;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  -khtml-border-radius: 22px; /* for old Konqueror browsers */
  border-radius: 22px; /* future proofing */
  font-size: 28px;
  padding:4px;
  width:340px;
  margin:0 auto;
  text-align: center;
}

.button_details_small {
  background: #005257;
  color:white;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  -khtml-border-radius: 18px; /* for old Konqueror browsers */
  border-radius: 18px; /* future proofing */
  font-size: 20px;
  padding:4px;
  width:180px;
  margin:0 auto;
  text-align: center;
}

.button_ph {
  background: #01aa69;
  color:white;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  -khtml-border-radius: 16px; /* for old Konqueror browsers */
  border-radius: 16px; /* future proofing */
  font-size: 24px;
  padding:4px;
  width:180px;
  height:32px;
  margin:0 auto;
  text-align: center;
}

.button_details:hover, .button_details_small:hover {
  cursor:pointer;
  background:#004044;
}

.button_contacts {
  background:#6cb536;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px; /* for old Konqueror browsers */
  border-radius: 20px; /* future proofing */
  font-size: 34px;
  line-height: 34px;
  padding:10px;
  width:240px;
  margin:0 auto;
  color:#5e3e35;
  text-align:center;
}

.button_contacts:hover {
  cursor:pointer;
}

/*Menu Styles*/
#primary-menu {
	margin: 0 auto;
	width: 605px;
	height: 72px;
        overflow:hidden;
/*
        box-shadow: 0px -3px 4px 0px rgba(0,0,0,0.25);
        -webkit-box-shadow: 0px -3px 4px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px -3px 4px 0px rgba(0,0,0,0.25);
*/
        box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.25);
        -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.25);
        font-size: 22px;
}

#menu-principal{
	margin: 0;
	padding: 0;
	height: 72px;
	display: flex;
	justify-content: space-between;
}

#menu-principal li {	
	float: left;
	list-style: none;
	width: 118px;
	height: 72px;
}

#menu-principal li a:hover {	
	background: #00ab69;
	color: white;
}

#menu-principal li:has(ul li:hover) > a {	
	background: #00ab69;
	color: white;
}

#menu-principal li a {	
	text-decoration: none;
	text-align:center;
	white-space: nowrap;
	line-height:20px;
	display: flex;
	justify-content: center;
	height: 72px;
	color:#72767b;
}

#menu-principal li a div {
	padding: 6px 14px 26px 14px;
	align-self: flex-end;
}

#menu-principal li ul {	
	position: absolute;
	z-index:100;
	display: none;
	font-size: 18px;
	background: #ebecec;
	margin: 0;
	padding: 0px;
	width: 118px;
	overflow: visible;
        box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.25);
        -webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.25);
}

#menu-principal li ul li {	
	float: none;
	line-height:20px;	
	width: auto;
        white-space: nowrap;
	height:34px;
}

#menu-principal li ul li a {	
	padding: 7px 12px 7px 12px;
	height: 34px;
	white-space: nowrap;
	color: black;
	justify-content: left;
}

#menu-principal li ul li:hover {	
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
}

#menu-principal li ul li a:hover {	
	text-decoration: none;
	background: #ebecec;
	color:black;
}

#menu-principal .current {
	text-decoration: underline;
}

#menu-principal li .active {	
	visibility: visible;
}

#actions div {
	background:#e31e25;
	color:white;
	width:420px;
	margin:0 auto;
	line-height:56px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px; /* future proofing */
	-khtml-border-radius: 11px; /* for old Konqueror browsers */
}

#watch_all div {
	background:#6fb538;
	color:white;
	width:246px;
	line-height:56px;
	float:right;
	margin-right:120px;
	text-align:center;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px; /* future proofing */
	-khtml-border-radius: 11px; /* for old Konqueror browsers */
}

#watch_video div {
	background:#6fb538;
	color:white;
	width:200px;
	line-height:51px;
	text-align:center;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px; /* future proofing */
	-khtml-border-radius: 11px; /* for old Konqueror browsers */
}

#watch_images div {
	background:#6fb538;
	color:white;
	width:200px;
	line-height:51px;
	text-align:center;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px; /* future proofing */
	-khtml-border-radius: 11px; /* for old Konqueror browsers */
}
/*
#watch_all_video div {
	background:#6fb538;
	color:white;
	width:246px;
	line-height:56px;
	float:right;
	margin-right:120px;
	text-align:center;
}
*/
#watch_all_video:hover {
        cursor:pointer;
}

.where_to_buy_inact {
	white-space:nowrap;
	padding:0 28px 0 14px;
	border-bottom:3px solid #77b31c;
	margin-right:-2px;
	color:#c0c0c0;
}

.where_to_buy_act {
	white-space:nowrap;
	padding:0 28px 0 14px;
	border-left:3px solid #77b31c;
	border-top:3px solid #77b31c;
	border-right:3px solid #77b31c;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	color:black;
}

#footer_table td {
	padding: 0 5px;
}

button.close {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    -webkit-opacity:0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}

.close:hover {
    -webkit-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.line_down {
    width:100%;
    border-left: 2px solid #104527;
    position: absolute;
    bottom:0;
}

.line_down:after {
  position: absolute;
  bottom: -6px;
  left: -6px;
  height: 10px;
  width: 10px;
  background: #104527;
  content: "";
  border-radius: 6px;
}

.line_up {
    width:100%;
    border-left: 2px solid #104527;
    position: absolute;
    top:0;
}

.line_up:before {
  position: absolute;
  top: 0px;
  left: -6px;
  height: 10px;
  width: 10px;
  background: #104527;
  content: "";
  border-radius: 6px;
}

.catalog_group {
  width:80px;
  height:80px;
  margin:0 auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}

#catalog_group1, #catalog_group2, #catalog_group3, #catalog_group4, #catalog_group5, #catalog_group6 {
  color:#b0b0b0;
}

#catalog_group1:hover, #catalog_group2:hover, #catalog_group3:hover, #catalog_group4:hover, #catalog_group5:hover, #catalog_group6:hover {
  color:black;
  text-decoration:none;
}

.catalog_hover1 div {
  background-image: url(https://chpt.ru/bio/images/catalog_group1.png?v=2);
}

.catalog_hover1:hover div {
  background-image: url(https://chpt.ru/bio/images/catalog_group1_act.png?v=2);
}

.catalog_hover2 div {
  background-image: url(https://chpt.ru/bio/images/catalog_group2.png?v=2);
}

.catalog_hover2:hover div {
  background-image: url(https://chpt.ru/bio/images/catalog_group2_act.png?v=2);
}

.catalog_hover3 div {
  background-image: url(https://chpt.ru/bio/images/catalog_group3.png?v=2);
}

.catalog_hover3:hover div {
  background-image: url(https://chpt.ru/bio/images/catalog_group3_act.png?v=2);
}

.catalog_hover4 div {
  background-image: url(https://chpt.ru/bio/images/catalog_group4.png?v=2);
}

.catalog_hover4:hover div {
  background-image: url(https://chpt.ru/bio/images/catalog_group4_act.png?v=2);
}

.catalog_hover5 div {
  background-image: url(https://chpt.ru/bio/images/catalog_group5.png?v=2);
}

.catalog_hover5:hover div {
  background-image: url(https://chpt.ru/bio/images/catalog_group5_act.png?v=2);
}

.catalog_hover6 div {
  background-image: url(https://chpt.ru/bio/images/catalog_group6.png?v=2);
}

.catalog_hover6:hover div {
  background-image: url(https://chpt.ru/bio/images/catalog_group6_act.png?v=2);
}

#callback_bio_form input {
  width:100%;
  border: 2px solid #005257;
  background: #f8f8f4;
  color:#005257;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  -khtml-border-radius: 22px;
  border-radius: 22px;
  margin-top: 5px;
  padding: 4px 22px 4px 22px;
}

#callback_bio_form textarea {
  height:140px;
  width:100%;
  border: 2px solid #005257;
  background: #f8f8f4;
  color:#005257;
  padding: 4px 22px 4px 22px;
  resize: none;
  overflow:hidden;
}

.submit_callback_bio_form {  
  text-align:center;
  font-size:28px;
  width:180px;
  height:42px;
  overflow:hidden;
  padding-top:0px;
  margin:10px auto;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  -khtml-border-radius: 22px;
  border-radius: 22px;
  padding: 4px 22px 4px 22px;
  color:white;
  background: #005257;
  border: 2px solid #005257;
  text-decoration: none;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
}

.submit_callback_bio_form:hover {  
  background:#004044;
}

.video_date_block {
  position: absolute;
  right: -7px;
  bottom: -7px;
  width: 80px;
  height: 40px;
  background: black;
  opacity: 40%;
  z-index: 100;
}

.video_date_text {
  position: absolute;
  right: -7px;
  bottom: -7px;
  width: 80px;
  height: 40px;
  color: white;
  line-height: 40px;
  font-size: 18px;
  z-index: 101;
}

.news_arrow_left:hover, .news_arrow_right:hover, .prods_arrow_left:hover, .prods_arrow_right:hover,
.results_arrow_left:hover, .results_arrow_right:hover
{
  cursor: pointer;
}

.select_box{
  width: 55px;
  overflow: hidden;
  position: relative;
  font-size:26px;
  color:#8a8b8e;
}

.select_box:after{
  content: '>';
  font: 20px "Consolas", monospace;
  font-weight: bold;
  color: #00b462;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);

  top: 15%;
  right: 5px;
  position: absolute;
  pointer-events: none;
  z-index: 98;
}

select::-ms-expand {
  display: none;
}

.select_box select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 70px;
  position: relative;
  z-index: 99;
  background: none;
  border: none;
  color:#8a8b8e;
  padding: 0 5px;
}

.select_box select:hover {
  cursor: pointer;
}

.button_plus {
  background: #005257;
  color:white;
  -moz-border-radius: 21px;
  -webkit-border-radius: 21px;
  -khtml-border-radius: 21px; /* for old Konqueror browsers */
  border-radius: 21px; /* future proofing */
  font-size: 56px;
  width:42px;
  height:42px;
  line-height:38px;
  margin:0 auto;
  text-align: center;
}

.button_plus:hover {
  cursor:pointer;
  background:#004044;
}

#common-descr-box ul {
  margin: 0;
  padding-left:24px;
  list-style-image: url("../images/list.webp");
}

#common-descr-box hr {
  margin: 5px 0 0 0;
  border-top: 1px solid #3baa66;
}

.prods_tbl {
    -webkit-animation: 0.4s ease 0s normal forwards 1 fadein;
    animation: 0.4s ease 0s normal forwards 1 fadein;
}

@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0.5; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0.5; }
    100% { opacity:1; }
}

#macroelements
{
  border-collapse:separate;
  border-spacing:3px;
  border:none;
}

#macroelements td {
  padding: 5px 20px;
  background: #6bd648;
}

/* =========================================================
   ����� �������� ǁ���������
   ========================================================= */

.common-descr-popup{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:1500px;
    max-width:96vw;
    z-index:99999;
}

.common_descr{
    position:relative;
    width:100%;
    max-height:96vh;
    padding:28px 35px 25px;
    overflow:hidden;
    background:#fff;
    box-sizing:border-box;
}

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

.bio-popup-close{
    position:absolute;
    top:5px;
    right:12px;
    z-index:100;
    display:block;
    width:46px;
    height:46px;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    color:#005257;
    font-family:Arial, sans-serif;
    font-size:46px;
    font-weight:300;
    line-height:42px;
    text-align:center;
    cursor:pointer;
    opacity:.8;
}

.bio-popup-close:hover{
    opacity:1;
}

/* =========================================================
   �������� ��������
   ========================================================= */

.bio-product-card{
    display:grid;
    grid-template-columns:minmax(500px, 47%) minmax(0, 53%);
    align-items:start;
    gap:38px;
    width:100%;
    box-sizing:border-box;
}

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

.bio-product-left{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    width:100%;
    min-width:0;
    padding-top:35px;
    box-sizing:border-box;
}

.bio-product-image{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    width:100%;
    height:calc(96vh - 285px);
    min-height:300px;
    max-height:620px;
    padding-bottom:15px;
    text-align:center;
    box-sizing:border-box;
}

.bio-product-image img{
    display:block;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:calc(96vh - 345px) !important;
    margin:0 auto;
    object-fit:contain;
}

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

.bio-product-right{
    width:100%;
    min-width:0;
}

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

.bio-product-title{
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    column-gap:7px;
    row-gap:2px;
    margin:0 0 18px;
    padding-right:45px;
    color:#005257;
    font-family:Arial, sans-serif;
    font-size:27px;
    font-weight:700;
    line-height:1.15;
    text-align:left;
    text-transform:uppercase;
}

.bio-title-name,
.bio-title-brand,
.bio-title-line{
    color:#005257;
}

.bio-title-line{
    margin:0;
    font-size:inherit;
    font-weight:700;
}

.bio-title-separator{
    color:#005257;
    font-weight:400;
}

.bio-title-volume{
    color:#00ad62;
    font-weight:700;
    text-transform:none;
}

/* =========================================================
   �������������� ��������
   ========================================================= */

.bio-sheet{
    width:100%;
    min-height:0;
    padding:28px 38px 24px;
    background:#f3efe4;
    color:#005257;
    font-family:Arial, sans-serif;
    text-align:left;
    box-sizing:border-box;
}

.bio-section{
    margin:0 0 15px;
}

.bio-section:last-child{
    margin-bottom:0;
}

.bio-section-title{
    position:relative;
    display:flex;
    align-items:center;
    margin:0 0 4px;
    padding:0;
    border:0;
    color:#00ad62;
    font-family:Arial, sans-serif;
    font-size:16px;
    font-weight:700;
    line-height:1.15;
    text-transform:uppercase;
}

.bio-section-title::before{
    content:"";
    display:block;
    flex:0 0 auto;
    width:24px;
    height:11px;
    margin-right:10px;
    border-radius:12px 2px 12px 2px;
    background:#55d13f;
    transform:skewX(-18deg);
}

.bio-section-text{
    padding-left:34px;
    color:#005257;
    font-family:Arial, sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:1.18;
    text-align:left;
}

.bio-section-text ul,
.bio-section-text ol{
    margin:0;
    padding:0;
    list-style:none;
}

.bio-section-text li{
    margin:0;
    padding:0;
    list-style:none;
}

.bio-section-text li::before{
    display:none;
    content:"";
}

/* =========================================================
   ������� ����������
   ========================================================= */

.bio-regulations-section{
    width:100%;
    margin-top:18px;
    margin-bottom:0;
}

.bio-regulations-section .bio-section-title{
    margin-bottom:8px;
}

.bio-regulations-table-wrap{
    display:block;
    width:100%;
    overflow:visible;
}

.bio-regulations-table{
    width:100%;
    margin:0;
    padding:0;
    border:0;
    border-collapse:collapse;
    border-spacing:0;
    table-layout:fixed;
    color:#005257;
    background:transparent;
    font-family:Arial, sans-serif;
    font-size:11px;
    line-height:1.12;
}

.bio-regulations-table th{
    padding:0 10px 7px 0 !important;
    border:0 !important;
    border-bottom:1px solid #005257 !important;
    background:transparent !important;
    color:#005257 !important;
    font-family:Arial, sans-serif !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1.1 !important;
    text-align:left !important;
    text-transform:none !important;
    vertical-align:bottom !important;
    box-sizing:border-box;
}

.bio-regulations-table td{
    height:auto !important;
    min-height:0 !important;
    padding:8px 10px 8px 0 !important;
    border:0 !important;
    border-bottom:1px solid #197179 !important;
    background:transparent !important;
    color:#005257 !important;
    font-family:Arial, sans-serif !important;
    font-size:11px !important;
    font-weight:400 !important;
    line-height:1.12 !important;
    text-align:left !important;
    vertical-align:top !important;
    white-space:normal !important;
    word-break:normal;
    overflow-wrap:break-word;
    box-sizing:border-box;
}

.bio-regulations-table th:nth-child(1),
.bio-regulations-table td:nth-child(1){
    width:29%;
}

.bio-regulations-table th:nth-child(2),
.bio-regulations-table td:nth-child(2){
    width:34%;
}

.bio-regulations-table th:nth-child(3),
.bio-regulations-table td:nth-child(3){
    width:37%;
    padding-right:0 !important;
}

.bio-regulations-old{
    padding-left:34px;
}

/* =========================================================
   �������� ��������� �������
   ========================================================= */

.bio-volumes-title{
    position:absolute;
    left:35px;
    bottom:190px;
    width:calc(47% - 20px);
    margin:0;
    color:#55c83d;
    font-family:Arial, sans-serif;
    font-size:19px;
    font-weight:400;
    line-height:1.2;
    text-align:center;
}

.bio-volumes-scroll{
    position:absolute;
    left:35px;
    bottom:14px;
    z-index:20;
    display:flex;
    align-items:center;
    justify-content:center;
    width:calc(47% - 20px);
    height:165px;
    margin:0;
    padding:0;
    box-sizing:border-box;
}

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

/* .bio-volume-arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 34px;
    width:34px;
    height:150px;
}

.prods_arrow_left,
.prods_arrow_right{
    display:block;
    width:24px;
    height:auto;
    max-height:82px;
    cursor:pointer;
    opacity:.85;
    transition:opacity .2s ease;
}

.prods_arrow_left:hover,
.prods_arrow_right:hover{
    opacity:1;
} */

#wrapper_prods{
    width:100%;
    max-width:520px;
    height:165px;
    overflow:hidden;
}

#viewport_prods{
    width:100%;
    height:165px;
    overflow:hidden;
}

#container{
    display:flex;
    justify-content:center;
    align-items:stretch;
    gap:10px;
    width:max-content;
    min-width:100%;
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.prods{
    flex:0 0 140px;
    width:140px;
    margin:0;
    padding:0;
    border:0 !important;
    box-sizing:border-box;
}

.prods_inner{
    width:100%;
    height:100%;
    cursor:pointer;
}

.bio-volume-card{
    position:relative;
    width:140px;
    height:160px;
    margin:0;
    padding:7px 6px 8px;
    border:0 !important;
    outline:0 !important;
    background:#fff;
    box-shadow:0 0 0 1px #d6d6d6;
    box-sizing:border-box;
    transition:
        box-shadow .2s ease,
        background-color .2s ease,
        transform .2s ease;
}

.bio-volume-card:hover{
    z-index:2;
    transform:translateY(-2px);
    box-shadow:0 0 0 1px #9db8b5;
}

.bio-volume-card.active{
    z-index:3;
    border:0 !important;
    outline:0 !important;
    background:#f5fbf3;
    box-shadow:
        0 0 0 1px #b7d8b3,
        inset 0 -4px 0 #55c83d;
}

.bio-volume-image{
    width:126px;
    height:124px;
    margin:0 auto;
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
}

.bio-volume-caption{
    margin-top:5px;
    color:#005257;
    font-family:Arial, sans-serif;
    font-size:14px;
    font-weight:700;
    line-height:1.1;
    text-align:center;
}

@media (min-width:1101px) and (max-height:850px){

    .common_descr{
        padding-top:20px;
        padding-bottom:18px;
    }

	.bio-product-image{
		height:calc(96vh - 245px);
		min-height:260px;
		max-height:470px;
	}

	.bio-product-image img{
		max-height:calc(96vh - 310px) !important;
	}

	.bio-volumes-title{
		bottom:157px;
		font-size:16px;
	}

    .bio-sheet{
        padding:20px 30px 18px;
    }

    .bio-section{
        margin-bottom:10px;
    }

    .bio-section-title{
        font-size:14px;
    }

    .bio-section-text{
        padding-left:32px;
        font-size:13px;
        line-height:1.12;
    }

    .bio-regulations-section{
        margin-top:12px;
    }

    .bio-regulations-table,
    .bio-regulations-table th,
    .bio-regulations-table td{
        font-size:10px !important;
    }

    .bio-regulations-table td{
        padding-top:5px !important;
        padding-bottom:5px !important;
    }

    .bio-volumes-title{
        bottom:176px;
        font-size:17px;
    }

    .bio-volumes-scroll{
        bottom:5px;
        height:145px;
    }

    .bio-volume-arrow{
        height:135px;
    }

    #wrapper_prods,
    #viewport_prods{
        height:145px;
    }
	
	.bio-volume-card{
    height:140px;
	}

    .bio-volume-image{
        height:105px;
    }
}

@media (max-width:1100px){

    .common-descr-popup{
        width:96vw;
    }

    .common_descr{
        max-height:96vh;
        padding:45px 25px 30px;
        overflow-x:hidden;
        overflow-y:auto;
    }

    .bio-product-card{
        display:flex;
        gap:25px;
    }

    .bio-product-left{
        flex:0 0 35%;
        width:35%;
        min-width:280px;
        padding-top:20px;
    }

    .bio-product-image{
        height:auto;
        min-height:450px;
    }

    .bio-product-image img{
        max-width:100% !important;
        max-height:500px !important;
    }

    .bio-product-right{
        flex:1;
    }

    .bio-product-title{
        font-size:23px;
    }

    .bio-sheet{
        padding:25px;
    }


    .bio-volumes-title{
        position:static;
        width:100%;
        margin-top:25px;
    }

    .bio-volumes-scroll{
        position:relative;
        left:auto;
        bottom:auto;
        width:max-content;
        max-width:100%;
        height:auto;
        margin:8px auto 0;
    }

    #wrapper_prods,
    #viewport_prods{
        width:480px;
        height:190px;
    }
}

@media (max-width:800px){

    .common-descr-popup{
        width:100vw;
        max-width:100vw;
    }

    .common_descr{
        max-height:100vh;
        padding:60px 18px 25px;
        overflow-y:auto;
    }

    .bio-product-card{
        display:block;
    }

    .bio-product-left{
        width:100%;
        min-width:0;
        padding-top:0;
    }

    .bio-product-image{
        height:auto;
        min-height:0;
        margin-bottom:25px;
    }

    .bio-product-image img{
        max-width:330px !important;
        max-height:450px !important;
    }

    .bio-product-title{
        padding-right:0;
        font-size:22px;
    }

    .bio-sheet{
        padding:22px 18px;
    }

    .bio-section-text{
        padding-left:0;
    }

    .bio-section-title::before{
        width:21px;
        height:10px;
        margin-right:9px;
    }

    .bio-regulations-table-wrap{
        overflow-x:auto;
    }

    .bio-regulations-table{
        min-width:700px;
    }

    .bio-volumes-title{
        font-size:18px;
    }

    #wrapper_prods,
    #viewport_prods{
        width:160px;
    }
}