* {margin: 0; padding: 0; outline: none; vertical-align: baseline; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-focus-ring-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box; box-sizing: border-box;}
*::-moz-focus-inner {border: 0; padding: 0;}
*:focus {outline: none;}
::selection {background-color: rgba(139, 228, 196, 1);}
.body_cosm ::selection {background-color: rgba(98, 123, 65, 0.4);}
.body_nutr ::selection {background-color: rgba(84, 129, 171, 0.6);}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section, main {display: block;}
audio, canvas, iframe, img, svg {vertical-align: middle;}
video {vertical-align: top; width: 100%;}


/*====================================================
   Fonts
====================================================*/
/*100*/
@font-face {
   font-family: 'RobotoThin';
   src:  url('fonts/RobotoThin/RobotoThin.eot');
   src:  url('fonts/RobotoThin/RobotoThin.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoThin/RobotoThin.woff') format('woff'),
         url('fonts/RobotoThin/RobotoThin.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}
/*300*/
@font-face {
   font-family: 'RobotoLight';
   src:  url('fonts/RobotoLight/RobotoLight.eot');
   src:  url('fonts/RobotoLight/RobotoLight.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoLight/RobotoLight.woff') format('woff'),
         url('fonts/RobotoLight/RobotoLight.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}
/*400*/
@font-face {
   font-family: 'RobotoRegular';
   src:  url("fonts/RobotoRegular/RobotoRegular.eot");
   src:  url("fonts/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"),
         url("fonts/RobotoRegular/RobotoRegular.woff") format("woff"),
         url("fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
   font-display: swap;
}
/*700 (600 - Figma)*/
@font-face {
   font-family: 'RobotoMedium';
   src:  url("fonts/RobotoMedium/RobotoMedium.eot");
   src:  url("fonts/RobotoMedium/RobotoMedium.eot?#iefix")format("embedded-opentype"),
         url("fonts/RobotoMedium/RobotoMedium.woff") format("woff"),
         url("fonts/RobotoMedium/RobotoMedium.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
   font-display: swap;
}
/*700*/
@font-face {
   font-family: 'RobotoBold';
   src:  url("fonts/RobotoBold/RobotoBold.eot");
   src:  url("fonts/RobotoBold/RobotoBold.eot?#iefix")format("embedded-opentype"),
         url("fonts/RobotoBold/RobotoBold.woff") format("woff"),
         url("fonts/RobotoBold/RobotoBold.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
   font-display: swap;
}
/*900*/
@font-face {
   font-family: 'RobotoBlack';
   src:  url("fonts/RobotoBlack/RobotoBlack.eot");
   src:  url("fonts/RobotoBlack/RobotoBlack.eot?#iefix")format("embedded-opentype"),
         url("fonts/RobotoBlack/RobotoBlack.woff") format("woff"),
         url("fonts/RobotoBlack/RobotoBlack.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
   font-display: swap;
}
/*Jost (for catalog)*/
@font-face {
   font-family: 'JostRegular';
   src:  url('fonts/Jost/Jost-Regular.eot');
   src:  url('fonts/Jost/Jost-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Jost/Jost-Regular.woff') format('woff'),
         url('fonts/Jost/Jost-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}


/*====================================================
   Global
====================================================*/
html, body {height: 100%;}
body {background: #E6F0EC; font-family: 'RobotoRegular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 1.4; letter-spacing: 0.02em; color: #3B444F;}
body.locked {overflow: hidden;}

@media screen and (max-width: 1024px) {
   body {font-size: 18px;}
}
@media screen and (max-width: 480px) {
   body {font-size: 16px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   body {font-size: 16px;}
}

.container {min-height: 100%; position: relative; z-index: 1;}
   .wrapper {margin: 200px 0; position: relative;}
   .wrapper.wrapper_padding {margin: 0; padding: 200px 0;}
   /*wrapper_high - больше отступ*/
   .wrapper_high {margin: 280px 0 200px;}
   .wrapper.wrapper_padding.wrapper_high {padding: 280px 0 250px;}
   .wrapper:first-child {margin-top: 0;}
   .page-top:not(.page-top_full) + .wrapper {margin-top: 0;}
      .inner {width: 100%; max-width: 1740px; margin: 0 auto; padding: 0 40px; position: relative;}
      .inner_narrow {max-width: 1520px;}

@media screen and (max-width: 1366px) {
   .wrapper {margin: 180px 0;}
   .wrapper.wrapper_padding {padding: 180px 0;}
   .wrapper_high {margin: 240px 0 180px;}
   .wrapper.wrapper_padding.wrapper_high {padding: 240px 0 210px;}
}  
@media screen and (max-width: 1279px) {
   .wrapper {margin: 160px 0;}
   .wrapper.wrapper_padding {padding: 160px 0;}
   .wrapper_high {margin: 200px 0 160px;}
   .wrapper.wrapper_padding.wrapper_high {padding: 200px 0 170px;}
}
@media screen and (max-width: 1024px) {
   .wrapper {margin: 120px 0;}
   .wrapper.wrapper_padding {padding: 120px 0;}
   .wrapper_high {margin: 180px 0 120px;}
   .wrapper.wrapper_padding.wrapper_high {padding: 180px 0 150px;}
}
@media screen and (max-width: 767px) {
   .wrapper {margin: 100px 0;}
   .wrapper.wrapper_padding {padding: 100px 0;}
   .wrapper_high {margin: 140px 0 100px;}
   .wrapper.wrapper_padding.wrapper_high {padding: 140px 0 110px;}
}
@media screen and (max-width: 480px) {
   .wrapper {margin: 80px 0;}
   .wrapper.wrapper_padding {padding: 80px 0;}
   .wrapper_high {margin: 100px 0 80px;}
   .wrapper.wrapper_padding.wrapper_high {padding: 100px 0 70px;}
      .inner {padding: 0 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .wrapper {margin: 80px 0;}
   .wrapper.wrapper_padding {padding: 80px 0;}
   .wrapper_high {margin: 100px 0 80px;}
   .wrapper.wrapper_padding.wrapper_high {padding: 100px 0 70px;}
      .inner {padding: 0 20px;}
}

/*mobile/tablet/desktop blocks*/
@media screen and (min-width: 1280px) {
   .tablet-block {display: none !important;}
   .desktop-hidden {display: none !important;}
}
@media screen and (max-width: 1279px) {
   .desktop-block {display: none !important;}
}
@media screen and (min-width: 768px) {
   .mobile-block {display: none !important;}
}
@media screen and (max-width: 767px) {
   .tablet-block {display: none !important;}
   .mobile-hidden {display: none !important;}
}

/*headings*/
h1, .h1 {font-family: "RobotoRegular", sans-serif; font-size: 90px; line-height: 1; font-weight: normal; color: inherit; letter-spacing: normal; margin: 0 0 50px; padding: 0; position: relative;}
.page-top__title_small h1 {font-size: 60px;}
h2, .h2 {font-family: "RobotoRegular", sans-serif; font-size: 70px; line-height: 1; font-weight: normal; color: inherit; letter-spacing: normal; margin: 0 0 80px; padding: 0; position: relative;}
h3, .h3 {font-family: "RobotoRegular", sans-serif; font-size: 60px; line-height: 1; font-weight: normal; color: inherit; letter-spacing: normal; margin: 0 0 30px; padding: 0; position: relative;}
h4, .h4 {font-family: "RobotoBold", sans-serif; font-size: 40px; line-height: 1.1; font-weight: normal; color: inherit; letter-spacing: normal; margin: 0 0 20px; padding: 0; position: relative;}
h5, .h5 {font-family: "RobotoMedium", sans-serif; font-size: 28px; line-height: 1.3; font-weight: normal; color: inherit; letter-spacing: normal; margin: 0 0 20px; padding: 0; position: relative;}
h6, .h6 {font-family: "RobotoBold", sans-serif; font-size: 20px; line-height: 1.3; font-weight: normal; color: inherit; letter-spacing: normal; margin: 0 0 20px; padding: 0; position: relative;}

@media screen and (max-width: 1366px) {
  h1, .h1 {font-size: 86px;}
  h2, .h2 {font-size: 60px;}
  h3, .h3 {font-size: 50px;}
  h4, .h4 {font-size: 36px;}
  h5, .h5 {font-size: 26px;}
}
@media screen and (max-width: 1279px) {
  h1, .h1 {font-size: 76px;}
  h2, .h2 {font-size: 50px;}
  h3, .h3 {font-size: 40px;}
  h4, .h4 {font-size: 32px;}
  h5, .h5 {font-size: 24px;}
}
@media screen and (max-width: 1024px) {
   h1, .h1 {font-size: 66px; line-height: 1.01; margin-bottom: 40px;}
   .page-top__title_small h1 {font-size: 56px;}
   h2, .h2 {font-family: "RobotoMedium"; font-size: 40px; line-height: 1.175;}
   h3, .h3 {font-family: "RobotoMedium"; font-size: 32px; margin-bottom: 20px;}
   h4, .h4 {font-family: "RobotoMedium"; font-size: 28px;}
   h5, .h5 {font-family: "RobotoBold"; font-size: 20px;}
   h6, .h6 {font-size: 18px;}
}
@media screen and (max-width: 767px) {
   h1, .h1 {font-size: 54px; margin-bottom: 35px;}
   .page-top__title_small h1 {font-size: 44px;}
   .page-top_catalog h1 {font-size: 44px;}
   h2, .h2 {font-size: 34px;}
   h3, .h3 {font-size: 28px;}
   h4, .h4 {font-size: 24px;}
}
@media screen and (max-width: 480px) {
   h1, .h1 {font-size: 44px; margin-bottom: 30px;}
   .page-top__title_small h1 {font-size: 38px;}
   .page-top_catalog h1 {font-size: 38px;}
   h2, .h2 {font-family: "RobotoBold"; font-size: 28px; margin-bottom: 30px;}
   h3, .h3 {font-size: 24px; line-height: 1.2; margin-bottom: 15px;}
   h4, .h4 {font-size: 20px; margin-bottom: 15px;}
   h5, .h5 {font-size: 18px;}
   h6, .h6 {font-size: 16px;}
}
@media screen and (max-width: 374px) {
   .page-top__title_small h1 {font-size: 32px;}
   .page-top_catalog h1 {font-size: 32px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   h1, .h1 {font-size: 44px; margin-bottom: 30px;}
   .page-top__title_small h1 {font-size: 38px;}
   .page-top_catalog h1 {font-size: 38px;}
   h2, .h2 {font-family: "RobotoBold"; font-size: 28px; margin-bottom: 30px;}
   h3, .h3 {font-size: 24px; line-height: 1.2; margin-bottom: 15px;}
   h4, .h4 {font-size: 20px; margin-bottom: 15px;}
   h5, .h5 {font-size: 18px;}
   h6, .h6 {font-size: 16px;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .page-top__title_small h1 {font-size: 32px;}
   .page-top_catalog h1 {font-size: 32px;}
}

/*text styles*/
p {margin: 0 0 30px; padding: 0;}
p:last-child {margin-bottom: 0;}

@media screen and (max-width: 1024px) {
   p {margin-bottom: 25px;}
}
@media screen and (max-width: 480px) {
   p {margin-bottom: 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   p {margin-bottom: 20px;}
}

.font_large {font-family: 'RobotoMedium'; font-size: 26px; line-height: 1.31; letter-spacing: 0.04em;}
.font_small {font-size: 16px;}
.font_descr {font-size: 28px; letter-spacing: normal;}

@media screen and (max-width: 1366px) {
   .font_descr {font-size: 24px;}
}
@media screen and (max-width: 1279px) {
   .font_large {font-size: 24px;}
   .font_descr {font-size: 20px;}
}
@media screen and (max-width: 1024px) {
   .font_large {font-size: 20px; line-height: 1.2;}
   .font_descr {font-size: 16px;}
}
@media screen and (max-width: 767px) {
   .font_large {font-size: 18px;}
}
@media screen and (max-width: 480px) {
   .font_large {font-size: 16px;}
   .font_small {font-size: 14px;}
   .font_descr {font-size: 14px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .font_large {font-size: 16px;}
   .font_small {font-size: 14px;}
   .font_descr {font-size: 14px;}
}

.l-s_normal {letter-spacing: normal;}
.l-s_004 {letter-spacing: 0.04em;}

.font_roboto-thin {font-family: 'RobotoThin';}
.font_roboto-light {font-family: 'RobotoLight';}
.font_roboto-regular {font-family: 'RobotoRegular';}
.font_roboto-medium {font-family: 'RobotoMedium';}
.font_roboto-bold {font-family: 'RobotoBold';}
.font_roboto-black {font-family: 'RobotoBlack';}
.font_jost {font-family: 'JostRegular';}

.text_uppercase {text-transform: uppercase;}
.text_center {text-align: center;}
.text_left {text-align: left;}
.text_right {text-align: right;}
.text_nowrap {white-space: nowrap;}

.text_lead {font-size: 66px; line-height: 1.16;}
.text_lead-large {font-size: 76px; line-height: 1.17;}
.text_lead-medium {font-size: 50px; line-height: 1.35;}
.text_lead-small {font-size: 50px; line-height: 1.3;}
.text_lead-light {font-family: 'RobotoLight';}

@media screen and (max-width: 1366px) {
   .text_lead {font-size: 56px;}
   .text_lead-large {font-size: 66px;}
   .text_lead-medium {font-size: 48px;}
   .text_lead-small {font-size: 42px;}
}
@media screen and (max-width: 1279px) {
   .text_lead {font-size: 46px;}
   .text_lead-large {font-size: 56px;}
   .text_lead-medium {font-size: 44px;}
   .text_lead-small {font-size: 34px;}
}
@media screen and (max-width: 1024px) {
   .text_lead {font-size: 40px;}
   .text_lead-large {font-size: 40px;}
   .text_lead-medium {font-size: 40px;}
   .text_lead-small {font-size: 28px;}
}
@media screen and (max-width: 767px) {
   .text_lead {font-size: 34px;}
   .text_lead-large {font-size: 36px;}
   .text_lead-medium {font-size: 28px;}
   .text_lead-small {font-size: 24px;}
}
@media screen and (max-width: 480px) {
   .text_lead {font-size: 24px;}
   .text_lead-large {font-size: 30px;}
   .text_lead-medium {font-size: 24px;}
   .text_lead-small {font-size: 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .text_lead {font-size: 24px;}
   .text_lead-large {font-size: 30px;}
   .text_lead-medium {font-size: 24px;}
   .text_lead-small {font-size: 20px;}
}

em, i, cite, dfn, q {font-style: italic;}
.text_quote {font-family: 'RobotoBold'; font-size: 86px; line-height: 1.1; color: #1C6C51;}

@media screen and (max-width: 1366px) {
   .text_quote {font-size: 72px;}
}
@media screen and (max-width: 1279px) {
  .text_quote {font-size: 56px;}
}
@media screen and (max-width: 1024px) {
   .text_quote {font-size: 40px; font-family: 'RobotoMedium'; line-height: 1.2;}
}
@media screen and (max-width: 767px) {
   .text_quote {font-size: 28px;}
}
@media screen and (max-width: 480px) {
   .text_quote {font-size: 24px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .text_quote {font-size: 24px;}
}

b, strong {font-family: 'RobotoBold'; font-weight: normal;}
.text_lead-light b, .text_lead-light strong, .font_roboto-thin b, .font_roboto-thin strong {font-family: 'RobotoMedium';}

sup {font-size: 0.7em; position: relative; vertical-align: super;}
sub {font-size: 0.7em; vertical-align: sub;}

/*green*/
.highlight {color: #1C6C51;}
.no-touchevents .hover_highlight {transition: all 0.3s ease 0s;}
.hover_highlight-parent:hover .hover_highlight {color: #1C6C51;}
.bg_blue-deep .highlight, .bg_green-deep .highlight {color: #8BE4C4;}

/*image*/
img {border: 0; max-width: 100%; height: auto;}
.img_multiply {mix-blend-mode: multiply;}
.img_blacking {filter: brightness(0.8);}
.img_rotate-33 {display: block; transform: rotate(33.68deg);}
.img_flag {display: block; /*border-radius: 3px; border: 1px solid #E8E8E8;*/}
.img-flag-parent {flex-shrink: 0;}

figure {width: 100%; margin: 0 0 30px 0;}
figure img {display: block;}
figcaption {padding-top: 5px;}
figure p {margin: 0;}

@media screen and (max-width: 1024px) {
   figure {margin-bottom: 25px;}
}
@media screen and (max-width: 480px) {
   figure {margin-bottom: 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   figure {margin-bottom: 20px;}
}

/*svg*/
.svg-fill, .svg-stroke {transition: all 0.3s ease 0s;}

/*table*/
table {border-collapse: collapse; border-spacing: 0;}
.article table {margin-bottom: 30px; max-width: 100%;}
   .article table th, .article table td {padding: 10px 20px; border: 0; border: 1px solid #3B444F; line-height: 1.17;}
   .article table th {font-family: 'RobotoBold', sans-serif; font-weight: normal;}
   table p {margin: 0;}

@media screen and (max-width: 1024px) {
  .article table {margin-bottom: 25px;}
}
@media screen and (max-width: 480px) {
   .article table {margin-bottom: 20px;}
      .article table th, .article table td {padding: 10px;}
}
@media screen and (max-width: 374px) {
   .article table th, .article table td {font-size: 14px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .article table {margin-bottom: 20px;}
   .article table th, .article table td {padding: 10px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .article table th, .article table td {font-size: 14px;}
}

/*list*/
ul {list-style: none; padding: 0; margin: 0 0 30px;}
.article p + ul {margin-top: -20px;}
ul:last-child {margin-bottom: 0;}
ul.ul_no-decor {margin: 0;}
   ul li {padding: 0 0 0 18px; margin: 0; position: relative;}
   ul.ul_no-decor li {padding-left: 0;}
      ul li:before {content: ''; position: absolute; top: 0.7em; left: 0; width: 5px; height: 5px; background: #A00006;}
      ul.ul_no-decor li:before {display: none;}
   ul li ul {margin: 10px 0 0 20px;}
ol {padding: 0; margin: 0 0 30px 22px;}
.article p + ol {margin-top: -20px;}
   ol li {padding: 0; margin: 0;}
   ol li ol {margin: 10px 0 0 17px;}

@media screen and (max-width: 1024px) {
   ul, ol {margin-bottom: 25px;}
      ul li:before {top: 0.65em;}
}
@media screen and (max-width: 480px) {
   ul, ol {margin-bottom: 20px;}
   .article p + ul {margin-top: -10px;}
      ul li {padding-left: 15px;}
         ul li:before {top: 0.6em;}
   .article p + ol {margin-top: -10px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   ul, ol {margin-bottom: 20px;}
   .article p + ul {margin-top: -10px;}
      ul li {padding-left: 15px;}
         ul li:before {top: 0.6em;}
   .article p + ol {margin-top: -10px;}
}

.nav ul {padding: 0; margin: 0;}
.nav ul li {padding: 0; margin: 0;}
.nav ul li:before {display: none;}
.nav ul li a {text-decoration: none;}

/*blocks*/
.easing, .easing * {transition: all 0.3s ease 0s;}

.clear:before, .clear:after {content: " "; display: table;}
.clear:after {clear: both;}

.cl:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.fl {float: left;}
.fr {float: right;}

.b-r {border-radius: 24px;}
.b-r_part {border-radius: 0 28px 28px 28px;}
.b-r_box {border-radius: 26px;}
.b-r_box-part {border-radius: 0 24px 24px 24px;}
.b-r_box-large {border-radius: 40px;}
.b-r_leaf {border-radius: 100% 0 100% 100%;}
.b-r_circle {border-radius: 100%;}
.b-r_em {border-radius: 2em;}

@media screen and (max-width: 480px) {
   .b-r_box-large {border-radius: 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .b-r_box-large {border-radius: 20px;}
}

.tb {display: table; width: 100%; height: 100%;}
   .tb__head {display: table-header-group;}
   .tb__body {display: table-row-group;}
      .tb__row {display: table-row;}
         .tb__cell {display: table-cell; vertical-align: middle;}

.flex {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} 
.flex-inline {display: -webkit-inline-flex; display: inline-flex;}
.flex_nowrap {-webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.flex_column {-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.flex_middle {-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.flex_top {-webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start;}
.flex_bottom {-webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end;}
.flex_stretch {-webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
.flex_justify {-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.flex_center {-webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}

.columns {column-gap: 20px;}
.columns_2 {-webkit-columns: 2 auto; columns: 2 auto;}
.columns_3 {-webkit-columns: 3 auto; columns: 3 auto;}
.columns_4 {-webkit-columns: 4 auto; columns: 4 auto;}
   .columns > * {vertical-align: top; /*overflow: hidden;*/ -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column;}

/*backgrounds*/
.bg_white {background: #FFF;}
.bg_green {background: #7CB09D;}
.bg_green-medium {background: #1C6C51; color: #FFF;}
.bg_green-dark {background: #114634; color: #FFF;}
.bg_green-darkness {background: #6B9D8C; } <!--color: #FFF; -->
.bg_green-highlight {background: #8BE4C4;}
.bg_green-light {background: #E6F0EC;}
.bg_blue {background: #0071BC;}
.bg_blue-deep {background: #021B26; color: #FFF;}
.bg_blue-cyan {background: #00E3FE;}
.bg_gray {background: #9DA2A7;}
.bg_gray-tr {background: rgba(2, 27, 38, 0.7);}
.bg_gray-dark {background: #3B444F; color: #FFF;}
.bg_rose {background: #FE5E9C;}
.bg_red-dark {background: #A00006; color: #FFF;}
.bg_gradient-violet {background: linear-gradient(254.04deg, #9848FF 4.31%, #00E3FE 99.14%);}
.bg_gradient-green {background: linear-gradient(225.24deg, #0B94FE 19.94%, #07DD61 92.5%);}
/*cosm*/
.bg_green-cosm-dark {background: #627B41; color: #FFF;}
.bg_green-cosm-light {background: #E8EFE1;}
.bg_green-cosm-light-tr {background: rgba(180, 235, 118, 0.1);}
/*nutr*/
.bg_blue-nutr-dark {background: #37526B; color: #FFF;}
.bg_blue-nutr-light {background: #ECF6FC;}

/*links*/
a {color: inherit; text-decoration-skip-ink: none; text-decoration-thickness: 0.05em; text-underline-offset: 0.15em; position: relative; transition: all 0.3s ease 0s;}
a:hover {text-decoration: none;}
.link_no-decor {text-decoration: none;}
.link_phone, .link_email {white-space: nowrap; text-decoration: none;}

.link_svg {display: -webkit-inline-flex; display: inline-flex; align-items: flex-start;}
.link_svg.flex_middle {align-items: center;}
a.link_svg:hover {color: #62D0FF;}
   .link_svg svg {vertical-align: top; flex: 0 0 auto;}
   .link_svg img {transition: all 0.3s ease 0s;}
   .link_svg span {padding-right: 10px;}
   .link_svg svg + span, .link_svg img + span {padding-left: 10px; padding-right: 0;}
   .link_svg span:only-child {padding: 0;}
   /*gray*/
   .link_svg .svg-fill {fill: #3B444F;}
   .link_svg .svg-stroke {stroke: #3B444F;}
   /* :hover green dark*/
   a.link_svg:hover .svg-fill {fill: #1C6C51;}
   a.link_svg:hover .svg-stroke {stroke: #1C6C51;}
   /*white*/
   .link_svg-white .svg-fill {fill: #FFF;}
   .link_svg-white .svg-stroke {stroke: #FFF;}
   /* :hover green light*/
   a.link_svg-white:hover .svg-fill {fill: #8BE4C4;}
   a.link_svg-white:hover .svg-stroke {stroke: #8BE4C4;}

.link_readmore {display: inline-block; line-height: 1.3; text-decoration: none;}
   .link-readmore__arrow {display: inline; margin-left: 10px;}
      .link-readmore__arrow div {display: inline-block; vertical-align: middle; position: relative; width: 30px; height: 30px; background: #A00006; overflow: hidden; transition: all 0.3s ease 0s;}
      .no-touchevents .link-readmore__arrow div {background: transparent;}
      .no-touchevents .bg_blue-deep .link_readmore:not(:hover) .link-readmore__arrow div {background: #FFF;}
      .no-touchevents .link_readmore:hover .link-readmore__arrow div {background: #A00006;}
      .touchevents .link-readmore__arrow div {background: #A00006;}
         .link-readmore__arrow svg {position: absolute; top: 50%; left: 50%; width: 16px; height: 12px; margin: -6px 0 0 -8px;}
         .no-touchevents .link_readmore:hover .link-readmore__arrow svg {animation: overflow-repeat-x 0.3s ease 0.2s;}
            .no-touchevents .link-readmore__arrow .svg-fill {fill: #A00006;}
            .no-touchevents .link_readmore:hover .link-readmore__arrow .svg-fill {fill: #FFF;}
            .touchevents .link-readmore__arrow .svg-fill {fill: #FFF;}

@media screen and (max-width: 1366px) {
   .link_readmore {font-size: 18px;}
}
@media screen and (max-width: 1024px) {
   .link_readmore {font-size: 16px;}
      /*.link-readmore__arrow div {width: 19px; height: 19px;}
         .link-readmore__arrow svg {width: 11px; height: 9px; margin: -4px 0 0 -5px;}*/
}
@media screen and (max-width: 480px) {
   .link_readmore {font-size: 14px;}
      /*.link-readmore__arrow div {width: 16px; height: 16px;}
         .link-readmore__arrow svg {width: 10px; height: 7px; margin: -3px 0 0 -5px;}*/
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .link_readmore {font-size: 14px;}
      /*.link-readmore__arrow div {width: 16px; height: 16px;}
         .link-readmore__arrow svg {width: 10px; height: 7px; margin: -3px 0 0 -5px;}*/
}

.link_less, .link_more {font-size: 16px; font-family: 'RobotoRegular' !important; white-space: nowrap;}
.touchevents .link_less, .touchevents .link_more {text-decoration: underline; white-space: nowrap;}

@media screen and (max-width: 1024px) {
   .link_less, .link_more {font-size: 14px;}
}

.link_close {position: absolute; top: 40px; right: 40px; width: 32px; height: 32px; cursor: pointer; z-index: 2; transition: all 0.3s ease 0s;}
a.link_close {text-decoration: none;}
   .link_close:before, .link_close:after {content: ''; position: absolute; top: 15px; bottom: auto; left: -4px; width: 40px; height: 2px; background: #FFF; transition: all 0.3s ease 0s;}
   .link_close:hover:before, .link_close:hover:after {background: #A00006;}
   .link_close:before {transform: rotate(45deg);}
   .link_close:after {transform: rotate(-45deg);}

.link_close.link_close--green {top: 22px; right: 22px; width: 50px; height: 50px; border-radius: 100%; background: #1C6C51;}
   .link_close.link_close--green:before, .link_close.link_close--green:after {width: 28px; height: 3px; top: 24px; left: 11px;}

@media screen and (max-width: 1024px) {
   .link_close.link_close--green {top: 12px; right: 12px; transform: scale(0.8);}
}
@media screen and (max-width: 767px) {
   .link_close.link_close--green {top: 10px; right: 10px; transform: scale(0.56);}
}
@media screen and (max-width: 480px) {
   .link_close {top: 20px; right: 20px; width: 24px; height: 24px;}
      .link_close:before, .link_close:after {top: 11px; left: -3px; width: 30px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .link_close {top: 20px; right: 20px; width: 24px; height: 24px;}
      .link_close:before, .link_close:after {top: 11px; left: -3px; width: 30px;}
}

.link_nav {display: block; position: relative;}
   .link_nav-prev:before, .link_nav-prev:after, .link_nav-next:before, .link_nav-next:after {content: ''; position: absolute; width: 10px; height: 1px; background: #000; transition: all 0.3s ease 0s;}
   span.link_nav-prev:before, span.link_nav-prev:after, span.link_nav-next:before, span.link_nav-next:after {opacity: 0.65;}
   .link_nav-prev:before, .link_nav-next:before {top: 50%; margin-top: -4px;}
   .link_nav-prev:after, .link_nav-next:after {bottom: 50%; margin-bottom: -4px;}
   .link_nav-prev:before, .link_nav-prev:after {right: 50%; margin-right: -4px;}
   .link_nav-next:before, .link_nav-next:after {left: 50%; margin-left: -4px;}
   .link_nav-prev:before, .link_nav-next:after {transform: rotate(-45deg);}
   .link_nav-prev:after, .link_nav-next:before {transform: rotate(45deg);}

.link_delete {position: relative;}
   .link_delete:before, .link_delete:after {content: ''; position: absolute; top: 15px; right: 10px; width: 10px; height: 1px; background: #FFF; transition: all 0.3s ease 0s;}
   .link_delete:hover:before, .link_delete:hover:after {background: #A00006;}
   .link_delete:before {transform: rotate(45deg);}
   .link_delete:after {transform: rotate(-45deg);}

.link_hover-zoom {overflow: hidden; transform-style: preserve-3d;}
   .link_hover-zoom img {display: block; transform: translateZ(0); transition: transform 16s linear 0s;}
   .link_hover-zoom:hover img {transform: scale(1.4) translateZ(0);}

.link_fancybox {display: block; position: relative;}
   .link_fancybox img {position: relative; z-index: 0;}
   .link_fancybox:before, .link_fancybox:after {content: ''; position: absolute; transition: all 0.3s ease 0s;}
   .link_fancybox:before {top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,.3); opacity: 0;}
   .link_fancybox:hover:before {opacity: 1;}
   .link_fancybox:after {top: 50%; left: 50%; z-index: 2; width: 36px; height: 36px; margin: -18px 0 0 -18px; background: url('../i/zoom.svg') 0 0 / contain no-repeat; opacity: 0; transform: scale(0);}
   .link_fancybox:hover:after {opacity: 1; transform: scale(1);}

/*buttons*/
.btn {display: inline-block; width: 370px; max-width: 100%; padding: 15px 10px; border-radius: 50em; background: #8BE4C4; font-family: 'RobotoBold'; font-family: 'RobotoMedium'; font-size: 24px; line-height: 1.167; color: #000; text-align: center; letter-spacing: normal; transition: all 0.3s ease 0s; position: relative; cursor: pointer; text-decoration: none;}
.btn_light {background: transparent; border: 1px solid; padding: 13px 10px 15px;}
.btn_light-white {color: #FFF; border-color: #FFF;}
.btn_light-black {border-color: #000;}
.btn.btn_width-auto {width: auto; padding-left: 30px; padding-right: 30px;}
.btn:not(.no-hover):hover {background: #FFF; border-color: #FFF; color: #000;}
.bg_white .btn_light-black:not(.no-hover):hover {background: #000; border-color: #000; color: #FFF;}
.btn.no-hover {cursor: default;}

.touchevents .btn {transition: none;}

@media screen and (max-width: 1024px) {
   .btn {font-size: 20px; line-height: 1.2; padding: 13px 10px;}
   .btn_light {padding: 11px 10px 13px;}
}
@media screen and (max-width: 480px) {
   .btn {width: 200px; font-size: 16px; line-height: 1.188;}
   .btn.btn_width-auto {padding-left: 20px; padding-right: 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .btn {width: 266px; font-size: 16px; line-height: 1.188;}
   .btn.btn_width-auto {padding-left: 20px; padding-right: 20px;}
}


/*====================================================
   Form elements
====================================================*/
input:-moz-focus-inner {border: 0; padding: 0;}
input::-ms-clear {display: none;}
button:-moz-focus-inner {border: 0; padding: 0; outline: none;}
input:placeholder-shown {text-overflow: ellipsis;}
input[type="submit"], button {-webkit-appearance: none; background: none; border: 0; cursor: pointer;}
input:invalid, textarea:invalid {box-shadow: none;}
input:-webkit-autofill {-webkit-box-shadow: inset 0 0 0 48px #FFF !important; /* Цвет фона */-webkit-text-fill-color: #000 !important; /* цвет текста */color: #000 !important; /* цвет текста */}
.form__textinput, .form__textarea {display: block; width: 100%; height: 56px; background: #FFF; border: 0; border-radius: 0; padding: 0 10px 0 32px; font-family: 'RobotoLight'; font-size: 28px; line-height: 1; color: #000; position: relative; z-index: 1; -webkit-appearance: none;}
.form__textarea {height: 132px; resize: none; padding: 15px 30px;}

label.form__label {display: block; margin-bottom: 5px;}

/*disappearing placeholder*/
input::-webkit-input-placeholder {color: #838383; opacity: 1;}
input::-moz-placeholder {color: #838383; opacity: 1;}
input:-moz-placeholder {color: #838383; opacity: 1;}
input:-ms-input-placeholder {color: #838383; opacity: 1;}
input:focus::-webkit-input-placeholder {opacity: 0;}
input:focus::-moz-placeholder {opacity: 0;}
input:focus:-moz-placeholder {opacity: 0;}
input:focus:-ms-input-placeholder {opacity: 0;}
textarea::-webkit-input-placeholder {color: #838383; opacity: 1;}
textarea::-moz-placeholder {color: #838383; opacity: 1;}
textarea:-moz-placeholder {color: #838383; opacity: 1;}
textarea:-ms-input-placeholder {color: #838383; opacity: 1;}
textarea:focus::-webkit-input-placeholder {opacity: 0;}
textarea:focus::-moz-placeholder {opacity: 0;}
textarea:focus:-moz-placeholder {opacity: 0;}
textarea:focus:-ms-input-placeholder {opacity: 0;}

/*checkbox-input*/
.checkbox {position: relative;}
.form__field .checkbox + .checkbox {margin-top: 15px;}
.form__group .checkbox + .checkbox {margin-top: 0;}
.form__group .checkbox {margin-right: 10px;}
.form__group .checkbox:last-child {margin-right: 0;}
   .checkbox input[type="checkbox"] {opacity: 0; position: absolute;}
   .checkbox__label {position: relative; cursor: pointer;}
      .checkbox__text {position: relative; display: block; padding-left: 34px; font-size: 16px; line-height: 1.4; text-transform: uppercase; letter-spacing: normal;}
      .form__agreement .checkbox__text {font-family: 'RobotoLight'; text-transform: none; padding-left: 40px;}
         .checkbox__text:before, .checkbox__text:after {content: ''; position: absolute; transition: all 0.3s ease 0s;}
         .checkbox__text:before {top: 0; left: 0; z-index: 1; width: 20px; height: 20px; background: #FFF;}
         .checkbox__text:after {top: 3px; left: 3px; z-index: 2; width: 15px; height: 13px; background: url('../i/checkbox-black.svg') 0 0 / contain no-repeat; opacity: 0; transform: scale(0);}
         .checkbox input[type="checkbox"]:checked ~ .checkbox__text:after {opacity: 1; transform: scale(1);}

/*radio input*/
.radio {position: relative;}
.form__field .radio + .radio {margin-top: 15px;}
.form__group .radio + .radio  {margin-top: 0;}
.form__group .radio {margin-right: 10px;}
.form__group .radio:last-child {margin-right: 0;}
   .radio input[type="radio"] {opacity: 0; position: absolute;}
   .radio__label {position: relative; cursor: pointer;}
      .radio__text {position: relative; display: block; padding-left: 34px; font-size: 16px; line-height: 1.4; text-transform: uppercase; letter-spacing: normal;}
         .radio__text:before, .radio__text:after {content: ''; position: absolute; transition: all 0.3s ease 0s;}
         .radio__text:before {top: 0; left: 0; width: 22px; height: 22px; border-radius: 100%; background: #FFF;}
         .radio__text:after {top: 6px; left: 6px; width: 10px; height: 10px; background: #000; border-radius: 100%; opacity: 0; transform: scale(0);}
         .radio input[type=radio]:checked + .radio__text:after {opacity: 1; transform: scale(1);}

/*select*/
.jq-selectbox {padding: 0; position: relative; width: 100%; height: 56px; z-index: 2; font-family: 'RobotoLight';}
   .jq-selectbox select {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; z-index: -1;}
   .jq-selectbox__select {width: 100%; height: 100%; padding: 0 38px 0 30px; background: #FFF; cursor: pointer;}
      .jq-selectbox__select-text {max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 28px; line-height: 56px; color: #838383;}
      .jq-selectbox.changed .jq-selectbox__select-text {color: #000;}
      .jq-selectbox__dropdown {position: absolute; top: 100%; left: 0; width: 100%; background: #FFF; box-shadow: 0 3px 3px rgba(0,0,0,.2); z-index: 1;}
      .jq-selectbox.dropup .jq-selectbox__dropdown {box-shadow: 0 -3px 3px rgba(0,0,0,.25);}
         .jq-selectbox__dropdown ul {padding: 0; margin: 0; max-height: 300px; overflow: auto;}
            .jq-selectbox__dropdown ul li {list-style: none; font-size: 22px; padding: 6px 30px 8px; margin: 0; cursor: pointer; color: #838383;}
            .jq-selectbox__dropdown ul li.disabled {display: none;}
            .jq-selectbox__dropdown ul li:hover, .jq-selectbox__dropdown ul li.selected {background: #7CB09D; color: #FFF;}
               .jq-selectbox__dropdown ul li:before {display: none;}
      .jq-selectbox__trigger {position: absolute; top: 0; right: 10px; height: 100%;}
         .jq-selectbox__trigger-arrow {position: absolute; top: 0; right: 0; width: 100%; height: 100%; transition: transform 0.3s ease 0s;}
         .jq-selectbox.opened .jq-selectbox__trigger-arrow {transform: rotateX(180deg);}
            .jq-selectbox__trigger-arrow:before {content: ''; position: absolute; top: 50%; margin-top: -6px; right: 0; border-top: 16px solid #1C6C51; border-left: 9px solid transparent; border-right: 9px solid transparent;}

/*form fields*/
.form__field {position: relative; margin-bottom: 30px;}
.modal-block__form .form__field {margin-bottom: 20px;}
.form__submit {text-align: center; padding-top: 25px;}
.form__submit:last-child {margin-bottom: 0;}
.form__legend {font-size: 20px; line-height: 1.17; margin-bottom: 30px;}
.form__note {font-size: 14px; padding-top: 10px; text-align: center;}

*:disabled {cursor: default;}
.a-n-t-i-s-p-a-m {display: none !important;}

@media screen and (min-width: 1025px) {
   .form__fieldset {margin-left: -30px; position: relative;}
      .form__fieldset > div {width: 50%; padding-left: 30px;}
      .form__fieldset_3 > div {width: 33.333%;}
}
@media screen and (max-width: 1366px) {
   .form__textinput, .form__textarea, .jq-selectbox__select-text {font-size: 24px;}
}
@media screen and (max-width: 1024px) {
   .form__fieldset {display: block;}
   .form__legend {margin-bottom: 20px; font-size: 18px;}
   .form__agreement {padding-top: 10px;}
   .form__submit {padding-top: 10px;}
   .form__textinput, .form__textarea, .jq-selectbox__select-text {font-size: 22px;}
   .jq-selectbox__dropdown ul li {font-size: 20px;}
   /*checkbox/radio*/
   .checkbox__text, .radio__text {padding-left: 28px;}
   .checkbox__text:before {top: 2px; width: 15px; height: 15px;}
   .checkbox__text:after {top: 4px; left: 2px; width: 12px; height: 11px;}
   .form__agreement .checkbox__text {padding-left: 30px;}
   .radio__text:before {top: 1px; width: 16px; height: 16px;}
   .radio__text:after {top: 5px; left: 4px; width: 8px; height: 8px;}
}
@media screen and (max-width: 767px) {
   .form__textinput, .form__textarea, .jq-selectbox__select-text {font-size: 20px;}
   .form__textinput, .jq-selectbox__select {padding-left: 20px;}
   .form__textarea {padding: 15px 20px;}
   .jq-selectbox__dropdown ul li {font-size: 18px; padding: 5px 20px 7px;}
}
@media screen and (max-width: 480px) {
   .form__field {margin-bottom: 20px;}
   .form__legend {margin-bottom: 20px; font-size: 16px;}
   .form__row {display: block;}
   .form__textinput, .form__textarea, .jq-selectbox__select-text {font-size: 18px;}
   .form__textarea {height: 100px;}
   .form__textinput, .jq-selectbox {height: 40px;}
   .jq-selectbox__select-text {line-height: 40px;}
   .jq-selectbox__dropdown ul li {font-size: 16px;}
   .jq-selectbox__trigger-arrow:before {margin-top: -4px; border-top: 12px solid #1C6C51; border-left: 6px solid transparent; border-right: 6px solid transparent;}
   /*checkbox/radio*/
   .checkbox__text, .radio__text {font-size: 14px;}
   .checkbox__text:before {top: 1px;}
   .checkbox__text:after {top: 3px;}
}
@media screen and (max-width: 926px) and (orientation: landscape) {
   .form__field {margin-bottom: 20px;}
   .form__legend {margin-bottom: 20px; font-size: 16px;}
   .form__textinput, .form__textarea, .jq-selectbox__select-text {font-size: 18px;}
   .form__textarea {height: 100px; padding: 15px 20px;}
   .form__textinput, .jq-selectbox {height: 40px;}
   .form__textinput, .jq-selectbox__select {padding-left: 20px;}
   .jq-selectbox__select-text {line-height: 40px;}
   .jq-selectbox__dropdown ul li {font-size: 16px; padding: 5px 20px 7px;}
   .jq-selectbox__trigger-arrow:before {margin-top: -4px; border-top: 12px solid #1C6C51; border-left: 6px solid transparent; border-right: 6px solid transparent;}
   /*checkbox/radio*/
   .checkbox__text, .radio__text {font-size: 14px;}
   .checkbox__text:before {top: 1px;}
   .checkbox__text:after {top: 3px;}
}


/*====================================================
   .header
====================================================*/
.header {position: absolute; top: 0; left: 0; width: 100%; color: #FFF; z-index: 20;}
.body_animate .header {top: -100px; opacity: 0;}
   .header__in {height: 142px;}
      .header__btn, .header__btn .btn {width: 170px;}
      .header.fixed .menu-open {position: fixed; top: 20px; animation-name: slideDown; animation-duration: .6s; animation-iteration-count: 1;}
      .header.fixed .menu-open:not(:hover) {background: rgba(2, 27, 38, 0.5);}
         .menu-open__hamburger {width: 21px; height: 14px; margin-right: 18px; position: relative;}
            .menu-open__hamburger span {display: block; width: 100%; height: 2px; margin-bottom: 4px; overflow: hidden; position: relative;}
            .menu-open__hamburger span:last-child {margin: 0;}
               .menu-open__hamburger span:before, .menu-open__hamburger span:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #FFF; transform: translateX(-200%); transition: transform ease 0.3s;}
               .menu-open__hamburger span:after {transform: translateX(0);}
               .menu-open__hamburger span:nth-child(2):before, .menu-open__hamburger span:nth-child(2):after {transition-delay: 75ms;}
               .menu-open__hamburger span:last-child:before, .menu-open__hamburger span:last-child:after {transition-delay: 150ms;}
               .menu-open:hover .menu-open__hamburger span:before, .menu-open:hover .menu-open__hamburger span:after {background: #000;}
               .menu-open:hover .menu-open__hamburger span:before {transform: translateX(0);}
               .menu-open:hover .menu-open__hamburger span:after {transform: translateX(200%);}
               .menu-open.hidden .menu-open__hamburger span:before {transform: translateX(100%);}
               .menu-open.hidden .menu-open__hamburger span:after {transform: translateX(200%);}
      .header__lang {margin-left: 40px;}
         .lang-switch {cursor: pointer; position: relative; padding-right: 14px;}
            .lang-switch__item {position: relative; font-size: 24px; line-height: 1; z-index: 1; white-space: nowrap;}
               .lang-switch__item a:hover {text-decoration: underline; text-decoration-thickness: 0.05em; color: #8BE4C4;}
               /*cosm*/
               .body_cosm .lang-switch__item a:hover {color: #7F9F54;}
               /*nutr*/
               .body_nutr .lang-switch__item a:hover {color: #5481AB;}
            .lang-switch__item.hidden {position: absolute; top: 100%; margin-top: 5px; left: 0; visibility: hidden; opacity: 0; pointer-events: none; z-index: -1; transform: translateY(-100%); transition: visibility 0.1s ease 0s, transform 0.3s ease 0s, opacity 0.3s ease 0s;}
            .lang-switch__item.hidden:nth-child(3) {top: 200%; margin-top: 13px;}
            .lang-switch.opened .lang-switch__item.hidden {visibility: visible; opacity: 0.5; transform: translateY(0); pointer-events: auto; z-index: 0;}
            .lang-switch.opened .lang-switch__item.hidden:hover {opacity: 1;}
            .lang-switch__arrow {position: absolute; top: 0; right: 1px; height: 100%; transition: transform ease 0.5s;}
            .lang-switch.opened .lang-switch__arrow {transform: rotateX(-180deg);}
               .lang-switch__arrow:before, .lang-switch__arrow:after {content: ''; position: absolute; top: 50%; margin-top: -2px; right: 0; width: 1px; height: 5px; background: #FFF;}
               .lang-switch__arrow:before {transform: rotate(-45deg); margin-right: 3px;}
               .lang-switch__arrow:after {transform: rotate(45deg);}
   .header__menu {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; visibility: hidden; clip-path: circle(0 at 0 0); transition: -webkit-clip-path 1s ease, visibility 1s ease; transition: clip-path 1s ease, visibility 1s ease; transition: clip-path 1s ease, -webkit-clip-path 1s ease, visibility 1s ease;}
   .header__menu.visible {visibility: visible; clip-path: circle(100%);}
      .menu {height: 100%; padding: 18vh 0 40px;}
         .menu .link_close {transform: scale(0); transition: transform 0.5s ease-in-out 0s;}
         .header__menu.visible .menu .link_close {transform: scale(1); transition: transform 0.5s ease-in-out 1s;}
         .menu__nav {padding-right: 40px;}
            .header__menu .nav li {/*font-size: 46px;*/ font-size: 2.4vw; line-height: 1.17; margin-bottom: 25px; opacity: 0; transform: translateY(200%); will-change: transform; transition: opacity 0.3s, transform 0.5s cubic-bezier(0.2,1,0.3,1);}
            .header__menu.visible .nav li {opacity: 1; transform: translateY(0%);}
            .header__menu .nav li:last-child {margin-bottom: 0;}
               .header__menu .nav li a {display: inline-block; position: relative; overflow: hidden;}
                  .menu__underline-svg {position: absolute; top: -1px; left: 0; pointer-events: none; fill: none; stroke: #FFF; stroke-width: 2px; opacity: 0; will-change: transform; transform: translate3d(0, 0, 0); transition: transform 0.7s cubic-bezier(0, 0.25, 0.5, 1), opacity 0.7s ease;}
                  .header__menu .nav li a:hover .menu__underline-svg, .header__menu .nav li.current a .menu__underline-svg {opacity: 1; transform: translate3d(-66.6%, 0, 0); transition: transform 0.7s cubic-bezier(0, 0.25, 0.5, 1), opacity 0.1s ease;}
                  .touchevents .menu__underline-svg {display: none;}
                  .touchevents .header__menu .nav li a:hover, .touchevents .header__menu .nav li.current a {text-decoration: underline;}
         .menu__product {max-width: 36.639%; opacity: 0; transform: scale(0.95); transition: all 0.3s ease-in-out 0s;}
         .header__menu.visible .menu__product {opacity: 1; transform: scale(1); transition: all 0.3s ease-in-out 1s;}
            .menu-product__in {text-decoration: none;}
               .menu-product__image {margin-bottom: 30px; text-align: right;}
                  .menu-product__image img {max-height: 58vh; width: auto;}
               .menu-product__text {position: relative; padding: 7px 0;}
                  .menu-product__text:before {content: ''; position: absolute; top: 0; bottom: 0; left: -20px; width: 2px; background: #FFF;}
                  .menu-product__title {margin-bottom: 20px; font-size: 36px; line-height: 1.16;}
                     .menu-product__title h4 {font-family: inherit; font-size: inherit; line-height: inherit; margin-bottom: 0;}
                  .menu-product__descr {padding-right: 40px; font-size: 24px;}
                     .menu-product__descr .link-readmore__arrow {position: absolute;}

@media screen and (min-width: 768px) {
   .header__center {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
   .header__left {position: relative; z-index: 2;}
}
@media screen and (min-width: 1025px) {
   .menu .link_close {width: 45px; height: 45px;}
      .menu .link_close:before, .menu .link_close:after {top: 21px; left: -8px; width: 60px; height: 3px;}
}
@media screen and (min-width: 1921px) {
   .menu {padding-top: 150px;}
   .header__menu .nav li {font-size: 46px;}
}
@media screen and (max-width: 1366px) {
   .menu {padding-top: 15vh;}
      .header__menu .nav li {font-size: 2.8vw;}
}
@media screen and (min-width: 1025px) and (max-height: 767px) and (orientation: landscape) {
   .menu {padding-top: 85px;}
   .menu .link_close {top: 20px;}
}
@media screen and (max-width: 1024px) {
   .header__in {height: 117px;}
      .header__btn, .header__btn .btn {width: 112px;}
         .header__btn .btn {padding: 9px 10px; font-size: 16px; line-height: 1.125;}
      .menu-open__hamburger {width: 14px; height: 9px; margin-right: 12px;}
         .menu-open__hamburger span {height: 1px; margin-bottom: 3px;}
      .header__logo {width: 152px;}
      .header__lang {margin-left: 35px;}
         .lang-switch {padding-right: 12px;}
            .lang-switch__item {font-size: 16px;}
               .lang-switch__arrow:before, .lang-switch__arrow:after {height: 4px;}
               .lang-switch__arrow:before {margin-right: 2px;}
   .menu {padding: 100px 87px;}
      .menu .inner {display: block; padding: 0;}
         .menu__product {display: none;}
         .menu__nav {padding-right: 0;}
            .header__menu .nav li {font-size: 30px; margin-bottom: 20px;}
}
@media screen and (max-width: 767px) {
   .header__left {-webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2;}
      .header__left .header__btn {-webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2;}
      .header__lang {margin-left: 0; margin-right: 20px; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1;}
   .header__right {-webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1;}
   .header__menu {clip-path: circle(0 at 100vw 0);}
      .menu {padding: 100px 60px;}
         .header__menu .nav li {font-size: 24px;}
}
@media screen and (max-width: 480px) {
   .header__in {height: 70px;}
      .header__btn, .header__btn .btn {width: 75px;}
         .header__btn .btn {padding: 6px 10px; font-size: 10px; line-height: 1.125;}
      .menu-open__hamburger {width: 10px; height: 7px; margin-right: 8px;}
         .menu-open__hamburger span {margin-bottom: 2px;}
      .header__logo {/*width: 93px;*/ width: 29.064vw;}
      .header__lang {margin-right: 15px;}
         .lang-switch {padding-right: 10px;}
            .lang-switch__item {font-size: 11px;}
               .lang-switch__arrow:before, .lang-switch__arrow:after {height: 3px;}
   .menu {padding: 80px 40px;}
      .header__menu .nav li {font-size: 20px; margin-bottom: 20px;}
}
@media screen and (max-width: 374px) {
   .menu {padding: 80px 30px 80px 40px;}
      .header__menu .nav li {font-size: 18px; margin-bottom: 15px;}
}
@media screen and (max-width: 926px) and (orientation: landscape) {
   .header__in {height: 70px;}
      .header__btn, .header__btn .btn {width: 75px;}
         .header__btn .btn {padding: 6px 10px; font-size: 10px; line-height: 1.125;}
      .menu-open__hamburger {width: 10px; height: 7px; margin-right: 8px;}
         .menu-open__hamburger span {margin-bottom: 2px;}
      .header__logo {/*width: 93px;*/ width: 16.4vw;}
      .header__lang {margin-right: 15px;}
         .lang-switch {padding-right: 10px;}
            .lang-switch__item {font-size: 11px;}
               .lang-switch__arrow:before, .lang-switch__arrow:after {height: 3px;}
   .menu {padding: 80px 40px;}
      .header__menu .nav ul {columns: 2 auto; column-gap: 10vw;}
         .header__menu .nav li {font-size: 22px; margin-bottom: 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .header__menu .nav li {font-size: 20px;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .header__menu .nav li {font-size: 18px; margin-bottom: 15px;}
}


/*====================================================
   .page-top
====================================================*/
.page-top {position: relative; padding-top: 190px;}
   .page-top__bg {position: absolute; top: 0; left: 0; width: 100%; height: 190px; overflow: hidden;}
      .page-top__image {position: absolute; top: 0; left: 0; width: 100%;}
         .page-top__image img {transform-origin: 115% 44%; margin: 0 auto;}

/*full*/
.page-top_full {color: #FFF; padding-top: 142px; padding-bottom: 120px;}
   .page-top_full .page-top__bg {height: 100%;}
      .page-top_full .page-top__image img {margin-top: 132px; transform-origin: unset;}
   .page-top_full .page-top__title h1, .page-top_full .page-top__title .h1 {margin-bottom: 0;}

/*with svg*/
.page-top_svg {height: 100vh; min-height: 100vh; color: #FFF; padding-top: 142px; padding-bottom: 60px;}
   .page-top_svg .page-top__bg {width: 100%; height: 100%;}
   .page-top__svg {position: absolute; top: 20vh; left: 50%; width: 100%; max-width: 100%; padding: 0 40px; height: 670px; max-height: 72%; transform: translate(-50%,0) scale(0.6); opacity: 0;}
      .page-top__svg > svg {display: block; width: auto; max-width: 100%; height: 100%; margin: 0 auto; filter: brightness(0.8);}
   .page-top_svg .page-top__content {position: relative; z-index: auto; height: 100%; overflow: hidden;}
      .page-top_svg .page-top__title {opacity: 0;}
         .page-top_svg .page-top__title h1, .page-top_svg .page-top__title .h1 {margin-bottom: 0;}
      .page-top_svg .page-top__text {opacity: 0;}
      .page-top_svg .page-top__buttons {position: relative; z-index: 3; opacity: 0;}
         .page-top_svg .page-top__buttons > div {margin-bottom: 30px;}
         .page-top_svg .page-top__buttons > div:last-child {margin-bottom: 0;}
   /*.page-top__trackingarea {position: absolute; top: 50%; left: 50%; width: 50%; height: 100%; transform: translate(-50%,-50%); z-index: 3;}*/
   .page-top__trackingarea {height: 100%;}
   .body_animate .page-top__breadcrumbs {opacity: 0;}

/*main*/
.page-top_main .page-top__title {margin-bottom: 90px;}

@media screen and (min-width: 1025px)  {
   /*full*/
   .page-top_full .page-top__image img {width: 695px;}
   /*with svg*/
   .page-top_svg:not(.page-top_main) .page-top__content {height: calc(100% - 45px - 20px);}
      .page-top_svg .page-top__title {width: 40%;}
      .page-top_svg .page-top__text {width: 60%; padding-left: 60px; margin-top: 1em;}
         .page-top_svg .page-top__text > div {width: 740px; max-width: 100%;}
   /*main*/
   .page-top_main .page-top__content-box {padding-left: 50px; padding-bottom: 20px}
      .page-top_main .page-top__content-box:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
      .page-top_main .page-top__title, .page-top_main .page-top__buttons {float: left;}
      .page-top_main .page-top__title {width: 100%;}
      .page-top_main .page-top__text {float: right; width: calc(50% + 25px); margin-top: -130px; padding-left: 0;}
         .page-top_main .page-top__text > div {width: 560px; max-width: calc(100% - 40px);}
}
@media screen and (min-width: 1367px) {
   /*main*/
   .page-top_main .page-top__title h1, .page-top_main .page-top__title .h1 {font-size: 96px;}
}
@media screen and (min-width: 1280px) and (max-width: 1366px) {
   /*with svg*/
   .page-top_svg .page-top__text {font-size: 24px;}
   .page-top_svg:not(.page-top_main) .page-top__title {width: 45%;}
   .page-top_svg:not(.page-top_main) .page-top__text {width: 55%;}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
   /*with svg*/
   .page-top_svg:not(.page-top_main) .page-top__title {width: 50%;}
   .page-top_svg:not(.page-top_main) .page-top__text {font-size: 22px; width: 50%; padding-left: 40px;}
   
   /*main*/
   .page-top_main .page-top__title {margin-bottom: 50px;}
   .page-top_main .page-top__text {margin-top: -90px;}
}
@media screen and (min-width: 1025px) and (max-height: 767px) and (orientation: landscape) {
   /*with svg*/ 
   .page-top_svg .page-top__text {font-size: 22px;} 
}
@media screen and (max-width: 1024px) {
   .page-top {padding-top: 117px;}
      .page-top__bg {height: 117px;}
         .page-top__image img {width: 54vw; transform-origin: 100% 30%;}
   /*full*/
   .page-top_full {padding-bottom: 100px;}
      .page-top_full .page-top__image img {margin-top: 147px;}
   /*with svg*/
   .page-top_svg {height: auto; min-height: 0; padding-bottom: 160px;}
      .page-top__svg {top: 136px; bottom: 60px; height: auto; /*max-height: 62%;*/ max-height: calc(100% - 136px - 90px);}
      .page-top__content-box.flex {display: block;}
         .page-top_svg .page-top__title {margin-bottom: 40px;}
         .page-top_svg .page-top__text {margin-bottom: 80px; max-width: 80%;}
         .page-top_svg .page-top__text:last-child {margin-bottom: 0;}
         .page-top_svg .page-top__buttons > div {text-align: center;}
   /*main*/
   .page-top_main {padding-top: 220px; padding-bottom: 90px;}
      .page-top_main .page-top__svg {bottom: 180px; max-height: calc(100% - 136px - 180px);}
      .page-top_main .page-top__title {margin-bottom: 20px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   /*with svg*/
   .page-top_svg .page-top__buttons > div {margin-bottom: 40px;}
}
@media screen and (max-width: 767px) {
   .page-top__image img {width: 65vw; transform-origin: 100% 35%;}
   /*full*/
   .page-top_full {padding-bottom: 80px;}
   /*with svg*/
   .page-top_svg {padding-bottom: 90px;}
      .page-top__svg {top: 117px; bottom: 40px; max-height: calc(100% - 117px - 40px);}
      .page-top_svg .page-top__text {margin-bottom: 60px; max-width: 100%;}
   /*main*/
   .page-top_main {padding-top: 160px; padding-bottom: 60px;}
      .page-top_main .page-top__svg {bottom: 100px; max-height: calc(100% - 117px - 140px);}
}
@media screen and (max-width: 480px) {
   .page-top {padding-top: 80px;}
      .page-top__bg {height: 80px;}
         .page-top__image img {width: 100vw; transform-origin: 100% 40%;}
   /*full*/
   .page-top_full {padding-top: 70px;}
      .page-top_full .page-top__image img {margin-top: 100px;}
  /*with svg*/
   .page-top_svg {padding-top: 70px;}
      .page-top__svg {top: 90px; bottom: 90px; max-height: calc(100% - 90px - 90px); padding: 0 20px;}
         .page-top__svg svg {height: auto; max-height: 100%;}
      .page-top_svg:not(.page-top_main) .page-top__title {margin-bottom: 35px;}
      .page-top_svg .page-top__text {margin-bottom: 40px;}
      .page-top_svg .page-top__buttons > div {margin-bottom: 20px;}
         .page-top_svg .page-top__buttons .btn {width: 266px;}
   /*main*/
   .page-top_main {min-height: 100vh; padding-top: 120px; padding-top: clamp(120px,25vh,220px); padding-bottom: 50px;}
      .page-top_main .page-top__svg {bottom: 50px; max-height: calc(100% - 80px);}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   /*with svg*/
   .page-top_svg .page-top__buttons .btn {width: 266px;}
}
@media screen and (max-width: 926px) and (orientation: landscape) {
   .page-top {padding-top: 70px;}
      .page-top__bg {height: 70px;}
         .page-top__image img {width: 55vw; transform-origin: 100% 40%;}
   /*full*/
   .page-top_full {padding-top: 70px; padding-bottom: 70px;}
      .page-top_full .page-top__image img {margin-top: 70px;}
   /*with svg*/
   .page-top_svg {min-height: 100vh; padding-bottom: 60px;}
      .page-top__svg {top: 90px; bottom: 40px; max-height: calc(100% - 90px - 60px); padding: 0 20px;}
      .page-top_svg:not(.page-top_main) .page-top__title {margin-bottom: 20px;}
      .page-top_svg .page-top__title h1, .page-top_svg .page-top__title .h1 {font-size: 44px;}
         .page-top_svg .page-top__title h1 br, .page-top_svg .page-top__title .h1 br {display: none;}
      .page-top_svg .page-top__text {margin-bottom: 20px; font-size: 16px;}
      .page-top_svg .page-top__buttons > div {margin-bottom: 20px;}
         .page-top_svg .page-top__buttons .btn {width: 266px; padding: 13px 10px; font-size: 16px; line-height: 1.188;}
   /*main*/
   .page-top_main {padding-top: 100px; padding-bottom: 40px;}
      .page-top_main .page-top__svg {top: 70px; bottom: 60px; max-height: calc(100% - 70px - 64px);}
}

/*.breadcrumbs*/
.breadcrumbs {padding-top: 24px; margin-bottom: 120px;}
   .breadcrumbs ul {padding: 0; margin: 0; font-size: 0; line-height: 0; letter-spacing: normal;}
      .breadcrumbs ul li {display: inline; margin: 0; padding: 0 9px 0 3px; font-family: 'RobotoLight'; font-size: 14px; line-height: 1.57; text-transform: lowercase; color: #3B444F;}
      .page-top_full .breadcrumbs ul li, .page-top_svg .breadcrumbs ul li {color: inherit;}
      .breadcrumbs ul li:first-child {padding-left: 0;}
      .breadcrumbs ul li:last-child {padding-right: 0;}
         .breadcrumbs ul li:before {display: none;}
         .breadcrumbs ul li:after {content: '/'; position: absolute; right: 0; top: -2px; font-size: inherit; color: inherit;}
         .breadcrumbs ul li:last-child:after {display: none;}
         .breadcrumbs ul li a {color: inherit; text-decoration: none;}
         .breadcrumbs ul li a:hover {text-decoration: underline; color: #7CB09D;}
         .page-top_full .breadcrumbs ul li a:hover {color: #8BE4C4;}
         /*cosm*/
         .body_cosm .breadcrumbs ul li a:hover {color: #627B41;}
         /*nutr*/
         .body_nutr .breadcrumbs ul li a:hover {color: #5481AB;}

/*full*/
.page-top_full .breadcrumbs {margin-bottom: 155px;}

@media screen and (min-width: 1025px) {
   /*with svg*/
   .page-top_svg .breadcrumbs {margin-bottom: 20px;}
}
@media screen and (max-width: 1366px) {
   .breadcrumbs {margin-bottom: 80px;}
   /*full*/
   .page-top_full .breadcrumbs {margin-bottom: 120px;}
}
@media screen and (max-width: 1024px) {
   .breadcrumbs {padding-top: 20px;}
   /*full*/
   .page-top_full .breadcrumbs {margin-bottom: 100px; padding-top: 0;}
}
@media screen and (max-width: 767px) {
   .breadcrumbs {margin-bottom: 60px;}
      .breadcrumbs ul li {font-size: 12px;}
   /*full*/
   .page-top_full .breadcrumbs {margin-bottom: 80px;}
}
@media screen and (max-width: 480px) {
   .breadcrumbs {padding-top: 10px; margin-bottom: 40px;}
      .breadcrumbs ul li {padding: 0 7px 0 1px; font-size: 11px;}
   /*full*/
   .page-top_full .breadcrumbs {margin-bottom: 60px;}
}
@media screen and (max-width: 926px) and (orientation: landscape) {
   .breadcrumbs {padding-top: 10px; margin-bottom: 40px;}
      .breadcrumbs ul li {padding: 0 7px 0 1px; font-size: 11px;}
   /*full*/
   .page-top_full .breadcrumbs {margin-bottom: 60px;}
}


/*====================================================
   .content
====================================================*/
.content {position: relative;}


/* --- Decor items (leaf, circle, pie) --- */

/*Cirlce*/
.circle:before {content: ''; display: block; padding-top: 100%;}

/*Pie*/
.pie:before {content: ''; display: block; padding-top: 100%;}
.pie:after {content: ''; position: absolute; top: 50%; left: 0; width: 50%; height: 50%; background: #E6F0EC;}

/*Leaf*/
.leaf {width: 356px;}
   .leaf:before {content: ''; display: block; padding-top: 100%;}

@media screen and (max-width: 1024px) {
   .leaf {width: 226px;}
}
@media screen and (max-width: 767px) {
   .leaf {width: 198px;}
}
@media screen and (max-width: 480px) {
   .leaf {width: 168px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .leaf {width: 168px;}
}

/*Leafs border*/
.leafs-border-list {position: absolute; top: 0; left: 50%; width: 492px; margin-left: -246px;}
   .leafs-border-list:before {content: ''; display: block; padding-top: 100%;}
   .leafs-border-list:after {content: ''; position: absolute; top: 50%; left: 50%; width: 72.357%; height: 72.357%; background: #1C6C51; border-radius: 100% 0 100% 100%; transform: translate3d(-50%,-50%,0); filter: blur(50px); z-index: 0;}
   .leafs-border-list .leaf {position: absolute; border: 1px solid #7CB09D; z-index: 1;}
   .leafs-border-list .leaf:nth-child(1) {top: 0; left: 0; width: 100%;}
   .leafs-border-list .leaf:nth-child(2) {top: 6.098%; left: 6.098%; width: 87.804%;}
   .leafs-border-list .leaf:nth-child(3) {top: 12.53383%; left: 12.53383%; width: 75.203%;}

@media screen and (max-width: 1366px) {
   .leafs-border-list {width: 398px; margin-left: -199px;}
}
@media screen and (max-width: 1279px) {
   .leafs-border-list {width: 328px; margin-left: -164px;}
}
@media screen and (max-width: 1024px) {
   .leafs-border-list {width: 298px; margin-left: -149px;}
}
@media screen and (max-width: 767px) {
   .leafs-border-list {width: 254px; margin-left: -127px;}
}
@media screen and (max-width: 480px) {
   .leafs-border-list {width: 224px; margin-left: -112px;}
}

/*Leafs list in bottom*/
.leafs-list {position: relative; height: 168px; width: 504px;}
.leafs-list__item {width: 33.333333%; height: 100%; position: absolute; bottom: 0; left: -33.333%; transform: rotate(360deg);}
/*.leafs-list__item:nth-child(1) {animation:spin1 0.2s linear 0.8s forwards;}
.leafs-list__item:nth-child(2) {animation:spin2 0.4s linear 0.4s forwards;}
.leafs-list__item:nth-child(3) {animation:spin3 0.8s linear 0s forwards;}*/

@keyframes spin1 { 
   100% { 
         transform: rotate(0deg); 
         left: 0;
      } 
   }
@keyframes spin2 { 
   100% { 
      transform: rotate(180deg); 
      left: 33.333%;
   } 
}
@keyframes spin3 { 
   100% { 
      transform: rotate(0deg);
      left: 66.666%;
   } 
}

@media screen and (max-width: 1024px) {
   .leafs-list {width: 354px; height: 118px;}
}
@media screen and (max-width: 480px) {
   .leafs-list {width: 171px; height: 57px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .leafs-list {width: 171px; height: 57px;}
}


/* --- .inner-box --- */
.inner-box {padding: 120px 90px 90px; position: relative;}
   .inner-box__title {padding-left: 22px; border-left: 9px solid #1C6C51; margin-bottom: 30px}
      .inner-box__title h2, .inner-box__title .h2 {margin-bottom: 0;}

@media screen and (max-width: 1366px) {
   .inner-box {padding: 90px 70px 80px;}
}
@media screen and (max-width: 1279px) {
   .inner-box {padding: 80px 60px 70px;}
}
@media screen and (max-width: 1024px) {
   .inner-box {padding: 70px 50px 60px;}
      .inner-box__title {padding-left: 20px; border-width: 7px}
}
@media screen and (max-width: 767px) {
   .inner-box {padding: 60px 40px 50px;}
}
@media screen and (max-width: 480px) {
   .inner-box {padding: 60px 20px 40px;}
      .inner-box__title {margin-bottom: 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .inner-box {padding: 60px 20px 40px;}  
      .inner-box__title {margin-bottom: 20px;}
}


/* --- quote --- */
.quote {text-align: center;}
   .quote__bg {position: absolute; top: 0; left: 0; width: 100%; text-align: center;}
   .quote__bg svg {width: 100%; max-width: 1530px; height: auto;}
   .quote__in {max-width: 1280px; margin: 0 auto; padding-top: 120px;}
      .quote__in:before {content: ''; position: absolute; top: -26px; left: 50%; width: 126px; height: 126px; margin-left: -63px; border-radius: 100%; background: #1C6C51 url('../i/ribbon-icon.svg') 50% 50% / 71px 72px no-repeat;}

@media screen and (max-width: 1024px) {
   .quote__bg .svg-stroke {stroke-opacity: 0.6;}
   .quote__in {max-width: 620px; padding-top: 60px; padding-bottom: 0; min-height: 30.758vw;}
      .quote__in:before {top: -48px; width: 86px; height: 86px; margin-left: -43px; background-size: 48px 49px;}
}
@media screen and (max-width: 767px) {
   .quote__bg .svg-stroke {stroke-opacity: 0.8;}
   .quote__in {max-width: 480px; padding-top: 50px;}
      .quote__in:before {top: -28px; width: 62px; height: 62px; margin-left: -31px; background-size: 33px 34px;}
}
@media screen and (max-width: 480px) { 
   .quote__bg .svg-stroke {stroke-opacity: 1; stroke-width: 2px;}
   .quote__in {padding-top: 40px;}
      .quote__in:before {top: -18px; width: 42px; height: 42px; margin-left: -21px; background-size: 23px 24px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .quote__bg svg {max-width: 80vw;}
   .quote__in {padding-top: 40px; min-height: 25vw;}
      .quote__in:before {top: -18px; width: 42px; height: 42px; margin-left: -21px; background-size: 23px 24px;}
}


/* --- tabs --- */
.tabs__link {cursor: pointer;}
.tabs__item {height: 0; visibility: hidden; overflow: hidden;}
.tabs__item.visible {height: auto; visibility: visible; overflow: visible;}


/* --- show-more --- */
.show-more {text-align: center; margin-top: 120px;}

@media screen and (max-width: 1366px) {
   .show-more {text-align: center; margin-top: 100px;}
}
@media screen and (max-width: 1279px) {
   .show-more {text-align: center; margin-top: 80px;}
}
@media screen and (max-width: 1024px) {
   .show-more {text-align: center; margin-top: 65px;}
}
@media screen and (max-width: 480px) {
   .show-more {text-align: center; margin-top: 45px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .show-more {text-align: center; margin-top: 45px;}
}


/* --- pagination --- */
ul.pagination {margin-top: 80px;}
   .pagination li {margin: 0 3px; padding: 0; font-size: 16px; line-height: 1;}
   .pagination li:first-child {margin-left: 0;}
   .pagination li:last-child {margin-right: 0;}
   .pagination li.pagination__arrow_prev {margin-right: 10px;}
   .pagination li.pagination__arrow_next {margin-left: 10px;}
      .pagination a {text-decoration: none;}
      .pagination__nav a, .pagination__nav span {display: block; min-width: 24px; height: 23px; padding: 5px 3px 2px; text-align: center; border-radius: 2px;}
      .body_cosm .pagination__nav a:hover, .body_cosm .pagination__nav span {background: #627B41; color: #FFF;}
      .body_nutr .pagination__nav a:hover, .body_nutr .pagination__nav span {background: #37526B; color: #FFF;}
      .pagination__arrow .link_nav {width: 23px; height: 23px;}
      .body_cosm .pagination__arrow a.link_nav:hover:before, .body_cosm .pagination__arrow a.link_nav:hover:after {background: #627B41;}
      .body_nutr .pagination__arrow a.link_nav:hover:before, .body_nutr .pagination__arrow a.link_nav:hover:after {background: #37526B;}

@media screen and (max-width: 1024px) {
   ul.pagination {margin-top: 60px;}
}
@media screen and (max-width: 480px) {
   ul.pagination {margin-top: 40px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   ul.pagination {margin-top: 40px;}
}


/*====================================================
   .lead-block
====================================================*/
.rubrics.bg_blue-deep + .lead-block.bg_blue-deep.wrapper_padding {padding-top: 0;}
   .lead-block__in {text-align: center; position: relative;}
   .lead-block_narrow .lead-block__in {max-width: 1280px; margin: 0 auto; text-align: center;}
      .lead-block__text {margin-bottom: 80px; position: relative; z-index: 1;}
      .lead-block__text:last-child {margin-bottom: 0;}
      .lead-block__title {margin-bottom: 50px;}
         .lead-block__title h2, .lead-block__title .h2 {margin-bottom: 0;}

/*with single leaf*/
.lead-block_leaf-single .lead-block__in {min-height: 356px; margin: 0 auto;}
   .lead-block__in .leaf-single {position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); z-index: 0;}

/*with border leafs*/
.lead-block_leaf-border .inner, .lead-block_leaf-border .lead-block__in {position: static;}

/*with circle animation*/
.lead-block_animate-circle {color: #FFF; overflow: hidden;}
   .lead-block_circle {position: absolute; top: 0; left: 50%; width:100vw; height: 100vw; transform: translate(-50%,-50%) scale(0.2);}

/*with text & leaf animate*/
.lead-block_animate-text-leaf .lead-block__leaf {opacity: 0; transform: scale(0);}
.lead-block_animate-text-leaf .lead-block__title {opacity: 0; transform: translateY(50%);}
.lead-block_animate-text-leaf .lead-block__text {opacity: 0; transform: translateY(50%);}
.lead-block_animate-text-leaf .leaf_border {transform: scale(0); opacity: 0;}
.lead-block_animate-text-leaf .leafs-border-list:after {opacity: 0; transition: opacity 0.5s ease 1.5s;}
.lead-block_animate-text-leaf.start .leafs-border-list:after {opacity: 1;}

@media screen and (min-width: 1025px) {
   .lead-block_high {min-height: 100vh; height: auto;}
}
@media screen and (max-width: 1366px) {
   .lead-block_narrow .lead-block__in {max-width: 960px;}
}
@media screen and (max-width: 1024px) {
   .lead-block_narrow .lead-block__in {max-width: 680px;}
      .lead-block__text {margin-bottom: 60px}
      .lead-block__title {margin-bottom: 30px;}

   /*with single leaf*/
   .lead-block_leaf-single .lead-block__in {max-width: 768px; min-height: 226px;}
}
@media screen and (max-width: 767px) {

   /*with single leaf*/
   .lead-block_leaf-single .lead-block__in {max-width: 100%; min-height: 198px;}
}
@media screen and (max-width: 480px) {
   .lead-block__text {margin-bottom: 40px;}
   .lead-block__button {padding: 0 40px;}
   .lead-block__title {margin-bottom: 20px;}

   /*with single leaf*/
   .lead-block_leaf-single .lead-block__in {min-height: 168px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .lead-block__text {margin-bottom: 40px;}
   .lead-block__button {padding: 0 40px;}
   .lead-block__title {margin-bottom: 20px;}

   /*with single leaf*/
   .lead-block_leaf-single .lead-block__in {max-width: 480px; min-height: 168px;}
}


/*====================================================
   .article
====================================================*/
.article__image {margin-bottom: 80px;}
   .article__image img {width: 100%;}

@media screen and (min-width: 1025px) {
   .article__content {width: 860px; margin: 0 auto;}
}
@media screen and (max-width: 1024px) {
   .article__link {margin-bottom: 60px;}
   .article__image {margin-bottom: 60px;}
}
@media screen and (max-width: 480px) {
   .article__link {margin-bottom: 40px;}
   .article__image {margin-bottom: 40px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .article__link {margin-bottom: 40px;}
   .article__image {margin-bottom: 40px;}
}


/*====================================================
   .rubrics
====================================================*/
.rubrics__list {margin-left: -77px; margin-bottom: -155px;}
   .rubrics__item {width: 33.333%; padding-left: 77px; margin-bottom: 155px; opacity: 0; transform: scale(0);}
      .rubrics-item__in {position: relative; display: block;}
         .rubrics-item__title {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; font-size: 64px; line-height: 1.17; letter-spacing: 0; opacity: 0; transform: translateY(20%); transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;}
         .rubrics__item.start .rubrics-item__title {opacity: 1; transform: translateX(0);}
         .rubrics__item:nth-child(1) .rubrics-item__title {transition-delay: 0.7s;}
         .rubrics__item:nth-child(2) .rubrics-item__title {transition-delay: 1.2s;}
         .rubrics__item:nth-child(3) .rubrics-item__title {transition-delay: 1.7s;}
         .rubrics__item:nth-child(4) .rubrics-item__title {transition-delay: 2.2s;}
         .rubrics__item:nth-child(5) .rubrics-item__title {transition-delay: 2.7s;}
         .rubrics__item:nth-child(6) .rubrics-item__title {transition-delay: 3.2s;}
            .rubrics-item__title > div {position: relative; overflow: hidden; width: 100%; text-align: center;}
            .rubrics-item__title h3, .rubrics-item__title .h3 {font-family: inherit; font-size: inherit; line-height: 1.1; margin-bottom: 0;}
            .no-touchevents .rubrics-item__title h3, .no-touchevents .rubrics-item__title .h3 {transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;}
            .no-touchevents .rubrics-item__in:hover .rubrics-item__title h3, .no-touchevents .rubrics-item__in:hover .rubrics-item__title .h3 {opacity: 0; transform: translateY(-100%);}
            .no-touchevents .rubrics-item__title > div:before {content: attr(data-hover); position: absolute; top: 50%; left: 0; width: 100%; height: 100%; line-height: 1; opacity: 0; transform: translate3d(0,50%,0); transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;}
            .no-touchevents .rubrics-item__in:hover .rubrics-item__title > div:before {opacity: 1; transform: translate3d(0%,-50%,0);}
            .touchevents .rubrics-item__title > div:before {display: none;}
         .rubrics-item__image {overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); isolation: isolate;}
            .no-touchevents .rubrics-item__image img {transition: transform 3s cubic-bezier(.19,1,.22,1); will-change: transform; isolation: isolate;}
            .no-touchevents .rubrics-item__in:hover .rubrics-item__image img {transform: scale(1.1);}

@media screen and (max-width: 1440px) {
   .rubrics__list {margin-left: -60px; margin-bottom: -125px;}
      .rubrics__item {padding-left: 60px; margin-bottom: 125px;}
         .rubrics-item__title {font-size: 54px;}
}
@media screen and (max-width: 1279px) {
   .rubrics-item__title {font-size: 42px;}
}
@media screen and (max-width: 1024px) {
   .rubrics__list {margin-left: -25px; margin-bottom: -60px;}
      .rubrics__item {padding-left: 25px; margin-bottom: 60px;}
         .rubrics-item__title {font-size: 32px;}
}
@media screen and (max-width: 767px) {
   .rubrics-item__title {/*font-size: 27px;*/ font-size: 4vw;}
}
@media screen and (max-width: 480px) {
   .rubrics__list {margin-left: -20px; margin-right: -20px; padding-right: 20px; margin-bottom: -48px;}
      .rubrics__item {/*width: 180px;*/ width: 58.052vw; padding-left: 20px; margin-bottom: 48px;}
         .rubrics-item__title {font-size: 27px;}
}
@media screen and (max-width: 374px) {
   .rubrics-item__title {font-size: 23px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .rubrics__list {margin-left: -20px; margin-right: -20px; padding-right: 20px; margin-bottom: -48px;}
      .rubrics__item {padding-left: 20px; margin-bottom: 48px;}
         .rubrics-item__title {font-size: 27px;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .rubrics-item__title {font-size: 23px;}
}


/*====================================================
   .num-block
====================================================*/
.num-block__list {margin: 0 0 -135px -12vw;}
   .num-block__item {margin-bottom: 135px; padding-left: 12vw; position: relative; max-width: 50%;}
      .num-block-item__in {padding-left: 145px; position: relative;}
         .num-block-item__text {padding-top: 77px; position: relative; z-index: 1;}
            .num-block-item__number {position: absolute; top: 20px; right: 100%; margin-right: -60px; z-index: -1; font-size: 350px; /*font-size: 18.3vw;*/ line-height: 0.75; color: #CCE1D9;}
         .num-block-item__image {/*width: 81.19%; max-width: 410px;*/ width: 68.447%; max-width: 390px; position: relative;}
            .num-block-item__image:before {content: ''; display: block; padding-top: 103%;}
            .num-block-item__image svg {position: absolute; bottom: 0; left: 0; max-width: 100%; height: auto;}

@media screen and (min-width: 1921px) {
   .num-block__list {margin-left: -80px;}
      .num-block__item {padding-left: 80px;}
}
@media screen and (min-width: 1367px) and (max-width: 1679px) {
   .num-block-item__title h3, .num-block-item__title .h3 {font-size: 55px;}
}
@media screen and (max-width: 1366px) {
   .num-block-item__in {padding-left: 95px;}
      .num-block-item__number {font-size: 300px;}
}
@media screen and (max-width: 1279px) {
   .num-block-item__in {padding-left: 75px;}
      .num-block-item__number {font-size: 250px;}
}
@media screen and (max-width: 1024px) {
   .num-block__list {margin-bottom: -60px;}
      .num-block__item {margin-bottom: 60px;}
         .num-block-item__in {padding-left: 55px;}
            .num-block-item__image {width: 88.42%;}
            .num-block-item__text {padding-top: 40px;}
               .num-block-item__number {margin-right: -30px; font-size: 185px;}
}
@media screen and (max-width: 767px) {
   .num-block__list {margin-bottom: 0; margin-left: -40px; margin-right: -40px; padding-right: 40px; padding-top: 20px;}
   .num-block__list .swiper-wrapper {margin-right: 160px;}
      .num-block__item {width: 55vw; max-width: 320px; padding-left: 0; margin-right: 40px; margin-bottom: 0;}
         .num-block-item__in {padding-left: 40px;}
            .num-block-item__image {width: 82.6%;}
            .num-block-item__text {padding-top: 35px;}
               .num-block-item__number {margin-right: -40px; top: 15px; font-size: 138px;}
}
@media screen and (max-width: 480px) {
   .num-block__list {margin-left: -20px; margin-right: -20px; padding-right: 20px;}
      .num-block__item {width: 75vw; max-width: 260px; margin-right: 20px;}
         .num-block-item__in {padding-left: 20px;}
            .num-block-item__image {width: 73.24%;}
            .num-block-item__text {padding-top: 30px;}
               .num-block-item__number {top: 10px; font-size: 118px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .num-block__list {margin-left: -20px; margin-right: -20px; padding-right: 20px;}
      .num-block__item {width: 45vw; max-width: 260px; margin-right: 20px;}
         .num-block-item__in {padding-left: 20px;}
            .num-block-item__image {width: 73.24%;}
            .num-block-item__text {padding-top: 30px;}
               .num-block-item__number {top: 10px; font-size: 118px;}
}

/* --- Animation --- */
.animate {opacity: 0; will-change: transform; transform-origin: center;}

@media screen and (min-width: 768px) {
   .num-block-item__text {opacity: 0; transform: translateY(20%); transition: all 0.5s cubic-bezier(.645,.045,.355,1);}
   .num-block__item.animate-parent.start .num-block-item__text {opacity: 1; transform: translateY(0);}
}

/*Main page sets*/
/* Set №1 delay 0s, Blink (Анализ рынка сырья)*/
@media screen and (min-width: 768px) {
   .animate-parent_blink.start .animate_blink-1 {animation: blinking 1.5s ease forwards 0.14s;}
   .animate-parent_blink.start .animate_blink-2 {animation: blinking 1.5s ease forwards 0.52s;}
   .animate-parent_blink.start .animate_blink-3 {animation: blinking 1.5s ease forwards 0.64s;}
}
@media screen and (max-width: 767px) {
   .animate-parent_blink.start.start-mobile .animate_blink-1 {animation: blinking 1.5s ease forwards 0.14s;}
   .animate-parent_blink.start.start-mobile .animate_blink-2 {animation: blinking 1.5s ease forwards 0.52s;}
   .animate-parent_blink.start.start-mobile .animate_blink-3 {animation: blinking 1.5s ease forwards 0.64s;}
}
@keyframes blinking {
   0% {
      opacity: 0;
   }
   10% {
      opacity: .25;
   }
   20% {
      opacity: 1;
   }
   30% {
      opacity: 0;
   }
   40% {
      opacity: .25;
   }
   50% {
      opacity: 1;
   }
   60% {
      opacity: 0;
   }
   70% {
      opacity: .25;
   }
   80% {
      opacity: 1;
   }
   90% {
      opacity: .25;
   }
   100% {
      opacity: 1;
   }
}

/* Set №2 delay: 3.74s - Rotate single (Разработка концепции)*/
@media screen and (min-width: 768px) {
   .animate-parent_rotate-single.start .animate_rotate-single {animation: rotate_single 3s ease-in-out forwards;}
   .animate-parent_blink:nth-child(1) + .animate-parent_rotate-single .animate_rotate-single {animation-delay: 2.14s;}
   .animate-parent_blink:nth-child(1) + .num-block__item.animate-parent_rotate-single:nth-child(2) .num-block-item__text {transition-delay: 2.14s;}
}
@media screen and (max-width: 767px) {
   .animate-parent_rotate-single.start.start-mobile .animate_rotate-single {animation: rotate_single 4s ease-in-out forwards;}
}

@keyframes rotate_single {
   0% {
      opacity: 0;
      transform: rotate(0deg) scale(0.5);
   }
   5% {
      opacity: 1;
      transform: rotate(0deg) scale(1);
   }
   15% {
      transform: rotate(0deg) scale(1.1);
   }
   25% {
      transform: rotate(0deg) scale(0.9);
   }
   35% {
      transform: rotate(0deg) scale(1);
   }
   80% {
      transform: rotate(730deg);
   }
   90% {
      transform: rotate(710deg);
   }
   100% {
      opacity: 1;
      transform: rotate(720deg);
   }
}

/* Set №3 - From center (Подбор ингредиентов)*/
@media screen and (min-width: 768px) {
   .animate-parent_from-center.start .animate_from-center:nth-child(1) {animation: from_center1 0.5s cubic-bezier(0.68, 1, 0.265, 1.55) forwards 0.25s;}
   .animate-parent_from-center.start .animate_from-center:nth-child(2) {animation: from_center2 0.5s cubic-bezier(0.68, 1, 0.265, 1.55) forwards 0.5s;}
   .animate-parent_from-center.start .animate_from-center:nth-child(3) {animation: from_center3 0.5s cubic-bezier(0.68, 1, 0.265, 1.55) forwards 0.75s;}
   .animate-parent_from-center.start .animate_from-center:nth-child(4) {animation: from_center4 0.5s cubic-bezier(0.68, 1, 0.265, 1.55) forwards 1s;}
   .animate-parent_from-center.start .animate_from-center:nth-child(5) {animation: from_center5 0.5s cubic-bezier(0.68, 1, 0.265, 1.55) forwards 0s;}
   .animate-parent_from-center.start .animate_from-center:nth-child(6) {animation: from_center6 0.5s cubic-bezier(0.68, 1, 0.265, 1.55) forwards 1.25s;}
   .animate-parent_from-center.start .animate_from-center:nth-child(7) {animation: from_center7 0.5s cubic-bezier(0.68, 1, 0.265, 1.55) forwards 1.5s;}
   .animate-parent_from-center.start .animate_from-center:nth-child(8) {animation: from_center8 0.5s cubic-bezier(0.68, 1, 0.265, 1.55) forwards 1.75s;}
   .animate-parent_from-center.start .animate_from-center:nth-child(9) {animation: from_center9 0.5s cubic-bezier(0.68, 1, 0.265, 1.55) forwards 2s;}
}
@media screen and (max-width: 767px) {
   .animate-parent_from-center.start.start-mobile .animate_from-center:nth-child(1) {animation: from_center1 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards 0.25s;}
   .animate-parent_from-center.start.start-mobile .animate_from-center:nth-child(2) {animation: from_center2 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards 0.5s;}
   .animate-parent_from-center.start.start-mobile .animate_from-center:nth-child(3) {animation: from_center3 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards 0.75s;}
   .animate-parent_from-center.start.start-mobile .animate_from-center:nth-child(4) {animation: from_center4 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards 1s;}
   .animate-parent_from-center.start.start-mobile .animate_from-center:nth-child(5) {animation: from_center5 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards 0s;}
   .animate-parent_from-center.start.start-mobile .animate_from-center:nth-child(6) {animation: from_center6 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards 1.25s;}
   .animate-parent_from-center.start.start-mobile .animate_from-center:nth-child(7) {animation: from_center7 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards 1.5s;}
   .animate-parent_from-center.start.start-mobile .animate_from-center:nth-child(8) {animation: from_center8 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards 1.75s;}
   .animate-parent_from-center.start.start-mobile .animate_from-center:nth-child(9) {animation: from_center9 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards 2s;}
}

@keyframes from_center1 {
   0% {opacity: 0; transform: translate3d(40%,39%,0);}
   100% {opacity: 1; transform: translate3d(0,0,0);}
}
@keyframes from_center2 {
   0% {opacity: 0; transform: translate3d(0,40%,0);}
   100% {opacity: 1; transform: translate3d(0,0,0);}
}
@keyframes from_center3 {
   0% {opacity: 0; transform: translate3d(-39%,40%,0);}
   100% {opacity: 1; transform: translate3d(0,0,0);}
}
@keyframes from_center4 {
   0% {opacity: 0; transform: translate3d(40%,0,0);}
   100% {opacity: 1; transform: translate3d(0,0,0);}
}
@keyframes from_center5 {
   0% {opacity: 0; transform: scale(0) rotate(720deg);}
   100% {opacity: 1; transform: scale(1) rotate(0deg);}
}
@keyframes from_center6 {
   0% {opacity: 0; transform: translate3d(-39%,0,0);}
   100% {opacity: 1; transform: translate3d(0,0,0);}
}
@keyframes from_center7 {
   0% {opacity: 0; transform: translate3d(40%,-40%,0);}
   100% {opacity: 1; transform: translate3d(0,0,0);}
}
@keyframes from_center8 {
   0% {opacity: 0; transform: translate3d(0,-40%,0);}
   100% {opacity: 1; transform: translate3d(0,0,0);}
}
@keyframes from_center9 {
   0% {opacity: 0; transform: translate3d(-40%,-40%,0);}
   100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* Set №4 delay: 2.5s - Rotate3 (Технологическая поддержка)*/
.animate_rotate-3 {width: 45%; border-radius: 100%;}
.animate_rotate-3:nth-child(1) {bottom: auto; top: 0; left: 0;}
.animate_rotate-3:nth-child(2) {bottom: auto; top: 0; left: auto; right: 0;}
.animate_rotate-3:nth-child(3) {left: 50%; margin-left: -22%;}

@media screen and (min-width: 768px) {
   .animate-parent_rotate-3.start .animate_rotate-3:nth-child(1) {animation: rotate_3-first 3s ease-in-out forwards;}
   .animate-parent_rotate-3.start .animate_rotate-3:nth-child(2) {animation: rotate_3-second 3s ease-in-out forwards;}
   .animate-parent_rotate-3.start .animate_rotate-3:nth-child(3) {animation: rotate_3-third 3s ease-in-out forwards;}
   .animate-parent_from-center:nth-child(3) + .animate-parent_rotate-3 .animate_rotate-3 {animation-delay: 2.5s;}
   .animate-parent_from-center:nth-child(3) + .animate-parent_rotate-3 .num-block-item__text {transition-delay: 2.5s;}
}
@media screen and (max-width: 767px) {
   .animate-parent_rotate-3.start.start-mobile .animate_rotate-3:nth-child(1) {animation: rotate_3-first 3s ease-in-out forwards 0s;}
   .animate-parent_rotate-3.start.start-mobile .animate_rotate-3:nth-child(2) {animation: rotate_3-second 3s ease-in-out forwards 0s;}
   .animate-parent_rotate-3.start.start-mobile .animate_rotate-3:nth-child(3) {animation: rotate_3-third 3s ease-in-out forwards 0s;}
}
@keyframes rotate_3-first {
   0% {
      opacity: 0;
      transform: translate3d(62%,50.5%,0) rotate(-270deg) scale(0.9);
   }
   10% {
      opacity: 1;
      transform: translate3d(62%,50.5%,0) rotate(-270deg) scale(1.1);
   }
   25% {
      border-radius: 0;
      transform: translate3d(-10%,-10%,0) rotate(-270deg) scale(1);
   }
   50% {
      transform: translate3d(0,0,0) rotate(-270deg) scale(1);
   }
   80% {
      transform: translate3d(0,0,0) rotate(-740deg) scale(1);
   }
   100% {
      opacity: 1;
      border-radius: 0;
      transform: translate3d(0,0,0) rotate(-720deg) scale(1);
   }
}
@keyframes rotate_3-second {
   0% {
      opacity: 0;
      transform: translate3d(-59.5%,50.5%,0) rotate(-180deg) scale(0.9);
   }
   10% {
      opacity: 1;
      transform: translate3d(-59.5%,50.5%,0) rotate(-180deg) scale(1.1);
   }
   25% {
      border-radius: 0;
      transform: translate3d(10%,-10%,0) rotate(-180deg) scale(1);
   }
   50% {
      opacity: 1;
      border-radius: 0;
      transform: translate3d(0,0,0) rotate(-180deg) scale(1);
   }
   80% {
      transform: translate3d(0,0,0) rotate(-740deg) scale(1);
   }
   100% {
      opacity: 1;
      border-radius: 0;
      transform: translate3d(0,0,0) rotate(-720deg) scale(1);
   }
}
@keyframes rotate_3-third {
   0% {
      opacity: 0;
      transform: translate3d(0,-75%,0) rotate(-45deg) scale(0.9);
   }
   10% {
      opacity: 1;
      transform: translate3d(0,-75%,0) rotate(-45deg) scale(1.1);
   }
   25% {
      border-radius: 0;
      transform: translate3d(0,10%,0) rotate(-45deg) scale(1);
   }
   50% {
      transform: translate3d(0,0,0) rotate(-45deg) scale(1);
   }
   80% {
      transform: translate3d(0,0,0) rotate(-740deg) scale(1);
   }
   100% {
      opacity: 1;
      border-radius: 0;
      transform: translate3d(0,0,0) rotate(-720deg) scale(1);
   }
}

/*About page*/
/* Set №1 Translate + Rotate (Инновационность)*/
.animate_translate:nth-child(4) {width: 47.75%; bottom: 53.4%; right: 0; left: auto; transform-origin: center;}

@media screen and (min-width: 768px) {
   .animate-parent_translate-rotate.start .animate_translate:nth-child(1) {animation: translate_1 0.35s ease forwards 0s;}
   .animate-parent_translate-rotate.start .animate_translate:nth-child(2) {animation: translate_2 0.35s ease forwards 0.35s;}
   .animate-parent_translate-rotate.start .animate_translate:nth-child(3) {animation: translate_3 0.35s ease forwards 0.7s;}
   .animate-parent_translate-rotate.start .animate_translate:nth-child(4) {animation: translate_4 2s linear forwards 1.05s;}
}
@media screen and (max-width: 767px) {
   .animate-parent_translate-rotate.start.start-mobile .animate_translate:nth-child(1) {animation: translate_1 0.35s ease forwards 0s;}
   .animate-parent_translate-rotate.start.start-mobile .animate_translate:nth-child(2) {animation: translate_2 0.35s ease forwards 0.35s;}
   .animate-parent_translate-rotate.start.start-mobile .animate_translate:nth-child(3) {animation: translate_3 0.35s ease forwards 0.7s;}
   .animate-parent_translate-rotate.start.start-mobile .animate_translate:nth-child(4) {animation: translate_4 2s linear forwards 1.05s;}
}

@keyframes translate_1 {
   0% {
      opacity: 0;
      transform: translate3d(-10%,-10%,0);
   }
   100% {
      opacity: 1;
      transform: translate3d(0,0,0);
   }
}
@keyframes translate_2 {
   0% {
      opacity: 0;
      transform: translate3d(-10%,10%,0);
   }
   100% {
      opacity: 1;
      transform: translate3d(0,0,0);
   }
}
@keyframes translate_3 {
   0% {
      opacity: 0;
      transform: translate3d(10%,10%,0);
   }
   100% {
      opacity: 1;
      transform: translate3d(0,0,0);
   }
}
@keyframes translate_4 {
   0% {
      opacity: 0;
      transform: rotate(0deg) translate3d(10%,-10%,0);
   }
   20% {
      opacity: 1;
      transform: rotate(0deg) translate3d(0,0,0);
   }
   30% {
      opacity: 1;
      transform: rotate(0deg) translate3d(0,0,0);
   }
   50% {
      opacity: 1;
      transform: rotate(0deg) translate3d(10%,-10%,0);
   }
   70% {
      opacity: 1;
      transform: rotate(180deg) translate3d(0,0,0);
   }
   85% {
      opacity: 1;
      transform: rotate(180deg) translate3d(-5%,5%,0);
   }
   100% {
      opacity: 0.5;
      transform: rotate(180deg) translate3d(0,0,0);
   }
}

/* Set №2 delay: 3.05s - Blink (Эффективность)*/
@media screen and (min-width: 768px) {
   .animate-parent_translate-rotate + .animate-parent_blink:nth-child(2) .num-block-item__text {transition-delay: 3.05s;}
   .animate-parent_blink.start:nth-child(2) .animate_blink-1 {animation: blinking 1.5s ease forwards 3.19s; /*0.14s*/}
   .animate-parent_blink.start:nth-child(2) .animate_blink-2 {animation: blinking 1.5s ease forwards 3.57s; /*0.52s*/}
   .animate-parent_blink.start:nth-child(2) .animate_blink-3 {animation: blinking 1.5s ease forwards 3.69s; /*0.64s*/}
}

/* Set №3 delay: 3.05s - Connect (Прозрачность)*/
@media screen and (min-width: 768px) {
   .animate-parent_connect.start .animate_connect:nth-child(1) {animation: connect_1 1.5s ease forwards;}
   .animate-parent_connect.start .animate_connect:nth-child(2) {animation: connect_2 1.5s ease forwards;}
}
@media screen and (max-width: 767px) {
   .animate-parent_connect.start.start-mobile .animate_connect:nth-child(1) {animation: connect_1 1.5s ease forwards;}
   .animate-parent_connect.start.start-mobile .animate_connect:nth-child(2) {animation: connect_2 1.5s ease forwards;}
}

@keyframes connect_1 {
   0% {
      opacity: 0;
      transform: translate3d(-20%,0,0);
   }
   50% {
      opacity: 1;
      transform: translate3d(5%,0,0);
   }
   100% {
      opacity: 1;
      transform: translate3d(0,0,0);
   }
}
@keyframes connect_2 {
   0% {
      opacity: 0;
      transform: translate3d(20%,0,0);
   }
   50% {
      opacity: 1;
      transform: translate3d(-5%,0,0);
   }
   100% {
      opacity: 1;
      transform: translate3d(0,0,0);
   }
}

/* Set №3 delay: 1.5s - Scale (Развитие)*/
.animate_scale:nth-child(1) {bottom: 0; left: 0; width: 21.672%;}
.animate_scale:nth-child(2) {top: 50%; bottom: auto; left: 50%; margin-top: -8%; margin-left: -28%; width: 37.35%;}
.animate_scale:nth-child(3) {top: 0; bottom: auto; right: 0; left: auto; width: 43.825%;}

@media screen and (min-width: 768px) {
   .animate-parent_scale.start .animate_scale:nth-child(1) {animation: scale_1 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards 1.5s;}
   .animate-parent_scale.start .animate_scale:nth-child(2) {animation: scale_1 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards 2s;}
   .animate-parent_scale.start .animate_scale:nth-child(3) {animation: scale_1 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards 2.5s;}
   .animate-parent_connect:nth-child(3) + .animate-parent_scale .num-block-item__text {transition-delay: 1.5s;}
}
@media screen and (max-width: 767px) {
   .animate-parent_scale.start.start-mobile .animate_scale:nth-child(1) {animation: scale_1 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards 0s;}
   .animate-parent_scale.start.start-mobile .animate_scale:nth-child(2) {animation: scale_1 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards 0.5s;}
   .animate-parent_scale.start.start-mobile .animate_scale:nth-child(3) {animation: scale_1 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards 1s;}
}

@keyframes scale_1 {
   0% {
      opacity: 0;
      transform: translate3d(-100%,100%,0) scale(0);
   }
   100% {
      opacity: 1;
      transform: translate3d(0,0,0) scale(1);
   }
}
@keyframes scale_2 {
   0% {
      opacity: 0;
      transform: translate3d(-100%,100%,0) scale(0);
   }
   100% {
      opacity: 1;
      transform: translate3d(0,0,0) scale(1);
   }
}
@keyframes scale_3 {
   0% {
      opacity: 0;
      transform: translate3d(-100%,100%,0) scale(0);
   }
   100% {
      opacity: 1;
      transform: translate3d(0,0,0) scale(1);
   }
}


/*====================================================
   .statistic
====================================================*/
.statistic__item {min-width: 30%;}
   .statistic-item__in {position: relative; /*padding: 90px 0 0 130px;*/ padding: 4.7vw 0 0 6.8vw;}
      .statistic-item__num {position: absolute; top: 0; left: 0; /*font-size: 280px;*/ font-size: 14.6vw; line-height: 0.75; color: #114634; white-space: nowrap; z-index: 0;}
         .statistic-item__num span {opacity: 0; transition: all 0.3s ease 0s;}
         .statistic-item__num span.visible {opacity: 1;}
         .statistic__item:nth-child(2) span {transition-delay: 1000ms;}
         .statistic__item:nth-child(3) span {transition-delay: 2000ms;}
      .statistic-item__text {opacity: 0; transform: translateY(20%);  transition: all 0.3s ease 0s;}
      .statistic__list.start .statistic-item__text {opacity: 1; transform: translateY(0);}
      .statistic__item:nth-child(1) .statistic-item__text {transition-delay: 1000ms;}
      .statistic__item:nth-child(2) .statistic-item__text {transition-delay: 2000ms;}
      .statistic__item:nth-child(3) .statistic-item__text {transition-delay: 3000ms;}
      .statistic-item__title {margin-bottom: 5px;}
         .statistic-item__title h3, .statistic-item__title .h3 {margin-bottom: 0;}
      .statistic-item__descr {margin-right: -20px;}

@media screen and (min-width: 1921px) {
   .statistic-item__in {padding: 90px 0 0 130px;}
      .statistic-item__num {font-size: 280px;}
}
@media screen and (min-width: 1680px) {
   .statistic__list {margin-left: -40px;}
}
@media screen and (max-width: 1599px) {
   .statistic-item__title h3, .statistic-item__title .h3 {font-size: inherit;}
}
@media screen and (min-width: 1367px) and (max-width: 1599px) {
   .statistic-item__title {font-size: 45px;}
   .statistic-item__descr {font-size: 24px;}
}
@media screen and (min-width: 1280px) and (max-width: 1366px) {
   .statistic-item__title {font-size: 40px;}
   .statistic-item__descr {font-size: 22px;}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .statistic-item__title {font-size: 35px;}
   .statistic-item__descr {font-size: 18px;}
}
@media screen and (max-width: 1024px) {
   .statistic__list {margin-left: -5px;}
      .statistic-item__in {padding: 40px 20px 0 60px;}
         .statistic-item__num {font-size: 130px; letter-spacing: -0.075em;}
         .statistic-item__title {font-size: 28px;}
}
@media screen and (max-width: 767px) {
   .statistic__list {margin: 0 -40px; padding: 0 40px;}
      .statistic__item {width: auto; min-width: 200px; max-width: 260px;}
      /*:(*/
      .statistic__item:first-child {width: 200px;}
      .statistic__item:last-child {width: 280px;}
}
@media screen and (max-width: 480px) {
   .statistic__list {margin: 0 -20px; padding: 0 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .statistic__list {margin: 0 -20px; padding: 0 20px;}
}


/*====================================================
   .about
====================================================*/
.about__descr {margin-bottom: 35px;}
.about__buttons > div {margin-bottom: 30px;}
.about__buttons > div:last-child {margin-bottom: 0;}
.about__link {padding-left: 54px; white-space: nowrap; line-height: 50px;}
.about__buttons .about__link {padding-left: 0;}
/*   .about__link .link_readmore {max-width: 180px; vertical-align: middle;}*/
      .about__link .link-readmore__arrow {position: absolute; left: 100%; top: 50%; transform: translateY(-50%);}

@media screen and (min-width: 1025px) {
   .about__title {padding-right: 10vw;}
   .about__text {width: 59.729%; padding-right: 10%;}
   .about__image {width: 40.271%; margin-bottom: -12%; margin-right: -4.5%;}
}
@media screen and (min-width: 1025px) and (max-width: 1366px) {
   .about__title {padding-right: 0;}
   .about__text {padding-right: 5%;}
   .about__link {padding-left: 24px;}
}
@media screen and (max-width: 1280px) {
   .about__image {display: block;}
}
@media screen and (max-width: 1024px) {
   .about {padding-top: 80px;}
      .about__in {border-radius: 0; margin: 0 -40px;/* padding-top: 300px;*/ padding-top: calc(43vw - 60px); padding-bottom: 120px;}
         .about__content {display: block;}
            .about__descr {margin-bottom: 80px;}
            .about__bottom {-webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start;}
         .about__image {position: absolute; top: -80px; left: 0; width: 100%; text-align: center;}
            .about__image img {max-width: 43vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .about__buttons > div {margin-bottom: 40px;}
}
@media screen and (max-width: 767px) {
   .about {padding-top: 65px;}
      .about__in {padding-top: calc(48vw - 25px); padding-bottom: 80px;}
         .about__descr {margin-bottom: 40px;}
         .about__bottom {display: block; text-align: center;}
            .about__link {white-space: normal; padding-left: 0;}
            .about__buttons .about__link {margin-top: -30px;}
               .about__link .link_readmore {max-width: none; margin-top: 30px; margin-left: -30px;}
                  .about__link .link_readmore br {display: none;}
         .about__image {top: -65px;}
            .about__image img {max-width: 52vw;}
}
@media screen and (max-width: 480px) {
   .about__in {margin: 0 -20px; padding-top: calc(56vw - 45px); padding-bottom: 60px;}
      .about__descr {margin-bottom: 25px;}
      .about__buttons .btn {width: 100%;}
      .about__image img {max-width: 56vw;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .about__in {margin: 0 -20px; padding-top: calc(33vw - 45px); padding-bottom: 60px;}
      .about__descr {margin-bottom: 25px;}
      .about__image img {max-width: 33vw;}
}


/*====================================================
   .company
====================================================*/
.company__top {margin-bottom: 70px;}
   .company__descr {margin-bottom: 0;}
/*.company-slider {margin: 0 -60px; padding: 0 60px;}*/
   .company-slider-item__in {opacity: 0; transition: all 0.3s ease 0s;}
   .company-slider__item.swiper-slide-active .company-slider-item__in {opacity: 1;}
      .company-slider-item__image {width: 40%; padding-right: 55px; padding-left: 46px; text-align: center;}
      .company-slider-item__text {width: 60%;}
         .company-slider-item__person {margin-bottom: 5px;}
            .company-slider-item__person h4, .company-slider-item__person .h4 {margin-bottom: 0;}
         .company-slider-item__job {margin-bottom: 30px;}
         .company-slider-item__skill {margin-bottom: 30px;}
            .company-slider-item__skill span {display: inline-block; position: relative; padding-left: 50px;}
               .company-slider-item__skill span:before {content: ''; position: absolute; top: 50%; left: 0; width: 40px; height: 40px; margin-top: -20px; border-radius: 100%; background: #1C6C51 url('../i/case-icon.svg') 50% 50% / 27px 23px no-repeat;}
         .company-slider-item__descr {padding-right: 15%;}
   .company-slider__nav .swiper-button-prev {left: 60px;}
   .company-slider__nav .swiper-button-next {right: 60px;}

.company__people {position: relative; padding-left: 85px; padding-right: 85px;}
   .company-slider2-item__in {display: block; height: 100%; border-radius: 24px; width: 100%; overflow: hidden; padding: 26px 40px 30px; font-family: 'RobotoMedium';}
      .company-slider2-item__department {font-size: 18px; line-height: 1.1;}
      .company-slider2-item__image {position: relative; text-align: center; margin-top: 23px; margin-bottom: 14px;}
         .image-wrapp, .image-wrapp-hover {display: inline-block; vertical-align: top; position: relative; z-index: 1;}
         .image-wrapp-hover img {display: block; margin: auto;}
         .image-wrapp-hover img.image-not-hover {position: relative; z-index: 1;}
         .image-wrapp-hover img.image-on-hover {position: absolute; top: 0; left: auto; right: auto; z-index: 2; opacity: 0; visibility: hidden;}
         .image-wrapp-hover:hover img.image-on-hover {opacity: 1; visibility: visible;}
         .image-wrapp-hover:hover img.image-not-hover {opacity: 0; visibility: hidden;}
      .company-slider2-item__name {font-size: 26px; line-height: 1.1; text-align: center;}
      .company-slider2-item__position {margin-top: 5px; font-size: 20px; line-height: 1.2; text-align: center;}
      .company-slider2-item__details {position: absolute; top: -14px; right: -15px; z-index: 3; width: 30px; height: 30px; border-radius: 100%; background: #1C6C51 url('../i/plus.svg') 50% 50% / 16px 16px no-repeat; cursor: pointer;}
      .bg_green-darkness .company-slider2-item__details {background-color: #FFF; background-image: url('../i/plus-green.svg');}

@media screen and (min-width: 1025px) {
   .company__in {padding: 80px 60px 140px;}
      .company__title {width: 40%;}
      .company__descr {width: 60%;}
}
@media screen and (min-width: 1280px) and (max-width: 1366px) {
   .company__people {padding-left: 55px; padding-right: 55px;}
      .company-slider2-item__in {padding: 26px 25px 30px;}
         .company-slider2-item__image {margin-top: 18px;}
}
@media screen and (max-width: 1279px) {
   .company-slider-item__descr {padding-right: 60px;}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .company__people {padding-left: 50px; padding-right: 50px;}
      .company-slider2-item__in {padding: 26px 20px 30px;}
         .company-slider2-item__image {margin-top: 16px;}
}
@media screen and (max-width: 1024px) {
   .company__top {display: block; margin-bottom: 40px;}
      .company-slider-item__person h4, .company-slider-item__person .h4 {font-size: 46px;}
      .company-slider-item__image {width: 31.5%; padding-left: 10px; padding-right: 40px;}
      .company-slider-item__text {width: 68.5%;}
      .company-slider-item__job {margin-bottom: 20px; font-size: 20px;}
      .company-slider-item__skill {margin-bottom: 20px;}
      .company-slider-item__descr {padding-right: 20px;}
      .company-slider__nav .swiper-button-prev {left: 20px;}
      .company-slider__nav .swiper-button-next {right: 20px;}
   .company__people {padding-left: 0; padding-right: 0;}
      /*.company-slider {margin: 0 -40px; padding: 0 40px;}*/
      .company-slider-item__in {display: block;}
         .company-slider-item__image {width: 100%; margin-bottom: 30px; text-align: center; padding-left: 0; padding-right: 0;}
         .company-slider-item__text {width: 100%;}
   
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .company-slider2-item__in {padding: 20px 23px 23px;}
      .company-slider2-item__department {font-size: 14px;}
      .company-slider2-item__image {margin-top: 20px;}
      .company-slider2-item__name {font-size: 16px;}
      .company-slider2-item__position {margin-top: 5px; font-size: 12px;}
      .company-slider2__nav .swiper-button-prev {left: -40px;}
      .company-slider2__nav .swiper-button-next {right: -40px;}
}
@media screen and (max-width: 767px) {
   .company__top {margin-bottom: 30px;}
      .company__descr {font-family: 'RobotoRegular'; font-size: 18px;}
      .company-slider-item__person h4, .company-slider-item__person .h4 {font-size: 26px;}
      .company-slider__nav .swiper-button-prev {left: 40px;}
      .company-slider__nav .swiper-button-next {right: 40px;}
   .company__people {max-width: 414px; margin-left: auto; margin-right: auto;}
      .company-slider2-item__department {font-size: 14px;}
      .company-slider2-item__image {margin-top: 20px;}
      .company-slider2-item__name {font-size: 20px;}
      .company-slider2-item__position {font-family: 'RobotoRegular'; font-size: 18px;}
      .company-slider2__nav .swiper-button-prev {left: 10px;}
      .company-slider2__nav .swiper-button-next {right: 10px;}
      .company-slider-item__descr, .company-slider-item__skill {font-size: 16px;}
}
@media screen and (max-width: 480px) {
   .company__in {padding-left: 13px; padding-right: 13px;}
      .company__top {margin-bottom: 20px;}
         .company__descr {font-size: 16px; line-height: 1.4;}
      /*.company-slider {margin: 0 -13px; padding: 0 13px;}*/
         .company-slider-item__image {margin-bottom: 20px;}
         .company-slider-item__person {margin-bottom: 10px;}
         .company-slider-item__job {margin-bottom: 15px; font-family: 'RobotoRegular'; font-size: 18px; line-height: 1.2;}
         .company-slider-item__skill {margin-bottom: 15px;}
            .company-slider-item__skill span {padding-left: 35px;}
               .company-slider-item__skill span:before {width: 25px; height: 25px; margin-top: -12px; background-size: 17px 14px;}
         .company-slider-item__descr {padding-right: 0;}
         .company-slider__nav .swiper-button-prev {left: 25px;}
         .company-slider__nav .swiper-button-next {right: 25px;}
      .company-slider2-item__in {padding: 20px 17px 23px;}
         .company-slider2__nav .swiper-button-prev {left: 10px;}
         .company-slider2__nav .swiper-button-next {right: 10px;}
}
@media screen and (max-width: 356px) {
   .company-slider2__nav .swiper-button-prev {left: 30px;}
   .company-slider2__nav .swiper-button-next {right: 30px;}
}
@media screen and (max-width: 767px) and (orientation: landscape)  {
   .company__in {padding-left: 20px; padding-right: 20px;}
      .company__top {margin-bottom: 20px;}
         .company__descr {font-size: 16px; line-height: 1.4;}
      /*.company-slider {margin: 0 -13px; padding: 0 13px;}*/
         .company-slider-item__image {margin-bottom: 20px;}
         .company-slider-item__person {margin-bottom: 10px;}
         .company-slider-item__job {margin-bottom: 15px; font-family: 'RobotoRegular'; font-size: 18px; line-height: 1.2;}
         .company-slider-item__skill {margin-bottom: 15px;}
            .company-slider-item__skill span {padding-left: 35px;}
               .company-slider-item__skill span:before {width: 25px; height: 25px; margin-top: -12px; background-size: 17px 14px;}
         .company-slider-item__descr {padding-right: 0;}
         .company-slider__nav .swiper-button-prev {left: 20px;}
         .company-slider__nav .swiper-button-next {right: 20px;}
}


/*====================================================
   .partners-map
====================================================*/
/*top*/
.partners__top {margin-bottom: 80px;}
   .partners__title {padding-right: 40px;}
      .partners__title .tabs__link:not(.active) {color: #9DA2A7;}
      .partners__title .tabs__link:first-child {padding-right: 25px; margin-right: 20px; position: relative; line-height: 1;}
         .partners__title .tabs__link:first-child:before {content: ''; position: absolute; right: 0; top: 0.2em; bottom: 0; width: 5px; background: #3B444F;}
         .partners__title h2, .partners__title .h2 {margin-bottom: 0; line-height: 1; transition: color 0.2s ease 0s;}
   .partners__link {display: none;}
   .tabs_active-0 .partners__link {display: block;}
      .partners__link .link_readmore {padding-right: 50px;}
         .partners__link .link-readmore__arrow {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.partners__button {text-align: center; margin-top: 90px;}

@media screen and (min-width: 1025px) {
   .partners__link .link_readmore {white-space: nowrap;}
      .partners__link .link_readmore br {display: none;}
}
@media screen and (max-width: 1024px) {
   .partners__top {margin-bottom: 60px;}
      .partners__title .tabs__link:first-child {padding-right: 18px; margin-right: 15px;}
      .partners__title .tabs__link:first-child:before {width: 3px;}
   .partners__button {margin-top: 60px;}
}
@media screen and (max-width: 767px) {
   .partners__top {display: block; margin-bottom: 40px;}
      .partners__title {margin-bottom: 30px; padding-right: 0;}
      .partners__link .link_readmore br {display: none;}
   .partners__button {margin-top: 40px;}
}
@media screen and (max-width: 480px) {
   .partners__top {margin-bottom: 20px;}
      .partners__title {margin-bottom: 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
   .partners__button {margin-top: 25px;}
}

/*map*/
.partners__map {position: relative;}
   .partners-map__wrapper {text-align: center;}
      .partners-map__positions {position: relative; display: inline-block;}
         .partners-map__image {text-align: center;}
            .partners-map__image img {display: block; margin: 0 auto;}
         .partners-map__points {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
            .partners-map__item {position: absolute; width: 22px; height: 22px; border: 3px solid #00E3FE; background: #00E3FE; cursor: pointer;}
            .partners-map__item.partners-map__item_moscow {width: 30px; height: 28px; border: 0; background: url('../i/star.svg') 0 0 / contain no-repeat;}
               .partners-map__item:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; background: #FFF; transform: scale(1); transition: all 0.3s ease 0s;}
               .partners-map__item_moscow:after {display: none;}
               .partners-map__item:hover:after {transform: scale(0.4);}
               .partners-map-item__in {position: absolute; bottom: 28px; left: -4px;/* padding-bottom: 30px;*/ opacity: 0; visibility: hidden; z-index: 2; cursor: default; transform: translate3D(0,-10px,0); transition: all 0.3s ease 0s;}
               .partners-map__item_moscow .partners-map-item__in {left: 4px; bottom: 32px;}
               .partners-map__item:hover .partners-map-item__in {opacity: 1; visibility: visible; transform: translateY(0);}
                  .partners-map-item__content {width: 203px; padding: 15px 20px; text-align: left; background: #FFFCFC; border-radius: 10px; box-shadow: 0 2px 4px rgba(0,0,0,.2); position: relative;}
                  .partners__map_clients .partners-map-item__content {width: auto;}
                     .partners-map-item__content:before {content: ''; position: absolute; left: 12px; bottom: -19px; border-right: 15px solid transparent; border-top: 20px solid #FFFCFC;}
                     .partners-map-item__content > div {margin-bottom: 5px; line-height: 1.17;}
                     .partners-map-item__content > div:last-child {margin-bottom: 0;}
                        .partners__map_clients .partners-map-item__text {white-space: nowrap;}
                           .partners-map-item__flag {width: 40px;}
                     .partners-map-item__country {color: #9DA2A7;}
      .partners-map__text {text-align: left; max-width: 1365px; margin: 0 auto;}
         .partners-map__text-in {margin: -10% 0 0 10%;}
         .partners-map__text-title,.partners-map__text-subtitle {font-family: "RobotoBold"; font-size: 30px; line-height: 1.2; letter-spacing: -1px;}
         .partners-map__text-subtitle {font-size: 20px; margin-bottom: 15px;}
         .partners-map__text-details ul {gap: 10px;}
            .partners-map__text-details ul li {text-align: center;}
               .partners-map__text-details ul li div {width: 32px; height: 32px; margin-bottom: 5px;}
               .partners-map__text-details ul li span {display: block; font-family: "RobotoMedium"; font-size: 14px; letter-spacing: -1px;}
                        
@media screen and (min-width: 768px) {
   .partners__map_suppliers .partners-map-item__content {display: block;}
}
@media screen and (min-width: 1025px) and (max-width: 1366px) {
   .partners-map__item {width: 16px; height: 16px;}
      .partners-map__text-title {font-size: clamp(24px,1.8vw,30px);}
      .partners-map__text-subtitle {font-size: clamp(16px,1.1vw,20px);}
}
@media screen and (max-width: 1024px) {
   .partners-map__positions {display: block;}
   /*clients*/
   .partners__map_clients.partners__map {margin: 0 -40px;}
      .partners__map_clients .partners-map__wrapper {max-width: 100%; overflow: auto; padding: 0 40px;}
         .partners__map_clients .partners-map__positions {width: 1365px;}
      .partners-map__text-in {margin: -100px 0 0 140px; padding-bottom: 40px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   /*suppliers*/
   .partners__map_suppliers.partners__map {margin: 0 -40px;}
      .partners__map_suppliers .partners-map__wrapper {max-width: 100%; overflow: auto; padding: 0 40px 40px;}
         .partners__map_suppliers .partners-map__positions {width: 1660px;} 
}
@media screen and (max-width: 767px) {
   /*suppliers*/
   .partners__map_suppliers .partners-map__image {display: none;}
   .partners__map_suppliers .partners-map__positions {display: block;}
      .partners__map_suppliers .partners-map__points {position: relative; max-height: 100vw; overflow: auto; padding: 20px; background: #FFF;}
         .partners__map_suppliers .partners-map__item {position: static; width: auto; height: auto; border: 0; background: none; margin-bottom: 15px; border-radius: 0;}
         .partners__map_suppliers .partners-map__item:last-child {margin-bottom: 0;}
            .partners__map_suppliers .partners-map__item:after {display: none;}
            .partners__map_suppliers .partners-map-item__in {position: relative; bottom: auto; left: auto; opacity: 1; visibility: visible; transform: none; transition: none;}
               .partners__map_suppliers .partners-map-item__content {width: auto; padding: 0; background: none; border-radius: 0; box-shadow: none;}
                  .partners__map_suppliers .partners-map-item__content:before {display: none;}
                  .partners__map_suppliers .partners-map-item__flag {width: 43px;}
                  .partners__map_suppliers .partners-map-item__text {padding-left: 5px; font-size: 20px;}
   /*clients*/
   .partners__map_clients .partners-map__positions {width: 1024px;}
      .partners__map_clients .partners-map__item {width: 16px; height: 16px;}
      .partners__map_clients .partners-map__item_moscow {width: 20px; height: 19px;}
         .partners__map_clients .partners-map-item__in {bottom: 24px; left: -7px;}
         .partners__map_clients .partners-map__item_moscow .partners-map-item__in {left: -3px; bottom: 28px;}
            .partners__map_clients .partners-map-item__content {padding: 10px; border-radius: 8px;}
               .partners__map_clients .partners-map-item__text {font-size: 16px; line-height: 1;}
   .partners-map__text-in {margin: -80px 0 0 100px; padding-bottom: 20px;}
      .partners-map__text-title {font-size: 24px;}
      .partners-map__text-subtitle {font-size: 16px;}
}
@media screen and (max-width: 480px) {
   /*clients*/
   .partners__map_clients.partners__map {margin: 0 -20px;}
      .partners__map_clients .partners-map__wrapper {padding: 0 20px;}
         .partners__map_clients .partners-map__positions {width: 768px;}
            .partners__map_clients .partners-map-item__content {padding: 5px; border-radius: 5px;}
               .partners__map_clients .partners-map-item__text {font-size: 14px;}
   .partners-map__text-in {margin: -60px 0 0 70px; padding-bottom: 20px;}
      .partners-map__text-title {font-size: 20px;}
      .partners-map__text-subtitle {font-size: 14px;}
      .partners-map__text-details ul li div {width: 26px; height: 26px;}
      .partners-map__text-details ul li span {font-size: 12px;}
      
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   /*clients*/
   .partners__map_clients.partners__map {margin: 0 -20px;}
      .partners__map_clients .partners-map__wrapper {padding: 0 20px;}
         .partners__map_clients .partners-map__positions {width: 100%;}
            .partners__map_clients .partners-map-item__content {padding: 5px; border-radius: 5px;}
               .partners__map_clients .partners-map-item__text {font-size: 14px;}
   .partners-map__text-in {margin: -60px 0 0 70px; padding-bottom: 20px;}
      .partners-map__text-title {font-size: 20px;}
      .partners-map__text-subtitle {font-size: 14px;}
      .partners-map__text-details ul li div {width: 26px; height: 26px;}
      .partners-map__text-details ul li span {font-size: 12px;}
}


/*====================================================
   .partners
====================================================*/
.partners__in {padding-top: 65px; border-top: 1px solid #9DA2A7;}
   .partners__list {margin-left: -40px; margin-bottom: -40px; }
      .partners__item {width: 33.333%; padding-left: 40px; margin-bottom: 40px;}
         .partners-item__in {height: 100%; padding: 40px 30px 100px 40px; position: relative; transition: all 0.3s ease 0s;}
         .partners-item__in:hover {filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.3));}
            .partners-item__logo {height: 125px; margin-bottom: 30px;}
               .partners-item__logo img {max-height: 100%; width: auto;}
            .partners-item__name {margin-bottom: 12px;}
               .partners-item__name h4, .partners-item__name .h4 {margin-bottom: 0;}
            .partners-item__location {margin-bottom: 20px;}
               .partners-item__flag {width: 33px;}
               .partners-item__country {padding-left: 13px;}
            .partners-item__descr {margin-bottom: 15px;}
            .partners-item__link {position: absolute; bottom: 20px; left: 40px; font-size: 16px;}

@media screen and (max-width: 1366px) {
   .partners__list {margin-left: -30px; margin-bottom: -30px;}
      .partners__item {padding-left: 30px; margin-bottom: 30px;}
         .partners-item__in {padding: 30px 20px 80px 30px;}
            .partners-item__link {left: 30px;}
}
@media screen and (max-width: 1279px) {
   .partners__item {width: 50%;}
}
@media screen and (max-width: 1024px) {
   .partners__in {padding-top: 50px;}
      .partners__list {margin-left: -20px; margin-bottom: -20px;}
         .partners__item {padding-left: 20px; margin-bottom: 20px;}
            .partners-item__in {padding: 30px 20px 75px 25px;}
               .partners-item__logo {height: 75px; margin-bottom: 20px;}
                  .partners-item__logo img {max-width: 170px;}
               .partners-item__location {margin-bottom: 10px;}
                  .partners-item__flag {width: 22px;}
                  .partners-item__country {padding-left: 7px;}
               .partners-item__name {margin-bottom: 6px;}
               .partners-item__site {font-size: 14px;}
               .partners-item__link {left: 25px; bottom: 35px;}
                  .partners-item__link .link_readmore {font-size: 14px;}
                     .partners-item__link .link-readmore__arrow {margin-left: 6px;}
                        .partners-item__link .link-readmore__arrow div {width: 18px; height: 18px;}
                           .partners-item__link .link-readmore__arrow svg {width: 11px; height: 9px; margin: -4px 0 0 -5px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .partners-item__name h4, .partners-item__name .h4 {font-size: 32px;}
}
@media screen and (max-width: 767px) {
   .partners__in {padding-top: 45px;}
      .partners__list {display: block; margin-left: 0; margin-bottom: 0;}
         .partners__item {width: 100%; padding-left: 0;}
         .partners__item:last-child {margin-bottom: 0;}
}
@media screen and (max-width: 480px) {
   .partners__in {padding: 38px 20px 0; margin: 0 -20px;}
      .partners-item__in {padding: 25px 15px 75px 20px;}
         .partners-item__logo {height: 65px; margin-bottom: 15px;}
            .partners-item__logo img {max-width: 42vw;}
         .partners-item__flag {width: 18px;}
         .partners-item__name h4, .partners-item__name .h4 {font-size: 24px;}
         .partners-item__link {left: 20px;}
            .partners-item__link .link-readmore__arrow {margin-left: 4px;}
               .partners-item__link .link-readmore__arrow div {width: 16px; height: 16px;}
                  .partners-item__link .link-readmore__arrow svg {width: 10px; height: 7px; margin: -3px 0 0 -5px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .partners__in {padding: 38px 20px 0; margin: 0 -20px;}
      .partners-item__in {padding: 25px 15px 75px 20px;}
         .partners-item__logo {height: 65px; margin-bottom: 15px;}
            .partners-item__logo img {max-width: 24vw;}
         .partners-item__flag {width: 18px;}
         .partners-item__name h4, .partners-item__name .h4 {font-size: 24px;}
         .partners-item__descr {max-width: 70vw;}
         .partners-item__link {left: 20px;}
            .partners-item__link .link-readmore__arrow {margin-left: 4px;}
               .partners-item__link .link-readmore__arrow div {width: 16px; height: 16px;}
                  .partners-item__link .link-readmore__arrow svg {width: 10px; height: 7px; margin: -3px 0 0 -5px;}
}


/*====================================================
   .news
====================================================*/
.news {overflow: hidden;}
   .news-top {margin-bottom: 30px;}
      .news-top__in {position: relative;}
         .news-top__title h2, .news-top__title .h2 {margin-bottom: 40px;}
         .news-top__image {position: absolute; left: 100%; top: -160px; width: 50vw; /*transform-origin: 0 0;*/}
            .news-top__image img {transform: rotate(115deg); margin-top: 15vh; max-width: 85%;}
      .news__list {margin-left: -46px; margin-bottom: -120px;}
         .news__item {width: 33.333%; padding-left: 46px; margin-bottom: 120px;}
            .news-item__in {text-decoration: none;}
               .news-item__image {position: relative; margin-bottom: 30px; transition: all 0.3s ease 0s;}
               .news-item__in:hover .news-item__image {box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);}
                  .news-item__image img {display: block; width: 100%;}
                  .news-item__date, .article__date {position: absolute; top: 0; left: 0; padding: 6px 15px; line-height: 1; white-space: nowrap;}
                  .news-item__label {position: absolute; top: 0; right: 0; width: 22.8%; text-align: center;}
                     .news-item__label:before {content: ''; display: block; padding-top: 100%;}
                     .news-item__label .flex {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px;}
                        .news-item__label .flex > div {width: 100%;}
                           .news-item__label img {margin: 0 auto 5px; max-width: 55%; flex: 0 0 auto;}
               .news-item__title {margin-bottom: 15px;}
                  .news-item__title h5, .news-item__title .h5 {margin-bottom: 0;}
               .news-item__text {font-size: 18px; padding-right: 20px;}

/*slider*/
.news__list.news-slider {padding: 20px 40px 0 40px; margin: 0 -40px;}
.news__list.news-slider.swiper.swiper-initialized {overflow: visible;}
   .news__list.news-slider .news__item {margin-right: 46px; margin-bottom: 0; padding-left: 0; width: 522px; transform: translateY(20%);}
   .news__list.news-slider .news__item:last-child {margin-right: 0;}
      .news__list.news-slider .news-item__text {font-size: 20px;}

@media screen and (min-width: 481px) {
   .news-top__title h2 br, .news-top__title .h2 br {display: none;}
}
@media screen and (min-width: 768px) {
   /*slider*/
   .news__list.news-slider .news-item__label {width: 119px; font-size: 14px;}
}
@media screen and (min-width: 1025px) {
   .news__list:not(.news-slider) .news__item:nth-child(1), 
   .news__list:not(.news-slider) .news__item:nth-child(2) {width: 50%;}
      .news-item__label {font-size: 0.75vw;}
      .news__list:not(.news-slider) .news__item:nth-child(1) .news-item__label, 
      .news__list:not(.news-slider) .news__item:nth-child(2) .news-item__label {width: 20.845%; font-size: 1.05vw;}
}
@media screen and (min-width: 1921px) {
   .news-item__label {font-size: 14px;}
   .news__list:not(.news-slider) .news__item:nth-child(1) .news-item__label, 
   .news__list:not(.news-slider) .news__item:nth-child(2) .news-item__label {font-size: 20px;}
}
@media screen and (max-width: 1366px) {
   .news-top__image {top: -120px;}
   .news__list {margin-bottom: -100px;}
      .news__item {margin-bottom: 100px;}
}
@media screen and (max-width: 1279px) {
   .news-top__image {top: -100px;}
   .news__list {margin-bottom: -80px;}
      .news__item {margin-bottom: 80px;}
}
@media screen and (max-width: 1024px) {
   .news-top__title h2, .news-top__title .h2 {margin-bottom: 25px;}
   .news-top__image {top: -80px; width: 65vw; max-width: 568px;}
   .news__list {margin-left: -20px; margin-bottom: -65px;}
      .news__item {width: 50%; padding-left: 20px; margin-bottom: 65px;}
         .news-item__text {font-size: 16px;}

   /*slider*/
   .news__list.news-slider .news-item__text {font-size: 18px;}
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
   .news__list:not(.news-slider) .news__item:nth-child(1) {width: 100%;}
      .news-item__label {font-size: 1.35vw;}
      .news__list:not(.news-slider) .news__item:nth-child(1) .news-item__label {width: 17.797%; font-size: 1.9vw;}
}
@media screen and (max-width: 767px) {
   .news-top {margin-bottom: 20px;}
      .news-top__title h2, .news-top__title .h2 {margin-bottom: 20px;}
   .news-top__image {top: -40px; max-width: 380px;}
   .news__list {margin-left: -15px;}
      .news__item {padding-left: 15px;}
         .news-item__image {margin-bottom: 20px;}
         .news-item__title {margin-bottom: 15px;}

   /*slider*/
   .news__list.news-slider .news__item {margin-right: 30px; width: 350px;}
      .news__list.news-slider .news-item__label {width: 80px; font-size: 10px;}
}
@media screen and (max-width: 639px) {
   .news__list {margin-left: 0; margin-bottom: 0; display: block;}
      .news__item {width: 100%; padding-left: 0; margin-bottom: 45px;}
      .news__item:last-child {margin-bottom: 0;}
         .news-item__label {width: 22%; font-size: 2vw;}
}
@media screen and (max-width: 480px) {
   .news-top {margin-bottom: 15px;}
      .news-top__title h2, .news-top__title .h2 {margin-bottom: 15px;}
   .news-top__image {top: -20px; width: 85vw; max-width: 250px;}
      .news-top__image img {max-width: 100%;}
   .news-item__image {margin-bottom: 15px;}
      .news-item__label {width: 24%; font-size: 2.6vw;}
   .news-item__title {margin-bottom: 10px;}
   .news-item__text {padding-right: 10px;}

   /*slider*/
   .news__list.news-slider {padding: 20px 20px 0; margin: 0 -20px;}
      .news__list.news-slider .news__item {margin-right: 24px; width: 230px;}
         .news__list.news-slider .news-item__label {width: 67px; font-size: 8px;}
         .news__list.news-slider .news-item__text {font-size: 14px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .news-top {margin-bottom: 15px;}
      .news-top__title h2, .news-top__title .h2 {margin-bottom: 15px;}
   .news-top__image {top: -20px; width: 85vw; max-width: 250px;}
      .news-top__image img {max-width: 100%;}
   .news__list {margin-bottom: -45px;}
      .news__item {margin-bottom: 45px;}
         .news-item__image {margin-bottom: 15px;}
            .news-item__label {width: 26.36%; font-size: 1.5vw;}
            .news__item:nth-child(1) .news-item__label {width: 17.797%; font-size: 1.9vw;}
         .news-item__title {margin-bottom: 10px;}

   /*slider*/
   .news__list.news-slider {padding: 20px 20px 0; margin: 0 -20px;}
      .news__list.news-slider .news__item {margin-right: 24px; width: 280px;}
         .news__list.news-slider .news-item__label {width: 67px; font-size: 8px;}
         .news__list.news-slider .news-item__text {font-size: 14px;}
}
@media screen and (max-width: 639px) and (orientation: landscape) {
   .news-item__label {width: 17.797%; font-size: 1.9vw;}
}


/*====================================================
   Catalog (cosmetics & nutraceutical)
====================================================*/
.catalog__in {position: relative;}


/* --- Image --- */
.catalog-image {max-width: 100%; margin: 0 auto; position: relative; z-index: 1;}
   .catalog-image:before {content: ''; display: block; padding-top: 100%;}
   .catalog-image .flex {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
   .catalog-image a {display: block; height: 100%; text-decoration: none;}
      .catalog-image img {min-height: 100%; min-width: 100%; max-width: none;}


/* --- Label --- */
.catalog-label {position: absolute; top: 0; left: 0; z-index: 2; padding: 8px 28px 6px; font-size: 14px; line-height: 1; text-transform: uppercase;}

@media screen and (max-width: 480px) {
   .catalog-label {padding: 7px 20px 5px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .catalog-label {padding: 7px 20px 5px;}
}


/* --- Buttons --- */
.btn-catalog {display: inline-block; width: 280px; max-width: 100%; height: 56px; line-height: 55px; border-radius: 2em; text-align: center; font-family: 'RobotoMedium'; font-size: 24px; color: #FFF;}
.btn-catalog.btn-catalog_small {width: 260px; height: 41px; line-height: 41px; font-family: 'RobotoRegular'; font-size: 16px;}
.btn-catalog.btn-catalog_light {line-height: 53px;}
a.btn-catalog {text-decoration: none;}
input[type="submit"].btn-catalog {transition: all 0.3s ease 0s;}

.body_cosm .btn-catalog {background: #627B41;}
.body_cosm .btn-catalog:hover {background: #71AA26;}
.body_nutr .btn-catalog {background: #37526B;}
.body_nutr .btn-catalog:hover {background: #2D75B9;}

.body_cosm .btn-catalog.btn-catalog_light {background: transparent; border: 1px solid #627B41; color: #627B41;}
.body_cosm .btn-catalog.btn-catalog_light:hover {background: #E8EFE1; border-color: #E8EFE1; color: #3B444F;}
.body_nutr .btn-catalog.btn-catalog_light {background: transparent; border: 1px solid #37526B; color: #37526B;}
.body_nutr .btn-catalog.btn-catalog_light:hover {background: #ECF6FC; border-color: #ECF6FC; color: #3B444F;}

@media screen and (max-width: 1366px) {
   .btn-catalog {font-size: 20px;}
}
@media screen and (max-width: 480px) {
   .btn-catalog {width: 203px; height: 47px; line-height: 47px; font-size: 16px;}
   .btn-catalog.btn-catalog_light {line-height: 46px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .btn-catalog {height: 47px; line-height: 47px; font-size: 16px;}
   .btn-catalog.btn-catalog_light {line-height: 46px;}
}


/* --- Hover objects --- */
.hover_object {transition: all 0.3s ease 0s;}
.hover_parent:hover .hover_object-bg.bg_green-cosm-light {background: #627B41; color: #FFF;}
.hover_parent:hover .hover_object-bg.bg_blue-nutr-light {background: #37526B; color: #FFF;}
   .hover_object.bg_green-cosm-light .svg-fill {fill: #627B41;}
   .hover_object.bg_blue-nutr-light .svg-fill {fill: #37526B;}
   .hover_object.bg_green-cosm-light .svg-stroke {stroke: #627B41;}
   .hover_object.bg_blue-nutr-light .svg-stroke {stroke: #37526B;}
   .hover_parent:hover .hover_object .svg-fill {fill: #FFF;}
   .hover_parent:hover .hover_object .svg-stroke {stroke: #FFF;}

.hover_object-scale {position: relative; overflow: hidden;}
.hover_parent:hover .hover_object-scale {color: #FFF;}
   .hover_object-scale:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; z-index: 0; opacity: 0; transform: scale(0); transition: all 0.3s ease 0s;}
   .hover_object-scale.bg_green-cosm-light:before {background: #627B41;}
   .hover_object-scale.bg_blue-nutr-light:before {background: #37526B;}
   .hover_parent:hover .hover_object-scale:before {opacity: 1; transform: scale(1); fill: #FFF;}

.hover_object-title {transition: all 0.3s ease 0s;}
.body_cosm .hover_parent.bg_white:hover .hover_object-title {color: #627B41;}
.body_nutr .hover_parent.bg_white:hover .hover_object-title {color: #37526B;}


/* --- Links --- */
.catalog a.link_svg:hover {color: inherit;}

/*cosm*/
/*bg_green-cosm-dark*/ 
.link_bg {display: -webkit-inline-flex; display: inline-flex; align-items: flex-start;}
a.link_bg {text-decoration: none;}
a.link_bg.bg_green-cosm-dark:hover, 
.link_bg.bg_green-cosm-dark.active {background: #FFF; color: inherit;}
   .link_bg.bg_green-cosm-dark .svg-fill {fill: #FFF;}
   a.link_bg.bg_green-cosm-dark:hover .svg-fill, 
   .link_bg.bg_green-cosm-dark.active .svg-fill {fill: #627B41;}

/*bg_green-cosm-light*/ 
a.link_bg.bg_green-cosm-light:hover, 
.link_bg.bg_green-cosm-light.active {background: #627B41; color: #FFF;}
   .link_bg.bg_green-cosm-light .svg-fill {fill: #627B41;}
   a.link_bg.bg_green-cosm-light:hover .svg-fill, 
   .link_bg.bg_green-cosm-light.active .svg-fill {fill: #E8EFE1;}

/*bg_white*/
.body_cosm a.link_bg.bg_white:hover, 
.body_cosm .link_bg.bg_white.active {background: #627B41; color: #FFF;}
   .body_cosm .link_bg.bg_white .svg-fill {fill: #627B41;}
   .body_cosm a.link_bg.bg_white:hover .svg-fill, 
   .body_cosm .link_bg.bg_white.active .svg-fill {fill: #FFF;}
   .body_cosm a.link_bg.bg_white:hover img, 
   .body_cosm .link_bg.bg_white.active img {filter: brightness(0) invert(1);}

/*nutr*/
/*bg_blue-nutr-dark*/ 
a.link_bg.bg_blue-nutr-dark:hover, 
.link_bg.bg_blue-nutr-dark.active {background: #FFF; color: inherit;}
   .link_bg.bg_blue-nutr-dark .svg-fill {fill: #FFF;}
   a.link_bg.bg_blue-nutr-dark:hover .svg-fill, 
   .link_bg.bg_blue-nutr-dark.active .svg-fill {fill: #37526B;}

/*bg_blue-nutr-light*/ 
a.link_bg.bg_blue-nutr-light:hover, 
.link_bg.bg_blue-nutr-light.active {background: #37526B; color: #FFF;}
   .link_bg.bg_blue-nutr-light .svg-fill {fill: #37526B;}
   a.link_bg.bg_blue-nutr-light:hover .svg-fill, 
   .link_bg.bg_blue-nutr-light.active .svg-fill {fill: #ECF6FC;}

/*bg_white*/
.body_nutr a.link_bg.bg_white:hover, 
.body_nutr .link_bg.bg_white.active {background: #37526B; color: #FFF;}
   .body_nutr .link_bg.bg_white .svg-fill {fill: #37526B;}
   .body_nutr a.link_bg.bg_white:hover .svg-fill, 
   .body_nutr .link_bg.bg_white.active .svg-fill {fill: #FFF;}
   .body_nutr a.link_bg.bg_white:hover img, 
   .body_nutr .link_bg.bg_white.active img {filter: brightness(0) invert(1);}

/*link_svg-no-invert*/
.body_cosm .link_svg-no-invert .svg-fill, .body_cosm .link_svg-no-invert:hover .svg-fill {fill: #627B41;}
.body_nutr .link_svg-no-invert .svg-fill, .body_nutr .link_svg-no-invert:hover .svg-fill {fill: #37526B;}


/* --- Catalog list View --- */
.catalog__view {margin-bottom: 20px; margin-top: -20px;}
   .catalog-view__in {float: right;}
      .catalog-view__label {font-size: 17px; line-height: 1;}
      .catalog-view__switch {width: 40px; height: 40px; margin-left: 15px; border: 2px solid;}
      .body_cosm .catalog-view__switch {border-color: #627B41;}
      .body_nutr .catalog-view__switch {border-color: #37526B;}
      .catalog-view__switch.active {cursor: default; pointer-events: none;}
     /* .body_nutr .catalog-view__switch.active {background: #37526B;}
         .body_nutr .catalog-view__switch .svg-fill {fill: #37526B;}
         .catalog-view__switch.active .svg-fill {fill: #ECF6FC;}*/

@media screen and (max-width: 767px) {
   .catalog__view {display: none;}
}


/* --- Filter --- */
.catalog__filter {margin-bottom: 120px; font-size: 16px;}
   .catalog__filter a {text-decoration: none;}
   .filter__full {transition: all 0.3s ease 0s;}
   .filter__full.hidden {height: 0; opacity: 0; overflow: hidden;}
      .filter__row {margin-left: -12px;}
      .filter__bottom.filter__row {margin-bottom: -12px;}
         .filter__item {padding-left: 12px; margin-bottom: 12px;}
            .filter-item__in {height: 41px; position: relative;}
            /*toggle*/
            .filter__toggle {width: 100%; height: 100%; padding: 0 16px;}
            .body_cosm .filter__toggle:not(.active), .body_cosm .filter__toggle.active:hover {box-shadow: inset 0 0 0 2px #627B41;}
            .body_nutr .filter__toggle:not(.active), .body_nutr .filter__toggle.active:hover {box-shadow: inset 0 0 0 2px #37526B;}
            /*category select*/
            .filter__category-menu {position: absolute; top: 100%; left: 0; width: 712px; min-width: 100%; padding: 20px 20px 40px; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15); font-size: 17px; line-height: 1.55; z-index: 3; opacity: 0; visibility: hidden; cursor: default; transform: translateY(12px); transition: opacity 0.3s ease 0s, visibility 0.3s ease 0s, transform 0.3s ease 0s;}
            .filter__category-menu.visible {opacity: 1; visibility: visible; transform: translateY(0);}
               .filter-category-menu__nav {margin-bottom: 30px;}
                  .filter-category-menu__nav a.link_svg .svg-fill {fill: #000;}
                  .filter-category-menu__nav a.link_svg:hover .svg-fill {fill: #A00006;}
                  .filter-category-menu__nav > span {padding-left: 13px; margin-left: 13px; position: relative;}
                     .filter-category-menu__nav > span:before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 24px; background: #000; transform: rotate(-25deg);}
               .filter-category-menu__list {margin-bottom: 25px;}
                  .filter-category-menu__list ul {margin-bottom: 38px;}
                  .filter-category-menu__list ul:last-child {margin-bottom: 0;}
                     .filter-category-menu__list ul li {margin-bottom: 0;}
                        .filter-category-menu__list ul li a {width: 100%; min-height: 33px; padding: 7px 15px 6px 12px; margin-bottom: 20px; border-radius: 15px; line-height: 1;}
                        .body_cosm .filter-category-menu__list ul li a.link_svg:not(.active):not(:hover) {color: #000;}
                        .body_nutr .filter-category-menu__list ul li a.link_svg:not(.active):not(:hover) {color: #021B26;}
                           .filter-category-menu__list svg {width: 21px; height: 21px;}
                           .filter-category-menu__list .link_svg svg + span {padding-left: 8px;}
                              .body_cosm .filter-category-menu__list .link_svg:not(.active):not(:hover) .svg-fill {fill: #000;}
                              .body_nutr .filter-category-menu__list .link_svg:not(.active):not(:hover) .svg-fill {fill: #021B26;}
               .filter-category-menu__button .btn-catalog {width: 240px;}
            /*search*/
            .filter__top .filter-item_search {width: 100%;}
               .filter__search {position: relative; height: 100%;}
                  .filter__search-input {display: block; width: 100%; height: 100%; background: #FFF; border: 0; box-shadow: none; border-radius: 0; padding: 0 42px 0 16px; background-position: calc(100% - 16px) 50%; background-size: 18px 18px; background-repeat: no-repeat; font-family: 'RobotoRegular'; font-size: 16px; position: relative; z-index: 1; letter-spacing: normal; -webkit-appearance: none;}
                  .body_cosm .filter__search-input {background-image: url('../i/search-cosm.svg');}
                  .body_nutr .filter__search-input {background-image: url('../i/search-nutr.svg');}
                  /*disappearing placeholder*/
                  .filter__search input::-webkit-input-placeholder {color: #3B444F;}
                  .filter__search input::-moz-placeholder {color: #3B444F;}
                  .filter__search input:-moz-placeholder {color: #3B444F;}
                  .filter__search input:-ms-input-placeholder {color: #3B444F}
            /*select*/
            .filter__select {height: 100%; padding-left: 16px; padding-right: 48px; cursor: pointer; background-color: #FFF;}
            .filter__select.filter__search {padding: 0;}
            .body_cosm .filter__select.selected, .body_cosm .filter__search.filter__select.selected .filter__search-input {box-shadow: inset 0 0 0 2px #627B41;}
            .body_nutr .filter__select.selected, .body_nutr .filter__search.filter__select.selected .filter__search-input {box-shadow: inset 0 0 0 2px #37526B;}
               .filter__select > span {line-height: 41px; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
               .filter__select-arrow {position: absolute; top: 50%; margin-top: -5px; right: 16px; border-top: 12px solid; border-left: 7px solid transparent; border-right: 7px solid transparent; z-index: 1; transition: transform 0.3s ease 0s;}
               .filter__select.active .filter__select-arrow, .filter__search-input:focus ~ .filter__select-arrow {transform: rotateX(180deg);}
               .body_cosm .filter__select-arrow {border-top-color: #627B41;}
               .body_nutr .filter__select-arrow {border-top-color: #37526B;}
            /*select list*/
            .filter__select-list {position: absolute; top: 100%; left: 0; width: 100%; padding: 8px 16px 10px; box-shadow: 0 3px 3px rgb(0 0 0 / 5%); z-index: 2; opacity: 0; visibility: hidden;}
            .filter__select-list.visible {opacity: 1; visibility: visible;}
               .filter__search.filter__select .filter__search-input {background-position: calc(100% - 40px) 50%; padding-right: 66px;}
               .select-list-scroll.swiper-vertical {max-height: 175px;}
                  .select-list-scroll.swiper-vertical .swiper-scrollbar {top: 0; right: 0; height: calc(100% - 1px); width: 2px; cursor: pointer;}
                  .body_cosm .select-list-scroll.swiper-vertical .swiper-scrollbar {background: #E8EFE1;}
                  .body_nutr .select-list-scroll.swiper-vertical .swiper-scrollbar {background: #ECF6FC;}
               .filter__select-list .checkbox {margin-bottom: 8px; padding-right: 10px;}
               .filter__select-list .checkbox:last-child {margin-bottom: 0;}
                  .filter__select-list .checkbox__label {cursor: default;}
                  .filter__select-list .checkbox__text {padding-left: 17px; height: 14px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; line-height: 1; text-transform: none;}
                  .filter__select-list .checkbox__text:before {top: 0; width: 12px; height: 12px; background: transparent; border: 1px solid;}
                  .filter__select-list .checkbox__text:after {top: 3px; left: 2px; width: 8px; height: 7px;}
                  .body_cosm .filter__select-list .checkbox__text:before {border-color: #627B41;}
                  .body_cosm .filter__select-list .checkbox__text:after {background: url('../i/checkbox-cosm.svg') 0 0 / contain no-repeat;}
                  .body_nutr .filter__select-list .checkbox__text:before {border-color: #37526B;}
                  .body_nutr .filter__select-list .checkbox__text:after {background: url('../i/checkbox-nutr.svg') 0 0 / contain no-repeat;}
               .filter__select-list ul li {font-size: 13px; padding: 3px 0;}
                  .filter__select-list ul li a {text-decoration: underline;}
                  .filter__select-list ul li a:hover {text-decoration: none;}
            /*button*/
            .filter__button {text-align: center; height: 100%;}
               .filter-item_button .btn-catalog {height: 100%;}
            /*result*/
            .filter-result__list ul {margin-left: -12px;}
               .filter-result__list ul li {padding: 12px 0 0 12px;}
                  .filter-result__list ul li a {padding: 6px 30px 6px 12px; border-radius: 8px; text-decoration: underline; text-decoration-thickness: 0.05em; text-decoration-color: rgba(255,255,255,.65); line-height: 1.17; text-transform: lowercase;}

@media screen and (min-width: 1280px) {
   .filter-item_select {width: 244px;}
   .filter-item_search-list {width: 334px;}
   .filter__top .filter-item_search {-webkit-box-ordinal-group: 3; -webkit-order: 3; -ms-flex-order: 3; order: 3;}
   .filter-item_toggle {-webkit-box-ordinal-group: 0; -webkit-order: 0; -ms-flex-order: 0; order: 0;}
      .filter-item_toggle .filter-item__in {width: 140px;}
   .filter-item_category {width: 252px; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1;}
   .filter-item_areas {width: 252px; -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2;}
      .filter__top .filter__select {width: 240px;}
   .filter__bottom .filter__column {width: calc(100% - 272px);}
   .filter__bottom .filter-item_button {width: 272px;}
}
@media screen and (min-width: 1280px) and (max-width: 1366px) {
   .filter__bottom .filter__column {width: calc(100% - 182px);}
   .filter__bottom .filter-item_button {width: 182px;}
}
@media screen and (max-width: 1279px) {
   .catalog__filter {margin-bottom: 80px;}
      .filter__row, .filter__column {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
      .filter__row {margin-left: -10px;}
      .filter__bottom.filter__row {margin-bottom: -10px;}
         .filter__column {width: 100%;}
            .filter__item {padding-left: 10px; margin-bottom: 10px;}
            .filter__bottom .filter-item_button {text-align: center; width: 100%;}
      .filter__result {margin: 24px -40px 0; padding: 10px 40px 0; border-top: 1px solid #000;}
         .filter-result__list ul {margin-left: -10px;}
            .filter-result__list ul li {padding: 10px 0 0 10px;}
}
@media screen and (min-width: 481px) and (max-width: 1279px) {
   .filter-item {width: 50%;}
   .filter-item_toggle {width: 210px;}
   .filter-item_category {width: calc(100% - 210px);}
   .filter-item_areas {width: 100%;}
   .filter__bottom {position: relative;}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .filter__category-menu {max-width: 100%;}
}
@media screen and (max-width: 1024px) {
   .filter-category-menu__list ul {column-gap: 10px; margin-bottom: 25px;}
      .filter-category-menu__list ul li a {margin-bottom: 10px;}
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
   .filter__category-menu {width: calc(100vw - 80px); left: -210px;}
   .filter-item_areas .filter__category-menu {left: 0;}
}
@media screen and (max-width: 767px) {
   .filter-category-menu__list ul {margin: 0 0 25px -8px; columns: auto; font-size: 0; line-height: 0;}
      .filter-category-menu__list ul li {display: inline-block; vertical-align: top; padding-left: 8px;}
         .filter-category-menu__list ul li a {width: auto; font-size: 17px;}
}
@media screen and (max-width: 480px) {
   .catalog__filter {margin-bottom: 70px;}
      .filter__row, .filter__column {display: block;}
      .filter__category-menu {width: calc(100vw - 40px); font-size: 16px;}   
      .filter__result {margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px;}
         .filter-result__list ul li a {font-size: 14px;}
            .filter-result__list ul li a:before, .filter-result__list ul li a:after {top: 13px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .catalog__filter {margin-bottom: 70px;}
      .filter__category-menu {width: calc(100vw - 40px); font-size: 16px;}   
      .filter__result {margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px;}
         .filter-result__list ul li a {font-size: 14px;}
            .filter-result__list ul li a:before, .filter-result__list ul li a:after {top: 13px;}
}


/* --- Rubrics --- */
.catalog-rubrics__list {margin-left: -20px; margin-bottom: 60px;}
.catalog-rubrics__list:last-child {margin-bottom: 0;}
   .catalog-rubrics__item {width: 25%; height: auto; min-height: 266px; padding-left: 20px; margin-bottom: 20px;}
      .catalog-rubrics-item__in {height: 100%; padding: 60px 20px 30px;}
      .catalog-rubrics-item__in:not(.flex) {display:  block;}
      .catalog-rubrics-item__in:hover {filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.25));}
         .catalog-rubrics-item__image {width: 98px; height: 98px; margin: 0 auto 20px; position: relative;}
            .catalog-rubrics-item__in svg {position: relative; z-index: 1; width: 52px; height: 52px;}
         .catalog-rubrics-item__title {max-width: 264px; margin: 0 auto; text-align: center; font-size: 24px; line-height: 1.17;}
         .body_cosm .catalog-rubrics-item__title {color: #000;}
         .body_nutr .catalog-rubrics-item__title {color: #021B26;}
            .catalog-rubrics-item__title h3, .catalog-rubrics-item__title .h3 {margin-bottom: 0; font-family: inherit; font-size: inherit; line-height: inherit;}
/*no-icons*/
.catalog-rubrics__list_no-icons .catalog-rubrics-item__in {padding: 0 40px;}
   .catalog-rubrics__list_no-icons .catalog-rubrics-item__title {width: 100%; height: 102px; padding: 10px 20px; border-radius: 4em;}

@media screen and (max-width: 1440px) {
   .catalog-rubrics-item__title {font-size: 22px;}
}
@media screen and (max-width: 1366px) {
   .catalog-rubrics__item {width: 33%;}
}
@media screen and (max-width: 1279px) {
   .catalog-rubrics-item__title {font-size: 20px;}
}
@media screen and (max-width: 1024px) {
   .catalog-rubrics__item {width: 50%; min-height: 225px;}
      .catalog-rubrics-item__in {padding-top: 50px;}
         .catalog-rubrics-item__image {width: 82px; height: 82px;}
   /*no-icons*/
   .catalog-rubrics__list_no-icons .catalog-rubrics-item__in {padding: 0 35px;}
      .catalog-rubrics__list_no-icons .catalog-rubrics-item__title {height: 86px;}
}
@media screen and (max-width: 767px) {
   .catalog-rubrics__list {margin: -20px -40px 40px; padding: 20px 40px;}
      .catalog-rubrics__item {width: 320px; padding-left: 0; margin-bottom: 0; margin-right: 20px;}
      .catalog-rubrics__item:last-child {margin-right: 0;}
         .catalog-rubrics-item__in {padding-top: 40px; padding-bottom: 25px;}
         .catalog-rubrics-item__in:hover {filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));}
            .catalog-rubrics-item__image {margin-bottom: 15px;}
   /*no-icons*/
   .catalog-rubrics__list_no-icons .catalog-rubrics-item__in {padding: 0 30px;}
}
@media screen and (max-width: 480px) {
   .catalog-rubrics__list {margin-left: -20px; margin-right: -20px; padding: 20px;}
      .catalog-rubrics__item {width: 255px; min-height: 180px; margin-right: 15px;}
         .catalog-rubrics-item__title {font-size: 18px;}
            .catalog-rubrics-item__in {padding-top: 30px; padding-bottom: 20px;}
               .catalog-rubrics-item__image {width: 78px; height: 78px; margin-bottom: 10px;}
   /*no-icons*/
   .catalog-rubrics__list_no-icons .catalog-rubrics-item__in {padding: 0 25px;}
      .catalog-rubrics__list_no-icons .catalog-rubrics-item__title {height: 82px; padding: 5px 15px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .catalog-rubrics__list {margin-left: -20px; margin-right: -20px; padding: 20px;}
      .catalog-rubrics__item {width: 255px; min-height: 180px; margin-right: 15px;}
         .catalog-rubrics-item__title {font-size: 18px;}
            .catalog-rubrics-item__in {padding-top: 30px; padding-bottom: 20px;}
               .catalog-rubrics-item__image {width: 78px; height: 78px; margin-bottom: 10px;}
   /*no-icons*/
   .catalog-rubrics__list_no-icons .catalog-rubrics-item__in {padding: 0 25px;}
      .catalog-rubrics__list_no-icons .catalog-rubrics-item__title {height: 82px; padding: 5px 15px;}
}


/* --- Catalog List --- */
.catalog__list {margin-left: -33px; margin-bottom: -33px;}
   .catalog-list__item {width: 25%; padding-left: 33px; margin-bottom: 33px;}
      .catalog-list-item__in {height: 100%; padding: 35px 25px;}
         .catalog-list-item__content {position: relative; height: 100%; padding-bottom: 137px;}
            .catalog-list-item__image {width: 256px; margin-bottom: 30px;}
            .catalog-list-item__title {width: 280px; max-width: 100%; margin: 0 auto 25px; text-align: center; font-size: 24px; line-height: 1.17;}
               .catalog-list-item__title h3, .catalog-list-item__title .h3 {font-family: inherit; font-size: inherit; line-height: inherit; margin-bottom: 0;}
            .catalog-list-item__descr {display: none; margin-bottom: 25px; font-size: 16px; line-height: 1.5;}
               .catalog-list-item__descr .link-less-wrap {display: block;}
            .catalog-list-item__buttons {position: absolute; bottom: 0; left: 0; width: 100%; height: 137px; text-align: center;}
               .catalog-list-item__buttons .btn-catalog {width: 100%; max-width: 280px;}

/*view_rows*/ 
.catalog__list.view_rows {margin-left: 0;}
   .catalog__list.view_rows .catalog-list__item {width: 100%; padding-left: 0;}
      .catalog__list.view_rows .catalog-list-item__in {padding: 25px 50px 25px 30px;}
         .catalog__list.view_rows .catalog-list-item__content {padding-bottom: 0;}
            .catalog__list.view_rows .catalog-list-item__content:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
            .catalog__list.view_rows .catalog-list-item__image {float: left; margin-bottom: 0;}
            .catalog__list.view_rows .catalog-list-item__title {float: left; width: calc(100% - 256px - 280px); padding: 10px 65px 0 75px; margin: 0 0 15px; text-align: left; font-size: 28px;}
            .catalog__list.view_rows .catalog-list-item__descr {display: block; margin-bottom: 0; padding-left: 331px; padding-right: 345px;}
            .catalog__list.view_rows .catalog-list-item__buttons {float: right; position: relative; width: 280px; height: 100%; text-align: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
               .catalog__list.view_rows .catalog-list-item__buttons > div {width: 100%;}
                  .catalog-list-item__buttons .btn-catalog {margin-bottom: 25px;}
                  .catalog-list-item__buttons .btn-catalog:last-child {margin-bottom: 0;}

/*related*/
.catalog__related {overflow: hidden; margin-top: 60px; padding-top: 60px; border-top: 1px solid;}
.body_cosm .catalog__related {border-color: #1C6C51;}
.body_nutr .catalog__related {border-color: #37526B;}
   .catalog__related .catalog__title {margin-bottom: 35px;}
      .catalog__related .catalog__title h3, .catalog__related .catalog__title .h3 {margin-bottom: 0;}
   .catalog__related .catalog__list {margin-left: 0; margin-bottom: 100px; padding: 0;}
   .catalog-related-slider.swiper.swiper-initialized {overflow: visible;}
   .catalog__related .catalog__list:last-child {margin-bottom: 0;}
      .catalog-related-slider .catalog-list__item {width: 400px; margin-right: 24px; padding-left: 0; margin-bottom: 0;}
      .catalog__related .catalog-list__item:last-child {margin-bottom: 0;}
         .catalog-related-slider .swiper-button-prev {left: -40px;}
         .catalog-related-slider .swiper-button-next {right: -40px;}

@media screen and (max-width: 1366px) {
   .catalog__list {margin-left: -20px; margin-bottom: -20px;}
      .catalog-list__item {padding-left: 20px; margin-bottom: 20px;}
}
@media screen and (min-width: 1025px) and (max-width: 1366px) {
   /*view_rows*/ 
   .catalog__list.view_rows .catalog-list-item__buttons {width: 260px;}
}
@media screen and (min-width: 1280px) and (max-width: 1366px) {
   /*view_rows*/ 
   .catalog__list.view_rows .catalog-list-item__title {width: calc(100% - 256px - 260px);}
   .catalog__list.view_rows .catalog-list-item__descr {padding-right: 325px;}
}
@media screen and (max-width: 1279px) {
   .catalog-list__item {width: 33.333%;}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
   /*view_rows*/ 
   .catalog__list.view_rows .catalog-list-item__in {padding-right: 30px;}
      .catalog__list.view_rows .catalog-list-item__image {width: 220px;}
      .catalog__list.view_rows .catalog-list-item__title {width: calc(100% - 220px - 260px); padding: 10px 40px 0 40px;}
      .catalog__list.view_rows .catalog-list-item__descr {padding-left: 260px; padding-right: 300px;}
      .catalog__list.view_rows .catalog-list-item__buttons {height: auto; padding-top: 15px;}
}
@media screen and (max-width: 1024px) {
   .catalog-list__item {width: 50%;}
      .catalog-list-item__in {padding-top: 30px; padding-bottom: 30px;}

   /*view_rows*/ 
   .catalog__list.view_rows .catalog-list-item__in {padding: 35px 40px 40px 35px;}
      .catalog__list.view_rows .catalog-list-item__image {float: left;}
      .catalog__list.view_rows .catalog-list-item__title {float: left; width: calc(100% - 256px); padding-left: 45px; margin-bottom: 20px; font-size: 24px;}
      .catalog__list.view_rows .catalog-list-item__buttons {display: block; height: auto; float: left; width: calc(100% - 256px); padding-left: 45px;}
      .catalog__list.view_rows .catalog-list-item__descr {clear: both; padding: 30px 0 0;}

   /*related*/
   .catalog__related .catalog__list {margin-bottom: 70px;}
}
@media screen and (max-width: 767px) {
   .catalog-list-item__descr {display: block; font-size: 14px;}

   /*related*/
   .catalog-related-slider {margin-left: -40px; margin-right: -40px; margin-bottom: 0; padding: 0 40px;}
      .catalog-related-slider .catalog-list__item {width: 320px; margin-right: 20px;}
      .catalog-related-slider .catalog-list__nav {display: none;}
}
@media screen and (max-width: 639px) {
   .catalog__list {display: block; margin-left: 0; margin-bottom: 0;}
      .catalog-list__item {width: 100%; padding-left: 0;}
      .catalog-list__item:last-child {margin-bottom: 0;}
}
@media screen and (max-width: 480px) {
   .catalog-list-item__in {padding: 35px 20px;}
      .catalog-list-item__content {padding-bottom: 114px;}
         .catalog-list-item__image {margin-bottom: 20px; width: 56vw;}
         .catalog-list-item__title {font-size: 18px; margin-bottom: 10px;}
         .catalog-list-item__buttons {height: 114px;}
            .catalog-list-item__buttons .btn-catalog {margin-bottom: 20px;}

   /*related*/
   .catalog__related {margin-top: 50px; padding-top: 50px;}
      .catalog-related-slider {margin-left: -20px; margin-right: -20px; padding: 0 20px;}
         .catalog-related-slider .catalog-list__item {width: 250px;}
         .catalog__related .catalog__title {margin-bottom: 25px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .catalog-list-item__in {padding: 35px 20px;}
      .catalog-list-item__content {padding-bottom: 114px;}
         .catalog-list-item__image {width: 31.5vw; margin-bottom: 20px;}
         .catalog-list-item__title {font-size: 18px; margin-bottom: 10px;}
         .catalog-list-item__descr {font-size: 14px;}
         .catalog-list-item__buttons {height: 114px;}
            .catalog-list-item__buttons .btn-catalog {margin-bottom: 20px;}

   /*related*/
   .catalog__related {margin-top: 50px; padding-top: 50px;}
      .catalog-related-slider {margin-left: -20px; margin-right: -20px; padding: 0 20px;}
         .catalog-related-slider .catalog-list__item {width: 250px;}
         .catalog__related .catalog__title {margin-bottom: 25px;}
}
@media screen and (max-width: 639px) and (orientation: landscape) {
   .catalog__list {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -20px; margin-bottom: -20px;}
      .catalog-list__item {width: 50%; padding-left: 20px;}
      .catalog-list__item:last-child {margin-bottom: 20px;}
}


/* --- Catalog Item --- */
.catalog-item__row {margin-bottom: 50px;}
.catalog-item__row:last-child {margin-bottom: 0;}
.catalog-item__heading {margin-bottom: 10px;}
   .catalog-item__heading h1, .catalog-item__heading .h1 {margin-bottom: 0;}
.catalog-item__image {width: 468px;}
.catalog-item__button {position: fixed; bottom: 40px; z-index: 10; text-align: center; transform: scale(0);}
.catalog-item__button.visible {animation: scaleIn 2s ease-out forwards;}
   .catalog-item__button .btn-catalog {position: relative;}
      .catalog-item__button .btn-catalog:after {content: ''; position: absolute; z-index: -1; top: -5px; right: -5px; bottom: -5px; left: -5px;  border-radius: inherit; background: inherit; animation: sonar-effect 2s ease-out infinite;}
.catalog-item__flag .img_flag {border: 0;}
.catalog-item__country {padding-left: 17px; font-size: 16px; line-height: 1;}
.catalog-item__title {margin-bottom: 15px;}
   .catalog-item__title h4, .catalog-item__title .h4 {font-family: inherit; margin-bottom: 0;}
.catalog-item__descr p {margin-bottom: 10px;}
.catalog-item__notes-row {margin-top: 20px;}
   .catalog-item__notes-row h5, .catalog-item__notes-row .h5 {margin-bottom: 0;}
/*tags*/
.tags-list {gap: 14px;}
   .tags-list__item a {min-height: 48px; padding: 4px 20px; font-size: 24px; line-height: 1;}
      .tags-list__item svg, .tags-list__item img {width: 29px; height: 29px;}
/*cert*/
.certificates-list {margin-left: -33px; margin-bottom: -33px;}
   .certificates-list__item {padding-left: 33px; margin-bottom: 33px; max-width: 33.333%;}

@media screen and (min-width: 768px) {
   .catalog-item__label {padding: 14px 40px 14px; font-size: 20px;}
}
@media screen and (min-width: 1025px) {
   .catalog-item__box-1 {float: left; width: calc(100% - 548px); position: relative; z-index: 3;}
   .catalog-item__box-2 {float: right; width: 548px; padding-left: 80px; margin-bottom: 80px; position: relative; z-index: 2;}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .catalog-item__box-1 {width: calc(100% - 448px);}
   .catalog-item__box-2 {width: 448px; padding-left: 40px; margin-bottom: 40px;}
}
@media screen and (max-width: 1024px) {
   .catalog-item__box-1 {margin-bottom: 40px;}
   .catalog-item__box-2 {width: 448px; max-width: 100%; margin: 0 auto 75px;}
   .catalog-item__button {left: 40px; right: 40px;}
   /*tags*/
   .tags-list__item a {min-height: 46px; font-size: 22px;}
   /*cert*/
   .certificates-list {margin-left: -20px; margin-bottom: -20px;}
      .certificates-list__item {padding-left: 20px; margin-bottom: 20px;}
}
@media screen and (max-width: 767px) {
   /*tags*/
   .tags-list__item a {min-height: 40px; font-size: 18px;}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
   .catalog-item__box-2 {width: 320px;}
}
@media screen and (max-width: 480px) {
   .catalog-item__box-2 {width: 280px; margin-bottom: 50px;}
   .catalog-item__button {left: 20px; right: 20px; bottom: 20px;}
   /*tags*/
   .tags-list {gap: 10px;}
      .tags-list__item a {min-height: 36px; padding: 4px 16px; font-size: 16px;}
   /*cert*/
   .certificates-list {margin-left: -10px; margin-bottom: -10px;}
      .certificates-list__item {padding-left: 10px; margin-bottom: 10px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .catalog-item__box-2 {width: 60vh; margin-bottom: 50px;}
   .catalog-item__button {left: 20px; right: 20px; bottom: 20px;}
   /*tags*/
   .tags-list {gap: 10px;}
      .tags-list__item a {min-height: 36px; padding: 4px 16px; font-size: 16px;}
   /*cert*/
   .certificates-list {margin-left: -10px; margin-bottom: -10px;}
      .certificates-list__item {padding-left: 10px; margin-bottom: 10px;}
}

   
/*====================================================
   .contacts
====================================================*/
.contacts__in {padding: 120px 80px; z-index: 2;}
   .contacts-item__in {padding-left: 90px; padding-top: 15px; margin-bottom: 30px; position: relative; min-height: 72px;}
      .contacts-item__in:before {content: ''; position: absolute; top: 0; left: 0; width: 72px; height: 72px; border-radius: 100%;}
      .contacts-item_phone .contacts-item__in:before {background: #1C6C51 url('../i/phone-icon.svg') 50% 50% / 21px 34px no-repeat;}
      .contacts-item_email .contacts-item__in:before {background: #1C6C51 url('../i/mail-icon.svg') 50% 50% / 35px 27px no-repeat;}
      .contacts-item_address .contacts-item__in:before {background: #1C6C51 url('../i/point-icon.svg') 50% 50% / 25px 32px no-repeat;}
         .contacts-item__in h3, .contacts-item__in .h3, .contacts-item__in h4, .contacts-item__in .h4 {margin-bottom: 0;}
         .contacts-item__in h4, .contacts-item__in .h4 {font-family: 'RobotoMedium';}
   .contacts__map {position: relative; margin-top: -26px; z-index: 1;}
      .contacts__map:before {content: ''; display: block; /*padding-top: 42.169%;*/ height: 700px;}
      .contacts__map #map {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media screen and (min-width: 1025px) {
   .contacts__list {margin-left: -40px; margin-bottom: -30px;}
      .contacts__list > div {width: 50%; padding-left: 40px;}
}
@media screen and (max-width: 1599px) {
   .contacts-item__in h3, .contacts-item__in .h3 {font-size: 50px;}
   .contacts-item__in h4, .contacts-item__in .h4 {font-size: 36px;}
}
@media screen and (max-width: 1366px) {
   .contacts__in {padding: 100px 80px;}
      .contacts-item__in h3, .contacts-item__in .h3 {font-size: 46px;}
      .contacts-item__in h4, .contacts-item__in .h4 {font-size: 28px;}
}
@media screen and (max-width: 1279px) {
   .contacts__in {padding: 80px 60px;}
      .contacts-item__in h3, .contacts-item__in .h3 {font-size: 36px;}
      .contacts-item__in h4, .contacts-item__in .h4 {font-size: 24px;}
}
@media screen and (max-width: 1024px) {
   .contacts__in {padding: 40px 30px 100px;}
      .contacts-item__in {margin-bottom: 20px; min-height: 54px;}
      .contacts-item_address .contacts-item__in {margin-bottom: 0;}
         .contacts-item__in:before {top: 10px; width: 54px; height: 54px;}
         .contacts-item_phone .contacts-item__in:before {background-size: 18px 29px;}
         .contacts-item_email .contacts-item__in:before {background-size: 30px 23px;}
         .contacts-item_address .contacts-item__in:before {background-size: 25px 32px;}
         .contacts-item__in h3, .contacts-item__in .h3 {font-size: 40px;}
         .contacts-item__in h4, .contacts-item__in .h4 {font-size: 32px;}
   .contacts__map {margin: -65px -40px 0;}
}
@media screen and (max-width: 767px) {
   .contacts__in {padding: 40px 20px;}
      .contacts-item__in {margin-bottom: 15px; padding-left: 70px;}
         .contacts-item__in h3, .contacts-item__in .h3 {font-size: 32px;}
         .contacts-item__in h4, .contacts-item__in .h4 {font-size: 22px;}
   .contacts__map:before {padding-top: 100%; height: auto;}
}
@media screen and (max-width: 480px) {
   .contacts__in {padding: 40px 12px;}
      .contacts-item__in {margin-bottom: 10px; padding-left: 52px; min-height: 40px;}
         .contacts-item__in:before {top: 5px; width: 40px; height: 40px;}
         .contacts-item_phone .contacts-item__in:before {background-size: 14px 22px;}
         .contacts-item_email .contacts-item__in:before {background-size: 23px 18px;}
         .contacts-item_address .contacts-item__in:before {background-size: 18px 24px;}
         .contacts-item__in h3, .contacts-item__in .h3 {font-size: 24px;}
         .contacts-item__in h4, .contacts-item__in .h4 {font-size: 18px;}
   .contacts__map {margin: -40px -20px 0;}
      .contacts__map:before {padding-top: 150%;}
}
@media screen and (max-width: 374px) {
   .contacts-item__in h3, .contacts-item__in .h3 {font-size: 20px;}
}
@media screen and (max-width: 926px) and (orientation: landscape) {
   .contacts__list {margin-left: -40px;}
      .contacts__list > div {width: 50%; padding-left: 40px;}
         .contacts-item__in {margin-bottom: 10px; padding-left: 52px; min-height: 40px;}
            .contacts-item__in:before {top: 5px; width: 40px; height: 40px;}
            .contacts-item_phone .contacts-item__in:before {background-size: 14px 22px;}
            .contacts-item_email .contacts-item__in:before {background-size: 23px 18px;}
            .contacts-item_address .contacts-item__in:before {background-size: 18px 24px;}
            .contacts-item__in h3, .contacts-item__in .h3 {font-size: 32px;}
            .contacts-item__in h4, .contacts-item__in .h4 {font-size: 22px;}
   .contacts__map:before {padding-top: 100vh; height: auto;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .contacts__in {padding: 40px;}
      .contacts__list {margin-left: -20px;}
         .contacts__list > div {padding-left: 20px;}
            .contacts-item_address br {display: block;}
            .contacts-item__in h3, .contacts-item__in .h3 {font-size: 24px;}
            .contacts-item__in h4, .contacts-item__in .h4 {font-size: 18px;}
   .contacts__map {margin: -40px -20px 0;}
}
@media screen and (max-width: 666px) and (orientation: landscape) {
   .contacts__in {padding: 40px 20px;}
      .contacts-item__in h3, .contacts-item__in .h3 {font-size: 20px;}
}


/*====================================================
   .connect
====================================================*/
.news.wrapper_padding + .connect {margin-top: 0;}
   .connect__in {padding-top: 80px; position: relative; overflow: hidden;}
      .connect__content {padding: 60px 90px 80px; position: relative; overflow: hidden;}
         .connect__text {position: relative; z-index: 1;}
            .connect__title {margin-bottom: 15px;}
               .connect__title h2, .connect__title .h2 {margin-bottom: 0;}
            .connect__subtitle {margin-bottom: 45px;}
               .connect__subtitle h5, .connect__subtitle .h5 {margin-bottom: 0;}
         .connect__bg {position: absolute; top: 0; left: 45%; width: 100vw; z-index: 0; transform: translate3d(0, -20%, 0);}
            .connect__bg img {transform: matrix(0.9, 0.43, -0.68, 0.73, 0, 0);}
      .connect__image {position: absolute; top: 0; right: 9vw; width: 527px; transform: translateY(20%);}

@media screen and (max-width: 1279px) {
   .connect__content {padding-left: 60px; padding-right: 60px;}
   .connect__image {right: 60px;}
}
@media screen and (max-width: 1024px) {
   .connect__in {padding-top: 50px; margin: 0 -40px;}
      .connect__content {padding: 70px 40px 60px;}
         .connect__bg {display: none;}
         .connect__title {margin-bottom: 10px;}
         .connect__subtitle {margin-bottom: 25px;}
         .connect__button .btn {width: 240px;}
      .connect__image {right: 30px; width: 400px;}
}
@media screen and (max-width: 767px) {
   .connect__in {padding-top: 35vw;}
      .connect__content {padding: 60px 40px 50px; z-index: 1;}
         .connect__subtitle br {display: none;}
         .connect__button {text-align: center;}
      .connect__image {right: 30px; width: 60vw; z-index: 0;}
}
@media screen and (max-width: 480px) {
   .connect__in {padding-top: 45vw; margin: 0 -20px;}
      .connect__content {padding: 40px 20px 45px;}
         .connect__subtitle {margin-bottom: 20px;}
         .connect__button .btn {width: 143px;}
      .connect__image {right: 10px; width: 80vw;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .connect__in {padding-top: 6vw; margin: 0 -20px;}
      .connect__content {padding: 40px 20px 45px;}
         .connect__text {width: 50vw;}
            .connect__subtitle {margin-bottom: 20px;}
            .connect__button {text-align: left}
               .connect__button .btn {width: 143px;}
      .connect__image {right: 20px; width: 45vw; z-index: 2;}
}


/*====================================================
   .content-form
====================================================*/
.content-form__in {padding: 80px 6.2vw 170px 9.9vw; position: relative;}
   .content-form__title {margin-bottom: 15px;}
      .content-form__title h2, .content-form__title .h2 {margin-bottom: 0;}
   .content-form__box {position: relative; display: grid;}
      .content-form__box-1 {grid-area: a;}
      .content-form__box-2 {grid-area: b;}
      .content-form__box-3 {grid-area: c;}
      .content-form__box-4 {grid-area: d;}
      .content-form__selection {padding: 20px 30px 30px; border: 1px solid #FFF;}
         .content-form__selection .form__group .checkbox {margin-right: 40px; margin-bottom: 10px;}
         .content-form__selection .form__group .checkbox:last-child {margin-bottom: 0; margin-right: 0;}
      .content-form .form__submit .btn {width: 293px;}
   .content-form__leafs {position: absolute; bottom: 0; left: 0; opacity: 0.3;}

@media screen and (min-width: 1025px) {
   .content-form__subtitle {width: 455px;}
   .content-form__box {grid-template-columns: 455px auto;
      grid-template-areas: 
         "a b"
         "c b"
         "c d";
   }
   .content-form__box-2, .content-form__box-4 {padding-left: 5.95vw;}
   .content-form__box-3, .content-form__box-4 {grid-row: span 3;}
   .content-form__box-3 {margin-bottom: 30px;}
      .content-form__selection {margin-top: 40px; margin-bottom: 40px;}
         .content-form__selection .form__legend {text-align: center;}
         .content-form__selection .form__group {-webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center;}
      .content-form .form__agreement {margin-bottom: 0;}
}
@media screen and (min-width: 1921px) {
   .content-form__in {padding: 80px 120px 170px 190px;}
      .content-form__box-2, .content-form__box-4 {padding-left: 114px;}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
   .content-form__subtitle {width: 355px;}
   .content-form__box {grid-template-columns: 355px auto;}
}
@media screen and (max-width: 1024px) {
   .content-form__in {padding: 60px 60px 70px;}
      .content-form__subtitle {margin-bottom: 50px;}
      .content-form__box {grid-template-columns: 54% auto;
         grid-template-areas: 
            "a c"
            "b b"
            "d d";
      }
         .content-form__box-2, .content-form__box-4 {grid-column: span 2;}
         .content-form__box-1 {margin-bottom: 50px;}
            .content-form__selection .form__group .checkbox {margin-right: 30px;}
      .content-form__leafs {display: none;}
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
   .content-form__selection .form__group {-webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .content-form__box-3 {padding-left: 30px;}
}
@media screen and (max-width: 767px) {
   .content-form__in {padding: 50px 40px;}
      .content-form__box {display: block;}
         .content-form__box-1 {margin-bottom: 40px;}
}
@media screen and (max-width: 480px) {
   .content-form__in {padding: 50px 20px; margin: 0 -20px;}
      .content-form__box-1 {margin-bottom: 35px;}
      .content-form__selection {padding: 20px;}
      .content-form .form__submit .btn {width: 186px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .content-form__in {padding: 50px 20px; margin: 0 -20px;}
      .content-form__box-1 {margin-bottom: 35px; width: 54%;}
      .content-form__box-3 {position: absolute; top: 0; right: 0; width: 46%; padding-left: 30px;}
      .content-form__selection {padding: 20px;}
      .content-form .form__submit .btn {width: 186px;}
}


/*====================================================
   .footer
====================================================*/
.footer {padding: 114px 0 135px; position: relative; z-index: 1; overflow: hidden; font-size: 16px; line-height: 1.17;}
   .footer__in {display: grid;}
   .footer__box-1 {grid-area: a;}
   .footer__box-2 {grid-area: b;}
   .footer__box-3 {grid-area: c;}
   .footer__box-4 {grid-area: d;}
   .footer__box-5 {grid-area: e;}
   .footer__box-6 {grid-area: f;}
   .footer__box-7 {grid-area: g;}
   .footer__box-8 {grid-area: h; align-self: end;}
   .footer__border {grid-area: border; margin-top: 40px; margin-bottom: 40px; position: relative;}
      .footer__border:after {content: ''; position: absolute; top: 0; left: 50%; width: 100vw; height: 1px; transform: translateX(-50%); background: #D9D9D9;}
      .footer a:hover {color: #8BE4C4;}
      .footer__logo {margin-bottom: 15px;}
      .footer__copy {margin-bottom: 15px;}
      .footer__social {display: inline-flex;}
         .social-list {text-align: left; display: grid; gap: 10px 20px; grid-template-columns: auto auto auto; grid-template-rows: auto auto;
            grid-template-areas:
            "single telegramnutr telegramcosm"
            "single telegramtext telegramtext";
         }
            .social-list__item {max-width: 100px; font-size: 14px;}
            .social-list__item-1 {grid-area: single; width: auto; padding-right: 20px; border-right: 1px solid #838383;}
            .social-list__item-2 {grid-area: telegramnutr;}
            .social-list__item-3 {grid-area: telegramcosm;}
            .social-list__item-4 {grid-area: telegramtext; grid-column: span 3; width: auto; max-width: 360px;}
               .social-list__item svg {width: 30px; height: 30px; margin-bottom: 5px;}
                  .social-list__item .svg-fill {fill: #838383;}
                  .social-list__item a:hover .svg-fill {fill: #8BE4C4;}  
               .social-list__item span {display: block; font-size: 12px;}
      .footer__menu .nav {width: 540px;}
         .footer__menu .nav ul {margin-bottom: -15px; column-gap: 0;}
            .footer__menu .nav ul li {margin-bottom: 0; font-size: 20px; line-height: 1.17;}
               .footer__menu .nav ul li a {display: inline-block; margin-bottom: 15px;}
               .footer__menu .nav ul li.current a {color: #8BE4C4;}
      .footer__contacts {font-size: 18px; margin-bottom: 20px;}
         .footer__contacts > div {margin-bottom: 15px;}
         .footer__contacts > div:last-child {margin-bottom: 0;}
      .footer__phone {font-size: 36px;}
      .footer__policy {margin-bottom: 30px;}
         .footer__policy > div {margin-bottom: 8px;}
         .footer__policy > div:last-child {margin-bottom: 0;}
      .footer__links {margin-bottom: 20px;}
         .footer__links > div {margin-bottom: 8px; max-width: 400px;}
         .footer__links > div:last-child {margin-bottom: 0;}
      .footer__dev {font-size: 13px; color: #D9D9D9;}
         .footer__dev a {text-decoration: none;}

/*cosm*/
.body_cosm .footer a:hover {color: #7F9F54;}
.body_cosm .social-list__item a:hover .svg-fill {fill: #627B41;}
.body_cosm .footer__links .link_svg-white:hover .svg-fill {fill: #7F9F54;}
.body_cosm .footer__links .link_svg-white:hover .svg-stroke {stroke: #7F9F54;}
.body_cosm .footer__menu .nav ul li.current a {color: #7F9F54;}

/*nutr*/
.body_nutr .footer a:hover {color: #5481AB;}
.body_nutr .social-list__item a:hover .svg-fill {fill: #37526B;}
.body_nutr .footer__links .link_svg-white:hover .svg-fill {fill: #5481AB;}
.body_nutr .footer__links .link_svg-white:hover .svg-stroke {stroke: #5481AB;}
.body_nutr .footer__menu .nav ul li.current a {color: #5481AB;}

@media screen and (min-width: 1280px) {
   .footer__in {grid-template-columns: auto 540px; gap: 0 40px;
      grid-template-areas:
      "a d"
      "g ."
      "c ."
      "border border"
      "f e"
      "h b";
   }
   .footer__box-4 {grid-row: span 2; justify-self: end;}
   .footer__box-5 {justify-self: end; width: 540px;}
   .footer__box-2 {justify-self: end; width: 540px;}
}
@media screen and (max-width: 1279px) {
   .footer {padding: 100px 0 95px;}
      .footer__in {grid-template-columns: auto auto auto; gap: 0 40px;
         grid-template-areas:
         "a c c"
         "g . ."
         "d d d"
         "e e b"
         "f f h";
      }
      .footer__box-2 {justify-self: end;}
      .footer__box-3 {justify-self: end;}
      .footer__logo {margin-bottom: 0;}
      .footer__menu .nav ul {margin-bottom: -20px;}
         .footer__menu .nav ul li a {margin-bottom: 20px;}
      .footer__box-3 {margin-bottom: 40px;}
      .footer__contacts {margin-bottom: 50px;}
      .footer__policy {margin-bottom: 0;}
         .footer__policy > div, .footer__links > div {margin-bottom: 12px;}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
   .footer__logo {transform: translateY(-40%);}
   .footer__menu {border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; margin: 20px 0 30px; padding: 50px 0;}
      .footer__menu .nav {margin: 0 auto;}
   .footer__contacts {padding-right: 20px;}
   .footer__copy {margin-bottom: 0;}
   .footer__dev {text-align: right;}
}
@media screen and (max-width: 767px) {
   .footer {padding: 80px 0 130px;}
      .footer__in {display: block;}
         .footer__box-1 {margin: 0 -40px 30px; padding: 0 40px 30px; border-bottom: 1px solid #D9D9D9;}
            .footer__logo {max-width: 55vw;}
         .social-list {-webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
         .footer__phone {font-size: 27px; margin-bottom: 40px; text-align: center;}
         .footer__menu .nav {width: 100%;}
         .footer__box-3 {text-align: center; margin: 0 -40px 30px; padding: 0 40px 30px; border-bottom: 1px solid #D9D9D9;}
         .footer__box-4 {margin: 0 -40px 30px; padding: 0 40px 30px; border-bottom: 1px solid #D9D9D9;}
         .footer__contacts {margin-bottom: 25px;}
         .footer__box-6 {margin: 0 -40px 30px; padding: 0 40px 30px; border-bottom: 1px solid #D9D9D9;}
         .footer__copy, .footer__dev {text-align: center;}
}
@media screen and (max-width: 480px) {
   .footer {padding: 60px 0 100px;}
      .footer__box-1 {margin: 0 -20px 30px; padding: 0 20px 30px;}
      .footer__box-3 {margin: 0 -20px 30px; padding: 0 20px 30px;}
      .footer__box-4 {margin: 0 -20px 30px; padding: 0 20px 30px;}
      .footer__box-6 {margin: 0 -20px 30px; padding: 0 20px 30px;}
         .footer__menu .nav ul {-webkit-columns: auto; columns: auto; margin-bottom: 0;}
            .footer__menu .nav ul li:last-child a {margin-bottom: 0;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .footer {padding: 60px 0 100px;}
}
   

/*====================================================
   .modal-block
====================================================*/
.modal-block {visibility: hidden; position: fixed; top: 0; left: 0; right: 0; height: 100%; letter-spacing: normal; z-index: 100;}
.modal-block.visible {visibility: visible;}
   .modal-block__overlay {opacity: 0; visibility: hidden; height: 100%; padding: 0 40px; position: relative; z-index: 100; background: rgba(0,0,0,.5); transition: all 0.4s ease 0s;}
   .text__popup .modal-block__overlay {background: none;}
   .modal-block.visible .modal-block__overlay {visibility: visible; opacity: 1;}
      .modal-block__inner {opacity: 0; visibility: hidden; position: relative; width: 100%; max-width: 1440px; max-height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 7vh 7.3vw; text-align: left; line-height: 1.4; transform: scale(0.5); will-change: transform; transition: all 0.4s ease 0s;}
      .modal-block.visible .modal-block__inner {opacity: 1; visibility: visible; transform: scale(1);}
         .modal-block__title {margin-bottom: 10px;}
            .modal-block__title h2, .modal-block__title .h2 {margin-bottom: 0;}
            .modal-block__title h3, .modal-block__title .h3 {font-family: "RobotoMedium"; font-size: 50px; margin-bottom: 0;}
         .modal-block__subtitle {margin-bottom: 40px;}
         .modal-block__selection {padding: 20px 30px 30px; background: #295948; border: 1px solid #FFF;}
            .modal-block__selection .form__legend {margin-bottom: 15px;}
         .modal-block__leafs {position: absolute; bottom: 0; left: 0; opacity: 0.3; max-width: 50%;}
            .modal-block__leafs svg {width: 100%; height: auto;}
         .modal-block__form .form__submit .btn {width: 293px;}

/*contact*/
.modal-block__box_top {margin-bottom: 40px;}

/*form submit*/
.modal-block__inner_submit {max-width: 585px;}
   .modal-block__form-submit {text-align: center; padding-top: 100px; position: relative;}
      .modal-block__form-submit:before {content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 60px; margin-left: -30px; background: url('../i/ok-icon.svg') 0 0 / contain no-repeat;}

.modal-block__inner_simple {max-width: 768px;}

/*company*/
.company-slider__title {margin-bottom: 120px;}
   .company-slider__title h3, .company-slider__title .h3 {font-family: "RobotoMedium"; font-size: 50px; margin-bottom: 0;}

@media screen and (min-width: 1367px) {
   /*company*/
   /*.modal-block__slider .company-slider {margin: 0 -90px; padding: 0 90px;}*/
   .modal-block__slider .company-slider__nav .swiper-button-prev {left: 0;}
   .modal-block__slider .company-slider__nav .swiper-button-next {right: 0;}
}
@media screen and (min-width: 1025px) {
   /*contact*/
   .modal-block__box_top .modal-block__box-1 {float: left; width: calc(100% - 320px); padding-right: 30px;}
      .modal-block__box_top .modal-block__subtitle {margin-bottom: 0;}
   .modal-block__box_top .modal-block__box-2 {width: 320px; float: right;}

   /*order*/
   .modal-block__box-content {margin-top: 40px;}
   .modal-block__box-content .modal-block__box-1, .modal-block__box-content .modal-block__box-3 {width: 45%; float: left;}
   .modal-block__box-content .modal-block__box-2, .modal-block__box-content .modal-block__box-4 {width: 55%; float: right; padding-left: 5.95vw;}
   .modal-block__box-content .modal-block__box-4 {clear: right;}
}
@media screen and (min-width: 1280px) {
   /*contact*/
   .modal-block__box_top .modal-block__box-1 {width: calc(100% - 448px);}
   .modal-block__box_top .modal-block__box-2 {width: 448px;}
      .modal-block__selection {padding: 20px 50px;}
   .modal-block__selection .form__legend {font-size: 28px;}

   /*order*/
   .modal-block__box-content .modal-block__box-1, .modal-block__box-content .modal-block__box-3 {width: 455px;}
   .modal-block__box-content .modal-block__box-2, .modal-block__box-content .modal-block__box-4 {width: calc(100% - 455px);}
}
@media screen and (min-width: 1921px) {
   .modal-block__inner {padding: 80px 140px;}
}
@media screen and (max-height: 768px) and (orientation: landscape) {
   .modal-block__inner {padding-top: 40px; padding-bottom: 40px;}
}  
@media screen and (max-width: 1279px) {
   .modal-block__selection {max-width: 420px;}
   .company-slider__title {margin-bottom: 50px;}
   .company-slider__title h3, .company-slider__title .h3 {font-size: 40px;}
}
@media screen and (max-width: 1024px) {
   .modal-block__inner {font-size: 18px;}
   .modal-block__leafs {display: none;}
}   
@media screen and (max-width: 767px) {
   .modal-block__inner {padding: 60px 40px;} 
      .modal-block__box {margin-bottom: 40px;}
         .modal-block__box .modal-block__selection {width: 100%;} 
            .modal-block__box .modal-block__selection .form__group {max-width: 280px;}
      .company-slider__title {margin-bottom: 10px;}
      .company-slider__title h3, .company-slider__title .h3 {font-size: 18px;}
}
@media screen and (max-width: 480px) {
   .modal-block__overlay {padding: 0;}
      .modal-block__inner {padding: 60px 20px 80px;}  
         .modal-block__box {margin-bottom: 35px;}
            .modal-block__selection {padding: 20px;}
         .modal-block .form__submit .btn {width: 186px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .modal-block__overlay {padding: 0;}
      .modal-block__inner {padding: 60px 20px 80px;}  
         .modal-block__box {margin-bottom: 35px;}
            .modal-block__selection {padding: 20px;}  
         .modal-block .form__submit .btn {width: 186px;}
}
@media screen and (max-width: 926px) and (orientation: landscape) {
   .modal-block__form .form__fieldset {margin-left: -30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
      .modal-block__form .form__fieldset > div {width: 50%; padding-left: 30px;}
         .modal-block__box .modal-block__selection {max-width: calc(50% - 15px);}
}
                        

/*====================================================
   .back-top
====================================================*/
.back-top {opacity: 0; visibility: hidden; position: fixed; bottom: 40px; bottom: 120px; right: 40px; width: 60px; height: 60px; border: 1px solid #FFF; border-radius: 100%; overflow: hidden; z-index: 10; cursor: pointer; filter: contrast(0.5); transition: all 0.3s ease-in-out 0s;}
.back-top:hover {background: rgba(2, 27, 38, 0.5); filter: contrast(1);}
.back-top.visible {opacity: 1; visibility: visible;}
   .back-top svg {position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -12px; width: 24px; height: 28px; z-index: 200}
   .no-touchevents .back-top:hover svg, .touchevents .back-top:active svg {animation: overflow-repeat-y .3s ease-out;}

@media screen and (max-width: 1024px) {
   .back-top {width: 40px; height: 40px; bottom: 40px;}
      .back-top svg {margin: -10px 0 0 -8px; width: 16px; height: 20px;}
}
@media screen and (max-width: 480px) {
   .back-top {bottom: 20px; bottom: 80px; right: 20px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .back-top {bottom: 20px; right: 20px;}
}


/*====================================================
   .cookies
====================================================*/
.cookies {position: fixed; width: 100%; bottom: 40px; left: 0; z-index: 10;}
.cookies.hide {display: none;}
   .cookies__in {width: 614px; max-width: 100%; padding: 50px; font-size: 16px; position: relative; opacity: 0; transform: translateY(calc(100% + 40px)); transition: opacity 0.4s ease-in-out 0s, transform 0.7s ease-out 0.2s;}
   .cookies.show .cookies__in {opacity: 1; transform: translateY(0);}
      .cookies-accept__text {padding-right: 20px; font-size: 16px;}
      .cookies-accept__button .btn {width: auto; padding-left: 30px; padding-right: 30px;}
   .cookies .link_close {width: 15px;}
      .cookies .link_close:before, .cookies .link_close:after {top: 6px; left: -3px; width: 20px;}

@media screen and (min-width: 1280px) {
   .cookies {bottom: 80px;}
      .cookies__in {transform: translateY(calc(100% + 80px));}
}
@media screen and (max-width: 1279px) {
   .cookies__in {padding: 40px;}
}
@media screen and (max-width: 767px) {
   .cookies__in {font-size: 14px;}
}
@media screen and (max-width: 480px) {
   .cookies {bottom: 20px;}
      .cookies__in {padding: 30px 20px; transform: translateY(calc(100% + 20px));} 
         .cookies__accept {display: block;} 
            .cookies-accept__text {padding-right: 0; margin-bottom: 20px;}
            .cookies-accept__button {text-align: center;}
}
@media screen and (max-width: 767px) and (orientation: landscape)  {
   .cookies {bottom: 20px;}
      .cookies__in {padding: 30px 20px; transform: translateY(calc(100% + 20px));} 
}


/*====================================================
   Swiper slider (Swiper 8.3.2, https://swiperjs.com)
====================================================*/
.swiper.swiper-initialized {position: relative; overflow: hidden; list-style: none; z-index: 1;}
.swiper-vis {overflow: visible;}
.swiper-vertical > .swiper-wrapper {flex-direction: column;}
.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; align-items: stretch; transition-property: transform; box-sizing: content-box;}
.swiper:not(.swiper-initialized) .swiper-wrapper {width: auto;}
.swiper:not(.swiper-initialized) .swiper-wrapper.flex {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.swiper:not(.swiper-initialized) .swiper-wrapper.flex_nowrap {-webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.swiper.swiper-initialized .swiper-wrapper.flex {-webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.swiper.swiper-initialized.swiper-grid > .swiper-wrapper {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.swiper.swiper-initialized.swiper-grid-column > .swiper-wrapper {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /*flex-direction: column;*/}
.swiper-android .swiper-slide, .swiper-wrapper {transform: translate3d(0,0,0);}
.swiper-pointer-events {touch-action:pan-y}
.swiper-pointer-events.swiper-vertical {touch-action:pan-x}
.swiper.swiper-initialized .swiper-slide {flex-shrink: 0; transition-property: transform;}
.swiper-slide-invisible-blank {visibility: hidden;}
.swiper-autoheight, .swiper-autoheight .swiper-slide {height: auto;}
.swiper-autoheight .swiper-wrapper {align-items: flex-start; transition-property: transform,height;}
.swiper-backface-hidden .swiper-slide {-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.swiper-centered > .swiper-wrapper::before {content:''; flex-shrink: 0; order: 9999;}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {height: 100%; min-height: 1px;}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {width: 100%; min-width: 1px;}
.swiper-centered > .swiper-wrapper>.swiper-slide {scroll-snap-align: center center;}
.swiper-free-mode > .swiper-wrapper {transition-timing-function: ease-out;}
.swiper-fade.swiper-free-mode .swiper-slide {transition-timing-function: ease-out;}
.swiper-fade .swiper-slide {pointer-events:none; transition-property: opacity;}
.swiper-fade .swiper-slide {pointer-events: none; opacity: 0 !important;}
.swiper-fade .swiper-slide-active {pointer-events: auto; opacity: 1 !important;}
.swiper .swiper-notification {position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000;}

/*buttons*/
.swiper-button {cursor: pointer; z-index: 5;}
.swiper-button {position: absolute; top: 50%; margin-top: -34px; width: 35px; height: 68px;}
.swiper-button.swiper-button_arrow-pos {top: 0; margin-top: 0 !important;}
.swiper-button-prev {left: 0;}
.swiper-button-next {right: 0;}
   .swiper-button:before, .swiper-button:after {content: ''; position: absolute; width: 46px; height: 1px; background: #000; transition: background 0.3s ease 0s; z-index: 1;}
   .swiper-button:hover:before, .swiper-button:hover:after {background: #A00006;}
   .swiper-button-prev:before, .swiper-button-next:before {top: 17px;}
   .swiper-button-prev:after, .swiper-button-next:after {bottom: 17px;}
   .swiper-button-prev:before, .swiper-button-prev:after {right: -5px;}
   .swiper-button-next:before, .swiper-button-next:after {left: -5px;}
   .swiper-button-prev:before, .swiper-button-next:after {transform: rotate(-45deg);}
   .swiper-button-prev:after, .swiper-button-next:before {transform: rotate(45deg);}

.swiper-button.swiper-button-disabled {cursor: default; opacity: 0.5; pointer-events: none;}
.swiper-button.swiper-button-hidden {opacity: 0; cursor: auto; pointer-events: none;}
.swiper-navigation-disabled .swiper-button {display: none !important;}
.swiper-button.swiper-button-lock {display: none;}

/*circle*/
.swiper-button_circle {width: 110px; height: 110px; margin-top: -55px; background: rgba(122, 122, 122, 0.05); transition: all 0.3s ease 0s;}
.swiper-button_circle:hover {background: rgba(122, 122, 122, 0.09);}
   .swiper-button_circle:hover:before, .swiper-button_circle:hover:after {background: #000;}
   .swiper-button_circle.swiper-button-prev:before, .swiper-button_circle.swiper-button-next:before {top: 50%; margin-top: -17px;}
   .swiper-button_circle.swiper-button-prev:after, .swiper-button_circle.swiper-button-next:after {bottom: 50%; margin-bottom: -16px;}
   .swiper-button_circle.swiper-button-prev:before, .swiper-button_circle.swiper-button-prev:after {right: 50%; margin-right: -17px;}
   .swiper-button_circle.swiper-button-next:before, .swiper-button_circle.swiper-button-next:after {left: 50%; margin-left: -17px;}

@media screen and (max-width: 1279px) {
   .swiper-button:not(.swiper-button_circle) {margin-top: -20px; width: 20px; height: 40px;}
   .swiper-button:not(.swiper-button_circle):before, .swiper-button:not(.swiper-button_circle):after {width: 27px;}
   .swiper-button-prev:not(.swiper-button_circle):before, .swiper-button-next:not(.swiper-button_circle):before {top: 10px;}
   .swiper-button-prev:not(.swiper-button_circle):after, .swiper-button-next:not(.swiper-button_circle):after {bottom: 10px;}
   .swiper-button-prev:not(.swiper-button_circle):before, .swiper-button-prev:not(.swiper-button_circle):after {right: -4px;}
   .swiper-button-next:not(.swiper-button_circle):before, .swiper-button-next:not(.swiper-button_circle):after {left: -4px;}
}

/*pagination*/
.swiper-pagination, .slider-dots ul {display: block; height: 10px; padding: 20px 0 0; margin: 0 0 0 -10px; font-size: 0; line-height: 0;}
   .swiper-pagination-bullet, .slider-dots li {display: inline-block; width: 10px; height: 10px; padding: 0; margin: 0 0 0 10px; background: #FFF; z-index: 5; cursor: pointer; transition: all 0.3s ease 0s;}
   .swiper-pagination-bullet-active, .swiper-pagination-bullet-active:hover, .slider-dots li:hover, .slider-dots li.active {background: #FF0000;}
   button.swiper-pagination-bullet {border: none; box-shadow: none; -webkit-appearance: none; appearance: none;}
      .slider-dots li:before {display: none;}
   .swiper-pagination.swiper-pagination-hidden {opacity: 0;}
   .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {display: none !important;}

@media screen and (max-width: 480px) {
   .swiper-pagination, .slider-dots ul {height: 7px; margin-left: -7px;}
      .swiper-pagination-bullet, .slider-dots li {width: 7px; height: 7px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .swiper-pagination, .slider-dots ul {height: 7px; margin-left: -7px;}
      .swiper-pagination-bullet, .slider-dots li {width: 7px; height: 7px;}
}

/*scrollbar*/
.swiper-scrollbar {position: relative; -ms-touch-action: none; background: #E6F0EC;}
.swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled, .swiper:not(.swiper-initialized) .swiper-scrollbar {display: none!important;}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%;}
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar {position: absolute; right: 6px; top: 10px; z-index: 50; width: 6px;height: calc(100% - 20px);}
.swiper-scrollbar-drag {height: 100%; width: 100%; position: relative; background: #9DA2A7; left: 0; top: 0;}
.swiper-scrollbar-cursor-drag {cursor: move;}
.swiper-scrollbar-lock {display: none;}


/*====================================================
   FancyBox v2.1.5
====================================================*/
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;}
.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}
.fancybox-skin {position: relative;background:#FFF;color: #FFF;text-shadow: none;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {box-shadow: 0 10px 25px rgba(0,0,0,0.7);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}
.fancybox-image {max-width: 100%;max-height: 100%;}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;height: 44px;background: url('../i/fancybox/fancybox_loading.gif') center center no-repeat;}

.fancybox-close {position: absolute; top: 20px; right: 20px; width: 36px; height: 36px; border-radius: 100%; background: #FF0000; opacity: 0.8; cursor: pointer; z-index: 2; transition: all 0.3s ease 0s; cursor: pointer;z-index: 8040;}
.fancybox-close:hover {opacity: 1;}
.fancybox-close:before, .fancybox-close:after {content: ''; position: absolute; top: 17px; bottom: auto; left: 5px; width: 26px; height: 2px; background: #FFF;}
.fancybox-close:before {transform: rotate(45deg);}
.fancybox-close:after {transform: rotate(-45deg);}
.fancybox-close:hover:after {width: 26px;}

@media screen and (max-width: 480px) {
   .fancybox-close {width: 24px; height: 24px;}
      .fancybox-close:before, .fancybox-close:after {top: 11px; left: 4px; width: 16px;}
      .fancybox-close:hover:after {width: 16px;}
}

.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url('../i/fancybox/blank.gif'); /* helps IE */-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}
.fancybox-prev, .fancybox-prev span {left: 0;}
.fancybox-next, .fancybox-next span {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 54px;height: 54px;margin-top: -27px; background: rgba(0,0,0,.55); cursor: pointer; z-index: 8040; visibility: hidden; opacity: 0; transition: all 0.2s ease 0s;}
.fancybox-nav:hover span {opacity: 1; visibility: visible;}
.fancybox-nav span:before, .fancybox-nav span:after {content: ''; position: absolute; top: 25px; width: 24px; height: 2px; background: #FFF; transition: all 0.2s ease 0s;}
.fancybox-prev span:before, .fancybox-prev span:after {left: 13px;}
.fancybox-next span:before, .fancybox-next span:after {left: 17px;}
.fancybox-prev span:before, .fancybox-next span:after {transform: rotate(45deg);}
.fancybox-prev span:after, .fancybox-next span:before {transform: rotate(-45deg);}
.fancybox-prev span:before, .fancybox-next span:before {margin-top: 9px;}
.fancybox-prev span:after, .fancybox-next span:after {margin-top: -7px;}

@media screen and (max-width: 480px) {
   .fancybox-nav span {width: 38px;height: 38px;margin-top: -19px;}
      .fancybox-nav span:before, .fancybox-nav span:after {top: 18px; width: 15px;}
      .fancybox-prev span:before, .fancybox-prev span:after {left: 10px;}
      .fancybox-next span:before, .fancybox-next span:after {left: 12px;}
      .fancybox-prev span:before, .fancybox-next span:before {margin-top: 5px;}
      .fancybox-prev span:after, .fancybox-next span:after {margin-top: -5px;}
}

.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;}
/* Overlay helper */
.fancybox-lock {overflow: hidden !important;width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: rgba(0,0,0,.5);}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
/* Title helper */
.fancybox-title {visibility: hidden;opacity: 0; font-size: 12px; line-height: 1.7; color: #FFF; position: absolute; bottom: 0; left: 0; padding: 10px 20px; background: rgba(0,0,0,0.8); text-shadow: none;z-index: 8050; transition: all 0.2s ease 0s;}
.fancybox-opened .fancybox-title {visibility: visible; opacity: 1;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent; /* Fallback for web browsers that doesn't support RGBa */background: rgba(0,0,0,0.8);border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #FFF;}
.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #FFF;padding: 10px;background: #000;background: rgba(0,0,0,0.8);}
.fancybox-title .tb, .fancybox-title .tb-cell {display: block;}
.fancybox-title p {margin-bottom: 0;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
      only screen and (min--moz-device-pixel-ratio: 1.5),
      only screen and (min-device-pixel-ratio: 1.5){

   #fancybox-loading div {
      background-image: url('fancybox_loading@2x.gif');
      background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
   }
}


/*====================================================
   Animation keyframes
====================================================*/
/*slide down*/
@keyframes slideDown {
   from {
      transform: translateY(-100%)
   } 
   to {
      transform: translateY(0)
   }
}

/*slide up*/
@keyframes slideUp {
   from {
      transform: translateY(100%)
   } 
   to {
      transform: translateY(0)
   }
}

/*zoom*/
@keyframes zoomOut {
   0% {
     transform: scale(1.1)
   }
   to {
     transform: scale(1)
   }
}
@keyframes zoomIn {
   0% {
     transform: scale(1)
   }
   to {
     transform: scale(1.1)
   }
}
@keyframes zoomInOut {
   0% {
      transform: scale(1);
   }
   50% {
      transform: scale(1.2);
   }
   100% {
      transform: scale(1);
   }
}

/*press*/
@keyframes press {
   0% {
      transform: scale(1);
   }
   50% {
      transform: scale(0.92);
   }
   100% {
      transform: scale(1);
   }
}
   
/*hang-y*/
@keyframes hang-y {
   0% {
      transform: translateY(0%); 
   }
   50% {
      transform: translateY(10px); 
   }  
   100% {
      transform: translateY(0%);
   }        
}

/*hang-x*/
@keyframes hang-x {
   0% {
      transform: translateX(0%); 
   }
   50% {
      transform: translateX(10%); 
   }  
   100% {
      transform: translateX(0%);
   }        
}

/*overflow-repeat-x*/
@keyframes overflow-repeat-x {
   0%, 100% {
      transform: translate(0)
   }
   69.999% {
      transform: translate(300%)
   }
   70% {
      transform: translate(-100%)
   }
}

/*overflow-repeat-y*/
@keyframes overflow-repeat-y {
   0% {
      top: 50%
   }
   49.999% {
      top: -10%
   }
   50% {
      top: 110%
   }
   100% {
      top: 50%
   }
}

/*pulse*/
@keyframes pulse {
   0% {
      transform: scale(1);
   }
   40% {
      transform: scale(1.05);
   }
   80% {
      transform: scale(1);
   }
   100% {
      transform: scale(1);
   }
}

/*sonar-effect*/
@keyframes sonar-effect {
   from {
      opacity: 0.4;
   }
   to {
      transform: scale(1.2);
      opacity: 0;
   }
}

/*scaleIn*/
@keyframes scaleIn {
   0% {
      transform: scale(0);
   }
   40% {
      transform: scale(1.05);
   }
   80% {
      transform: scale(1);
   }
   100% {
      transform: scale(1);
   }
}