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,
font,
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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  display: block;
}

h1 {
  font-size: 190%;
}

h2 {
  font-size: 160%;
}

h3 {
  font-size: 140%;
}

h4 {
  font-size: 130%;
}

h5 {
  font-size: 120%;
}

h6 {
  font-size: 110%;
}

ul,
ol {
  padding: 0px 0 10px 27px;
}

p {
  display: block;
  width: 100%;
  padding: 10px 0;
}

input[type="submit"] {
  cursor: pointer;
}

.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}

.owl-carousel.owl-hidden {
  opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab
}

.owl-carousel.owl-rtl {
  direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
  float: right
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
  z-index: 0
}

.owl-carousel .owl-animated-out {
  z-index: 1
}

.owl-carousel .fadeOut {
  animation-name: fadeOut
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

.owl-height {
  transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(/themes/pharmocean/css/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-regular.eot);
  src: url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-regular.eot#iefix) format('embedded-opentype'), url(../fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-regular.woff2) format('woff2'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-regular.woff) format('woff'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-regular.ttf) format('truetype'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-regular.svg#OpenSans) format('svg');
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-italic.eot);
  src: url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-italic.eot#iefix) format('embedded-opentype'), url(../fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-italic.woff2) format('woff2'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-italic.woff) format('woff'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-italic.ttf) format('truetype'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-italic.svg#OpenSans) format('svg');
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-500italic.eot);
  src: url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-500italic.eot#iefix) format('embedded-opentype'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-500italic.woff2) format('woff2'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-500italic.woff) format('woff'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-500italic.ttf) format('truetype'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-500italic.svg#OpenSans) format('svg');
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-600.eot);
  src: url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-600.eot#iefix) format('embedded-opentype'), url(../fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-600.woff2) format('woff2'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-600.woff) format('woff'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-600.ttf) format('truetype'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-600.svg#OpenSans) format('svg');
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-600italic.eot);
  src: url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-600italic.eot#iefix) format('embedded-opentype'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-600italic.woff2) format('woff2'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-600italic.woff) format('woff'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-600italic.ttf) format('truetype'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-600italic.svg#OpenSans) format('svg');
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-700.eot);
  src: url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-700.eot#iefix) format('embedded-opentype'), url(../fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-700.woff2) format('woff2'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-700.woff) format('woff'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-700.ttf) format('truetype'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-700.svg#OpenSans) format('svg');
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-700italic.eot);
  src: url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-700italic.eot#iefix) format('embedded-opentype'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-700italic.woff2) format('woff2'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-700italic.woff) format('woff'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-700italic.ttf) format('truetype'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-700italic.svg#OpenSans) format('svg');
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-800.eot);
  src: url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-800.eot#iefix) format('embedded-opentype'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-800.woff2) format('woff2'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-800.woff) format('woff'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-800.ttf) format('truetype'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-800.svg#OpenSans) format('svg');
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-800italic.eot);
  src: url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-800italic.eot#iefix) format('embedded-opentype'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-800italic.woff2) format('woff2'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-800italic.woff) format('woff'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-800italic.ttf) format('truetype'), url(/themes/pharmocean/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin-800italic.svg#OpenSans) format('svg');
}

@font-face {
  font-family: 'Myriad Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Myriad Pro'), url(/themes/pharmocean/fonts/MYRIADPRO-REGULAR.woff) format('woff');
}

@font-face {
  font-family: 'Myriad Pro';
  font-style: italic;
  font-weight: 400;
  src: local('Myriad Pro'), url(/themes/pharmocean/fonts/MYRIADPRO-CONDIT.woff) format('woff');
}

@font-face {
  font-family: 'Myriad Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Myriad Pro'), url(/themes/pharmocean/fonts/MyriadPro-Light.woff) format('woff');
}

@font-face {
  font-family: 'Myriad Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Myriad Pro'), url(/themes/pharmocean/fonts/MYRIADPRO-SEMIBOLD.woff) format('woff');
}

@font-face {
  font-family: 'Myriad Pro';
  font-style: italic;
  font-weight: 600;
  src: local('Myriad Pro'), url(/themes/pharmocean/fonts/MYRIADPRO-SEMIBOLDIT.woff) format('woff');
}

@font-face {
  font-family: 'Myriad Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Myriad Pro'), url(/themes/pharmocean/fonts/MYRIADPRO-BOLDCOND.woff) format('woff');
}

@font-face {
  font-family: 'Myriad Pro';
  font-style: italic;
  font-weight: 700;
  src: local('Myriad Pro'), url(/themes/pharmocean/fonts/MYRIADPRO-BOLDIT.woff) format('woff');
}

@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 300;
  src: local('Bebas Neue'), url(../fonts/BebasNeue_Light.woff) format('woff');
}

#slider .content .box .block-link,
#slider .content .box,
.small-awards .owl-stage .owl-item,
.okeanopedia .pager a,
#contextual-term .texts,
footer.content-footer .right ul.social a {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

#slider .content .box .block-text {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

#slider .content .box h2,
body.overflow .wrapper::after,
header.content-header nav .empty_bg,
header.content-header nav .m_menu,
#block-pharmocean-nodeformblock #edit-actions input[type="submit"],
#reviews .more-link a,
#reviews .reviews .content.owl-carousel .owl-item,
.components .owl-carousel .owl-stage-outer .owl-item .item,
.videoBlock .owl-carousel .owl-stage-outer .owl-item .item,
.products-page .node--type-product .btn,
.js-pager__items.pager a,
main.ima .sidebar-left ul.menu li a,
.small-awards .views-row,
.small-awards .views-row a,
.small-awards .owl-stage .owl-item img,
.small-awards .owl-stage .owl-item,
.okeanopedia .content .item-article,
.okeanopedia .more-link a,
#block-review .btn,
#block-review .owl-item,
#slider .content .video a,
header.content-header a.buy,
footer.content-footer .right .buy a,
footer.content-footer .right #unisender-block form input[type="submit"] {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@-webkit-keyframes gradient {
  100% {
    background-position: 100% 100%;
  }
}

@keyframes gradient {
  100% {
    background-position: 100% 100%;
  }
}

html {
  height: 100%;
  scrollbar-gutter: stable;
}

body {
  min-height: 100%;
  background: #fff;
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 100%;
  position: relative;
}

:root {
  --color-blue: #132468;
  --color-blue02: rgba(19, 36, 104, 0.2);
  --color-blue03: rgba(19, 36, 104, 0.3);
  --color-blue05: rgba(19, 36, 104, 0.5);
  --color-blue04: rgba(19, 36, 104, 0.4);
  --color-blue075: rgba(19, 36, 104, 0.75);
  --color-top-blue: #2B9FC8;
  --color-white: #ffffff;
  --color-light-grey: #F1F1F1;
  --color-white08: rgba(255, 255, 255, 0.8);
  --color-white07: rgba(255, 255, 255, 0.7);
  --color-white06: rgba(255, 255, 255, 0.6);
  --color-white05: rgba(255, 255, 255, 0.5);
  --color-white04: rgba(255, 255, 255, 0.4);
  --color-white03: rgba(255, 255, 255, 0.3);
  --color-white025: rgba(255, 255, 255, 0.25);
  --color-white02: rgba(255, 255, 255, 0.2);
  --color-white01: rgba(255, 255, 255, 0.2);
  --color-black: rgba(0, 0, 0, 1);
  --color-black05: rgba(0, 0, 0, 0.5);
  --color-black02: rgba(0, 0, 0, 0.2);
  --volor-light-grey: #D8E4FF;
  --volor-light-pink: #E2D8FF;
  --volor-light-green: #E5FFD8;
  --color-grey: #F1F1F1;
  --color-greybl: rgb(201, 201, 201);
  --color-greyB: #DDD7D7;
  --color-shadow: #838CAC38;
  --color-shadow2: #838CAC26;
  --gral-green: linear-gradient(261.55deg, #10AB04 -0.19%, #174200 100%);
  --gral-green-ower: linear-gradient(261.55deg, #174200 -0.19%, #10AB04 100%);
  --gral-green-grey: linear-gradient(114.41deg, #FFFFFF 4.11%, #C8C8C8 100%);
  --grad-blue: linear-gradient(84.49deg, #01488B 0%, #007BBB 100.16%);
  --grad-grey: linear-gradient(114.41deg, #FFFFFF 4.11%, #C8C8C8 100%);
  --grad-grey2: linear-gradient(114.41deg, #C8C8C8 4.11%, #FFFFFF 100%);
  --grad-fon: linear-gradient(88.45deg, #01488B 1.7%, #0A7CAF 35.46%, #0A8EBB 59.44%, #007BBB 97.78%);
  --grad-black: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 53.22%);
  --grad-popup: linear-gradient(0deg, #132468, #132468);
  --grad-tovar: linear-gradient(106.77deg, rgba(249, 249, 249, 0.4) 3.07%, rgba(202, 203, 203, 0.4) 95.02%);
  --gradbtn-green: linear-gradient(261.55deg, #10AB04 -0.19%, #174200 100%);
  --gradbtn-ozon: linear-gradient(90deg, #0052D4 0%, #4364F7 50%, #6FB1FC 100%);
  --gradbtn-wb: linear-gradient(90deg, #9400D3 0%, #4B0082 100%);
  --gradbtn-yandex: linear-gradient(90deg, #FFE259 0%, #FFA751 100%);
  --gradbtn-zdravisty: linear-gradient(90deg, #ff8656 0%, #ff5f08 100%);
  --14: 0.875em;
  --16: 1em;
  --18: 1.125em;
  --20: 1.25em;
  --22: 1.375em;
  --23: 1.438em;
  --25: 1.563em;
  --26: 1.625em;
  --28: 1.75em;
  --30: 1.875em;
  --35: 2.188em;
  --38: 2.375em;
  --45: 2.813em;
  --65: 4.063em;
}

a {
  color: #007BBB;
  text-decoration: underline;
}

a.active,
a:hover {
  text-decoration: none;
}

.messages {
  padding: 20px;
  border-radius: 40px;
  line-height: 130%;
}

.messages a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dashed #fff;
}

.messages ul,
.messages li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.messages.info {
  background: rgba(154, 203, 36, 0.8);
  color: #ffffff
}

.messages.success {
  background: rgba(154, 203, 36, 0.8);
  color: #ffffff
}

.messages.error {
  background: #F30000;
  color: #ffffff
}

.messages.warning {
  background: rgba(255, 159, 14, 0.8);
  color: #ffffff
}

.messages.status h2 {
  background-position: 0 0;
}

.messages.error h2 {
  background-position: 0 -71px;
}

.messages.warning h2 {
  background-position: 0 -35px;
}

.wrapper {
  width: 100%;
  overflow-y: visible;
  overflow-x: clip;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 9;
  background-repeat: no-repeat;
}

.conteiner {
  width: 100%;
  float: left;
}

.block-region {
  padding: .2em;
  background: var(--color-light-grey);
  border: 1px dashed #999;
  text-align: center;
  font-size: 0.9em;
}

.header-top {
  height: 93px;
  position: relative;
  z-index: 9;
}

.header-top .first {
  background: -webkit-gradient(linear, left top, right top, from(#82C8FF), color-stop(13.11%, #6EA6EF), color-stop(40%, #2C43A1), color-stop(60%, #2C43A1), color-stop(93.28%, #6EA6EF), to(#82C8FF)), #FFFFFF;
  background: linear-gradient(90deg, #82C8FF 0%, #6EA6EF 13.11%, #2C43A1 40%, #2C43A1 60%, #6EA6EF 93.28%, #82C8FF 100%), #FFFFFF;
}

.dark-menu .header-top .first {
  background: var(--color-white);
}

.header-top .first>div {
  height: 57px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-white);
  font-size: var(--20);
  font-weight: 600;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}

.header-top .first>div .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}

.header-top .first>div .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  column-gap: 4px;
}

.dark-menu .header-top .first div {
  color: var(--color-top-blue);
}

.header-top .first div svg path {
  fill: var(--color-white);
}

.dark-menu .first div svg path {
  fill: var(--color-top-blue);
}

.header-top .first a {
  font-size: 0.8em;
  color: var(--color-white);
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--color-white);
  border-radius: 80px;
  width: 140px;
  height: 34px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}

.header-top .first a::after {
  content: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.2126 2.1501H1.9124M9.2126 2.1501V9.45031M9.2126 2.1501L1.9124 9.45031' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M9.2126 2.1501H1.9124M9.2126 2.1501V9.45031M9.2126 2.1501L1.9124 9.45031' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.dark-menu .header-top .first a {
  color: var(--color-top-blue);
  border-color: var(--color-top-blue);
}

.dark-menu .header-top .first a::after {
  content: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.2126 2.1501H1.9124M9.2126 2.1501V9.45031M9.2126 2.1501L1.9124 9.45031' stroke='%232B9FC8' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M9.2126 2.1501H1.9124M9.2126 2.1501V9.45031M9.2126 2.1501L1.9124 9.45031' stroke='%232B9FC8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.header-top nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--color-white06);
  border: 1px solid var(--color-white06);
  border-left: 0;
  border-right: 0;
  height: 36px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backdrop-filter: blur(16.5px);
  backdrop-filter: blur(16.5px);
}

.header-top nav ul.menu {
  width: 100%;
  max-width: 1920px;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.header-top nav ul.menu li {
  display: block;
  padding: 0;
  margin: 0;
  height: 36px;
  border-right: 1px solid var(--color-white06);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
}

.header-top nav ul.menu li:last-child {
  border: 0;
}

.header-top nav ul.menu li a {
  text-decoration: none;
  color: var(--color-blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 34px;
  width: 100%;
  margin: 1px 0;
}

.header-top nav ul.menu li a:hover {
  color: var(--color-white);
}

.header-top nav ul.menu li:nth-child(1) a:hover {
  background: -webkit-gradient(linear, left top, right top, from(#0042BD), to(#67D1FF)), rgba(255, 255, 255, 0.6);
  background: linear-gradient(90deg, #0042BD 0%, #67D1FF 100%), rgba(255, 255, 255, 0.6);
}

.header-top nav ul.menu li:nth-child(2) a:hover {
  background: -webkit-gradient(linear, left top, right top, from(#AD42FF), to(#D297FF)), rgba(255, 255, 255, 0.6);
  background: linear-gradient(90deg, #AD42FF 0%, #D297FF 100%), rgba(255, 255, 255, 0.6);
}

.header-top nav ul.menu li:nth-child(3) a:hover {
  background: -webkit-gradient(linear, left top, right top, from(#FF4B8B), to(#FBA7C5)), rgba(255, 255, 255, 0.6);
  background: linear-gradient(90deg, #FF4B8B 0%, #FBA7C5 100%), rgba(255, 255, 255, 0.6);
}

.header-top nav ul.menu li:nth-child(4) a:hover {
  background: -webkit-gradient(linear, left top, right top, from(#00723A), to(#038943)), rgba(255, 255, 255, 0.6);
  background: linear-gradient(90deg, #00723A 0%, #038943 100%), rgba(255, 255, 255, 0.6);
}

.header-top nav ul.menu li:nth-child(5) a:hover {
  background: -webkit-gradient(linear, left top, right top, from(#E67C01), to(#FFA337)), rgba(255, 255, 255, 0.6);
  background: linear-gradient(90deg, #E67C01 0%, #FFA337 100%), rgba(255, 255, 255, 0.6);
}

.dark-menu .header-top nav {
  background: -webkit-gradient(linear, left top, right top, from(#82C8FF), color-stop(13.11%, #6EA6EF), color-stop(40%, #2C43A1), color-stop(60%, #2C43A1), color-stop(93.28%, #6EA6EF), to(#82C8FF));
  background: linear-gradient(90deg, #82C8FF 0%, #6EA6EF 13.11%, #2C43A1 40%, #2C43A1 60%, #6EA6EF 93.28%, #82C8FF 100%);
}

.dark-menu .header-top nav ul.menu li a {
  color: var(--color-white);
}

#slider {
  margin: -36px 0 0;
}

header.content-header {
  width: 100%;
  padding: 0;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 999;
  margin: 93px 0 0;
}

header.content-header.open {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), color-stop(40%, rgba(255, 255, 255, 0.2)), to(rgba(1, 76, 143, 0.4)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 40%, rgba(1, 76, 143, 0.4) 100%);
}

.dark-menu header.content-header.open {
  background: rgba(255, 255, 255, 0.2);
}

header.content-header a {
  color: var(--color-white);
  text-decoration: none;
}

header.content-header .header-wrapp {
  padding: 30px 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-column-gap: 50px;
  column-gap: 50px;
  width: calc(100% - 130px);
  max-width: 1420px;
  margin: 0 auto;
}

header.content-header .header-wrapp #block-pharmocean-gdekupit {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

header.content-header .logo {
  margin: -30px 0 -79px 0;
  position: relative;
  z-index: 11;
  max-width: 150px;
}

header.content-header .logo img {
  max-width: 100%;
}

header.content-header nav ul.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-column-gap: 30px;
  column-gap: 30px;
  margin: 15px 0px 0 0;
  padding: 0;
  letter-spacing: 0.01em;
  font-size: var(--16);
  font-weight: 600;
}

header.content-header nav .first {
  display: none;
  visibility: hidden;
}

header.content-header nav .buttom {
  display: none;
  visibility: hidden;
}

header.content-header nav ul.menu a[href="/buy"],
header.content-header nav ul.menu ul.sub-menu {
  display: none;
}

header.content-header nav ul.menu .megamenu {
  width: 100vw;
  max-width: calc(1550px - 130px);
  margin: 40px -100vw 0 -200px;
  padding: 30px 0 0;
  border-top: 1px solid;
  -o-border-image: linear-gradient(90deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.08) 15%, rgba(255, 255, 255, 1) 100%) 1 0 0 0;
  border-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.0)), color-stop(15%, rgba(255, 255, 255, 0.08)), to(rgba(255, 255, 255, 1))) 1 0 0 0;
  border-image: linear-gradient(90deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.08) 15%, rgba(255, 255, 255, 1) 100%) 1 0 0 0;
  position: relative;
  z-index: 9;
  display: none;
}

header.content-header nav ul.menu li.menu-item--megamenu>span>a,
header.content-header nav ul.menu li.menu-item--megamenu>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 5px;
  column-gap: 5px;
}

header.content-header nav ul.menu li.menu-item--megamenu>span>a::after,
header.content-header nav ul.menu li.menu-item--megamenu>a::after {
  content: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' d='M1 1L5 5L9 1' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

header.content-header nav ul.menu li.menu-item--megamenu.open>span>a::after,
header.content-header nav ul.menu li.menu-item--megamenu.open>a::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin: 4px 0 -4px 0;
}

header.content-header nav ul.menu li.menu-item--megamenu.open .megamenu {
  display: block;
}

header.content-header nav ul.menu .megamenu .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  padding: 0 0 30px;
}

header.content-header nav ul.menu .megamenu .top .btn {
  font-weight: 600;
  font-size: var(--16);
  line-height: 100%;
  letter-spacing: 0.01em;
  color: var(--color-white);
  border: 1px solid var(--color-white05);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 80px;
  opacity: 0.7;
  cursor: pointer;
}

header.content-header nav ul.menu .megamenu .top .btn.active,
header.content-header nav ul.menu .megamenu .top .btn:hover {
  opacity: 1;
  -webkit-box-shadow: 3px 3px 11px 0px var(--color-shadow);
  box-shadow: 3px 3px 11px 0px var(--color-shadow)
}

header.content-header nav ul.menu .megamenu .top .btn.catalog {
  margin-left: auto;
}

header.content-header nav ul.menu .megamenu .top .btn span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--color-white025);
  margin: 0px;
  padding: 14px 23px 14px 20px;
  border-radius: 80px;
}

header.content-header nav ul.menu .megamenu .top .btn span::after {
  content: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' d='M1 1L5 5L9 1' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

header.content-header nav ul.menu .megamenu .top .btn.active span::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin: 4px 0 -4px;
}

header.content-header nav ul.menu .megamenu .top .btn.catalog span::after {
  content: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.94698 1.6501H1.64677M8.94698 1.6501V8.95031M8.94698 1.6501L1.64677 8.95031' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.dark-menu header.content-header nav ul.menu li.menu-item--megamenu>span>a::after,
.dark-menu header.content-header nav ul.menu li.menu-item--megamenu>a::after {
  content: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.925781L5 4.92578L9 0.925781' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M1 0.925781L5 4.92578L9 0.925781' stroke='%23132468' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.dark-menu header.content-header nav ul.menu .megamenu {
  border-top: 1px solid var(--color-blue03);
}

.dark-menu header.content-header nav ul.menu .megamenu .top .btn {
  background: rgb(255, 255, 255);
  background: linear-gradient(114.41deg, rgba(255, 255, 255, 1) 4.11%, rgba(200, 200, 200, 1) 100%);
  color: var(--color-blue);
  border: 0;
}

.dark-menu header.content-header nav ul.menu .megamenu .top .btn span {
  background: var(--color-white);
  margin: 1px;
}

.dark-menu header.content-header nav ul.menu .megamenu .top .btn span::after {
  content: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.925781L5 4.92578L9 0.925781' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M1 0.925781L5 4.92578L9 0.925781' stroke='%23132468' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.dark-menu header.content-header nav ul.menu .megamenu .top .btn.catalog span::after {
  content: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.94698 1.6501H1.64677M8.94698 1.6501V8.95031M8.94698 1.6501L1.64677 8.95031' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M8.94698 1.6501H1.64677M8.94698 1.6501V8.95031M8.94698 1.6501L1.64677 8.95031' stroke='%23132468' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

header.content-header nav ul.menu .megamenu .sub {
  display: none;
}

header.content-header nav ul.menu .megamenu .sub.active {
  display: block;
  position: relative;
  z-index: 99;
}

header.content-header nav ul.menu .megamenu ul {
  -webkit-column-count: 4;
  column-count: 4;
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-size: var(--16);
  line-height: 120%;
}

header.content-header nav ul.menu .megamenu ul li {
  padding: 0 20px 15px 0;
  margin: 0;
  display: block;
  float: left;
  width: calc(100% - 20px);
  overflow: hidden;
}

header.content-header nav ul.menu .megamenu ul li a {
  opacity: 1;
}

header.content-header nav ul.menu .megamenu ul li a:hover {
  border-bottom: 1px solid var(--color-white);
}

.dark-menu header.content-header nav ul.menu .megamenu ul li a:hover {
  border-bottom: 1px solid var(--color-blue);
}

header.content-header nav ul.menu .megamenu ul li {
  white-space: normal;
}

header.content-header nav ul.menu li {
  padding: 0;
  margin: 0;
  display: block;
  list-style-type: none;
  white-space: nowrap;
}

:lang(en) header.content-header nav ul.menu li:nth-child(5),
header.content-header nav ul.menu li:nth-child(10),
header.content-header nav ul.menu li:nth-child(8),
header.content-header nav ul.menu li:nth-child(7),
header.content-header nav ul.menu li:nth-child(6),
header.content-header nav ul.menu li:nth-child(3),
header.content-header nav ul.menu li:nth-child(2) {
  display: none;
}

header.content-header ul.links {
  padding: 0px 0 0;
  margin: 15px -20px 0 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  font-size: var(--16);
}

header.content-header #block-pharmocean-searchmayblock form,
header.content-header #search-block-form {
  width: 284px;
  height: 38px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 80px;
  margin: 0 0 -6px;
  overflow: hidden;
  position: relative;
}

header.content-header #search-block-form #edit-actions {
  display: none;
  visibility: hidden;
}

header.content-header #block-pharmocean-searchmayblock [id^="edit-submit"],
header.content-header #block-pharmocean-searchmayblock #edit-submit {
  position: absolute;
  top: 1px;
  right: 1px;
  height: 38px;
  width: 38px;
  border: 0;
  background-color: transparent;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxOSAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDIwLjVMMTUuMTY2NyAxNy42MjEyTTguOTMzMzMgMTcuNjIxMkMxMy4zMTQ4IDE3LjYyMTIgMTYuODY2NyAxNC4wMTI0IDE2Ljg2NjcgOS41NjA2MUMxNi44NjY3IDUuMTA4ODYgMTMuMzE0OCAxLjUgOC45MzMzMyAxLjVDNC41NTE4NyAxLjUgMSA1LjEwODg2IDEgOS41NjA2MUMxIDE0LjAxMjQgNC41NTE4NyAxNy42MjEyIDguOTMzMzMgMTcuNjIxMloiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==");
  background-position: 25% 50%;
  background-repeat: no-repeat;
  border-radius: 0 80px 80px 0;
}

header.content-header #block-pharmocean-searchmayblock input[type="search"],
header.content-header #search-block-form input[type="search"] {
  height: 38px;
  width: 100%;
  padding: 0 20px;
  border: 0;
  background-color: var(--color-white02);
  background-repeat: no-repeat;
  font-size: var(--18);
  color: var(--color-white);
}

#block-pharmocean-searchmayblock-2 form input[type="search"]::-webkit-input-placeholder,
header.content-header #block-pharmocean-searchmayblock input[type="search"]::-webkit-input-placeholder,
header.content-header #search-block-form input[type="search"]::-webkit-input-placeholder {
  color: var(--color-white05);
}

#block-pharmocean-searchmayblock-2 form input[type="search"]:-ms-input-placeholder,
header.content-header #block-pharmocean-searchmayblock input[type="search"]:-ms-input-placeholder,
header.content-header #search-block-form input[type="search"]:-ms-input-placeholder {
  color: var(--color-white05);
}

#block-pharmocean-searchmayblock-2 form input[type="search"]::placeholder,
header.content-header #block-pharmocean-searchmayblock input[type="search"]::placeholder,
header.content-header #search-block-form input[type="search"]::placeholder {
  color: var(--color-white05);
}

header.content-header #search-block-form .form-actions {
  display: none;
}

header.content-header ul.links a,
header.content-header nav ul a {
  opacity: 0.7;
}

header.content-header nav ul .menu-item--active-trail>a,
header.content-header ul.links a.is-active,
header.content-header nav ul a.is-active {
  opacity: 1;
}

.dark-menu header.content-header a {
  color: var(--color-blue);
}

header.content-header a.buy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 170px;
  height: 38px;
  border-radius: 60px;
  font-size: var(--16);
  font-weight: 600;
  color: var(--color-white);
  -webkit-backdrop-filter: blur(150px);
  backdrop-filter: blur(150px);
  background-image: var(--gral-green);
  border: 1px solid var(--color-white04);
  position: relative;
  z-index: 1;
}

header.content-header a.buy::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: var(--gral-green-ower);
  z-index: -1;
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  opacity: 0;
  border-radius: 60px;
}

header.content-header a.buy:hover::before {
  opacity: 1;
}

.dark-menu header.content-header {
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  -o-border-image: var(--grad-grey);
  border-image: var(--grad-grey);
  -webkit-backdrop-filter: blur(33px);
  backdrop-filter: blur(33px);
  -webkit-box-shadow: 3px 3px 11px 0px var(--color-shadow);
  box-shadow: 3px 3px 11px 0px var(--color-shadow)
}

.dark-menu header.content-header #block-pharmocean-searchmayblock form,
.dark-menu header.content-header #search-block-form {
  background: rgb(255, 255, 255);
  background: linear-gradient(150deg, rgba(255, 255, 255, 1) 0%, rgba(200, 200, 200, 1) 100%);
  border: 0px solid #ffffff;
  height: 40px;
  -webkit-box-shadow: 3px 3px 11px 0px #838CAC38;
  box-shadow: 3px 3px 11px 0px #838CAC38;
}

.dark-menu header.content-header #block-pharmocean-searchmayblock [id^="edit-submit"],
.dark-menu header.content-header #block-pharmocean-searchmayblock #edit-submit {
  background-color: var(--color-white);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxOSAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC43Ij4KPHBhdGggZD0iTTE4IDIwLjVMMTUuMTY2NyAxNy42MjEyTTguOTMzMzMgMTcuNjIxMkMxMy4zMTQ4IDE3LjYyMTIgMTYuODY2NyAxNC4wMTI0IDE2Ljg2NjcgOS41NjA2MUMxNi44NjY3IDUuMTA4ODYgMTMuMzE0OCAxLjUgOC45MzMzMyAxLjVDNC41NTE4NyAxLjUgMSA1LjEwODg2IDEgOS41NjA2MUMxIDE0LjAxMjQgNC41NTE4NyAxNy42MjEyIDguOTMzMzMgMTcuNjIxMloiIHN0cm9rZT0iIzEzMjQ2OCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=");
  background-position: 25% 50%;
  background-repeat: no-repeat;
}

.dark-menu header.content-header #block-pharmocean-searchmayblock input[type="search"],
.dark-menu header.content-header #search-block-form input[type="search"] {
  background: var(--color-white);
  color: var(--color-blue);
  border-radius: 80px;
  margin: 1px 0 0 1px;
  width: calc(100% - 2px);
}

.dark-menu header.content-header #block-pharmocean-searchmayblock input[type="search"]::-webkit-input-placeholder,
.dark-menu header.content-header #search-block-form input[type="search"]::-webkit-input-placeholder {
  color: var(--color-blue05);
}

.dark-menu header.content-header #block-pharmocean-searchmayblock input[type="search"]:-ms-input-placeholder,
.dark-menu header.content-header #search-block-form input[type="search"]:-ms-input-placeholder {
  color: var(--color-blue05);
}

.dark-menu header.content-header #block-pharmocean-searchmayblock input[type="search"]::placeholder,
.dark-menu header.content-header #search-block-form input[type="search"]::placeholder {
  color: var(--color-blue05);
}

.onbtn {
  display: inline-block;
  line-height: 55px;
  height: 55px;
  width: auto;
  padding: 0 20px;
  margin: 0 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid var(--color-white04);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background: -webkit-gradient(linear, left top, right top, from(#9400D3), to(#4B0082));
  background: linear-gradient(90deg, #9400D3 0%, #4B0082 100%);
  border-radius: 80px;
  font-size: var(20);
  color: var(--color-white);
  text-decoration: none;
}

.onbtn.o {
  background: -webkit-gradient(linear, left top, right top, from(#0052D4), color-stop(50%, #4364F7), to(#6FB1FC));
  background: linear-gradient(90deg, #0052D4 0%, #4364F7 50%, #6FB1FC 100%);
}

.onbtn.z {
  background: #ff7126;
}

.onbtn.a {
  background: linear-gradient(84.49deg, #01488B 0%, #007BBB 100.16%);
}

.onbtn.y {
  background: -webkit-gradient(linear, left top, right top, from(#FFE259), to(#FFA751));
  background: linear-gradient(90deg, #FFE259 0%, #FFA751 100%);
}

.onbtn.g {
  background: var(--gral-green);
}

.onbtn:hover {
  opacity: 0.7;
}

#image-top {
  width: 100vw;
  height: 200vh;
  max-height: 600px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 57px 0 0;
  padding: 36px 0 0;
}

#image-top img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
}

.topimage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 600px;
  overflow: hidden;
  margin: 57px 0 0;
  padding: 36px 0 0;
}

.product .topimage {
  height: 300vh;
  max-height: 1080px;
}

.topimage img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
}

#content {
  width: 100%;
  float: left;
  padding: 158px 0 100px 0;
}

.dark-menu #content {
  padding-top: 158px;
}

#content.front {
  padding-top: 0px;
}

main {
  margin: 0 auto;
  padding: 0 64px;
  max-width: 1420px;
  position: relative;
  z-index: 1;
}

main.left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main.left.ima {
  display: block;
  position: relative;
}

main.left.ima .main-ima {
  height: 449px;
  position: relative;
}

main.left .colmuner {
  display: grid;
  grid-template-columns: 255px 0 0;
  grid-template-areas: 'a a b b' 'a a c c'
}

main.left .colmuner .sidebar-left {
  grid-area: a;
}

main.left .colmuner .main-content.first {
  grid-area: b;
  max-width: 100% !important;
}

main.left .colmuner .main-content.due {
  grid-area: c;
  max-width: 100% !important;
}

main .sidebar-left {
  width: 255px;
}

main .sidebar-left ul.menu {
  display: block;
  font-size: var(--16);
  letter-spacing: 0.01em;
  line-height: 1.278em;
  font-weight: 700;
  padding: 0;
  margin: 0;
  list-style-type: none;
  max-width: 191px;
}

main .sidebar-left ul.menu li {
  padding: 0;
  margin: 0;
  display: block;
}

main .sidebar-left ul.menu li a {
  display: block;
  padding: 10px 15px;
  width: 100%;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--color-blue);
  text-decoration: none;
}

:lang(en) main .sidebar-left ul.menu li:nth-child(2),
:lang(en) main .sidebar-left ul.menu li:nth-child(5) {
  display: none;
}

main.ima .sidebar-left ul.menu li a {
  color: var(--color-white07);
}

main.ima .sidebar-left ul.menu li a:hover {
  color: var(--color-white);
}

main .sidebar-left ul.menu li.menu-item--active-trail a {
  background: var(--color-white02);
  border: 1px solid var(--color-white);
  -webkit-backdrop-filter: blur(11.5px);
  backdrop-filter: blur(11.5px);
  color: var(--color-white);
}

main.ima .sidebar-left ul.menu li a.is-active {
  background: var(--color-white02);
  border: 1px solid var(--color-white);
  -webkit-backdrop-filter: blur(11.5px);
  backdrop-filter: blur(11.5px);
  color: var(--color-white);
}

main.left .main-content {
  max-width: 940px;
}

main.left .main-content.bigly {
  max-width: 1165px;
}

main.left.ima .main-content-due.big {
  max-width: 1165px;
  margin: 0 0 0 255px;
}

main.left.ima .main-content-due {
  max-width: 940px;
  margin: 0 0 0 255px;
}

.webform main.left.ima .main-content-due {
  max-width: 940px;
  margin: 0 0 0 255px;
}

main.left.ima .main-content-one {
  max-width: 100%;
  margin: 100px 0 0;
}

main.left .main-content-tire {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 25px;
  column-gap: 25px;
  padding: 100px 0;
}

main.left .main-content-tire .main-content {
  max-width: calc(100% - 255px);
}

main.left .main-content-tire .sidebar-left {
  width: 225px;
}

main.left .main-content-tire .sidebar-left h2 {
  font-size: var(--25);
  font-weight: 700;
  color: var(--color-blue);
  padding: 0 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 15px;
  column-gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#block-pharmocean-productmenublock-2 h2,
#block-pharmocean-productmenublock-2 .tru,
#product-alpabetic .tru,
#product-alpabetic h2 {
  cursor: pointer;
}

#block-pharmocean-productmenublock-2 h2:after,
#product-alpabetic h2:after {
  content: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23132468' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  margin: -15px 0 0;
}

#block-pharmocean-productmenublock-2 h2.active:after,
#product-alpabetic h2.active:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin: 0px 0 -18px;
}

main.left .main-content-tire .sidebar-left #block-pharmocean-taxonomymenublock-3,
main.left .main-content-tire .sidebar-left .views-element-container {
  padding: 0 0 40px;
}

#product-alpabetic {
  padding: 0 0 0;
}

main.left .main-content-tire .sidebar-left #block-pharmocean-productmenublock-2>ul,
main.left .main-content-tire .sidebar-left ul.footer-list,
main.left .main-content-tire .sidebar-left .item-list ul {
  display: block;
  font-size: var(--16);
  line-height: 120%;
  letter-spacing: 0.01em;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

main.left .main-content-tire .sidebar-left #block-pharmocean-productmenublock-2>ul li,
main.left .main-content-tire .sidebar-left ul.footer-list li,
main.left .main-content-tire .sidebar-left .item-list ul li {
  display: block;
  padding: 0 0 10px;
  margin: 0;
}

main.left .main-content-tire .sidebar-left #block-pharmocean-productmenublock-2>ul li a,
main.left .main-content-tire .sidebar-left ul.footer-list li a,
main.left .main-content-tire .sidebar-left .item-list ul li a {
  color: var(--color-blue);
  text-decoration: none;
}

main.left .main-content-tire .sidebar-left #block-pharmocean-productmenublock-2>ul li a:hover,
main.left .main-content-tire .sidebar-left ul.footer-list li a:hover,
main.left .main-content-tire .sidebar-left .item-list ul li a:hover {
  border-bottom: 1px solid var(--color-blue);
}

main.left .main-content-tire .sidebar-left #block-pharmocean-productmenublock-2>ul li:nth-of-type(n+5),
#product-alpabetic .item-list ul li:nth-of-type(n+5) {
  display: none;
}

main .brwadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 15px;
  column-gap: 15px;
  grid-row-gap: 10px;
  font-size: var(--16);
  line-height: 130%;
  font-weight: 600;
  letter-spacing: 0.01em;
  list-style-type: none;
  padding: 0;
  margin: 0 0 50px;
  color: var(--color-blue);
}

main .brwadcrumbs li {
  padding: 0;
  margin: 0;
  display: block;
}

main .brwadcrumbs li a {
  color: var(--color-blue);
  padding: 0 3px 0 0;
}

main .brwadcrumbs li svg path {
  stroke: var(--color-blue);
}

main.pro .brwadcrumbs,
main.ima .brwadcrumbs {
  color: var(--color-white07);
}

main.pro .brwadcrumbs li a,
main.ima .brwadcrumbs li a {
  color: var(--color-white07);
}

main.pro .brwadcrumbs li a:hover,
main.ima .brwadcrumbs li a:hover {
  color: var(--color-white08);
}

main.pro .brwadcrumbs li svg path,
main.ima .brwadcrumbs li svg path {
  stroke: var(--color-white07);
}

main.ima .main-ima h1 {
  font-size: var(--65);
  line-height: 1.262em;
  font-weight: 700;
  color: var(--color-white);
  max-width: 600px;
}

main.ima .main-ima .main-content.bigly h1 {
  max-width: 880px;
  padding: 0 0 20px;
}

main.ima .main-ima .subtitle {
  font-size: var(--20);
  color: var(--color-white);
  line-height: 130%;
  max-width: 880px;
}

.article main.left h2.title,
.article main.left h1 {
  font-size: var(--38);
  font-weight: 600;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: var(--grad-blue);
  line-height: 130%;
  letter-spacing: 0.01em;
  padding: 0 0 30px;
}

main.ima.article .main-ima h1 {
  max-width: 840px;
}

#unisender-block {
  width: calc(100% - 60px);
  background: var(--color-light-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 100px 0 0;
  border-radius: 40px;
  padding: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#unisender-block .text {
  width: 50%;
}

#unisender-block h2 {
  font-size: var(--38);
  line-height: 1.19em;
  letter-spacing: 0.01em;
  font-weight: 600;
  background: linear-gradient(84.49deg, #01488B 0%, #007BBB 100.16%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

#unisender-block .form {
  width: 50%;
}

#unisender-block .form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

#unisender-block .form form label {
  display: none;
}

#unisender-block .form .subscribe-form-item--input-email {
  width: calc(100% - 189px);
}

#unisender-block .form input[type="text"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  border-width: 0 0 1px 0;
  background: linear-gradient(to right, var(--color-light-grey), var(--color-light-grey)), linear-gradient(84.49deg, #01488B 0%, #007BBB 100.16%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  height: 44px;
  width: 100%;
  font-size: 22px;
  outline: 0;
}

#unisender-block .form input[type="text"]::-webkit-input-placeholder {
  background: linear-gradient(84.49deg, #01488B 0%, #007BBB 100.16%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  opacity: 0.5;
}

#unisender-block .form input[type="text"]:-ms-input-placeholder {
  background: linear-gradient(84.49deg, #01488B 0%, #007BBB 100.16%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  opacity: 0.5;
}

#unisender-block .form input[type="text"]::placeholder {
  background: linear-gradient(84.49deg, #01488B 0%, #007BBB 100.16%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  opacity: 0.5;
}

#unisender-block .form button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 57px;
  background: linear-gradient(to right, var(--color-light-grey), var(--color-light-grey)), linear-gradient(84.49deg, rgba(1, 72, 139, 0.4) 0%, rgba(0, 123, 187, 0.4) 100.16%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  width: 169px;
  height: 44px;
  padding: 12px;
  font-size: var(--20);
  cursor: pointer;
  text-align: center;
}

#unisender-block .form button span {
  background: linear-gradient(84.49deg, #01488B 0%, #007BBB 100.16%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#unisender-block .form button span:after {
  content: url(../img/arrow_blue.svg);
}

#unisender-block .form p {
  display: none;
}

#unisender-block .form .menus {
  font-size: var(--16);
  letter-spacing: 0.01em;
  padding: 15px 0 0;
}

#unisender-block .form .menus2 {
  font-size: var(--16);
  letter-spacing: 0.01em;
  line-height: 1.2;
  padding: 15px 0 0;
  width: 80%;
}

#unisender-block .form .menus2 a {
  background: linear-gradient(84.49deg, #01488B 0%, #007BBB 100.16%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  opacity: 0.5;
}

#unisender-block .form .menu2s a:hover {
  opacity: 1;
}

#unisender-block .form .menus a {
  background: linear-gradient(84.49deg, #01488B 0%, #007BBB 100.16%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  opacity: 0.5;
  padding: 0 0 8px;
  display: block
}

#unisender-block .form .menus a:hover {
  opacity: 1;
}

.js-pager__items.pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style-type: none;
}

.js-pager__items.pager a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  padding: 0 73px;
  height: 52px;
  border-radius: 80px;
  color: var(--color-white);
  background: var(--grad-blue);
  text-decoration: none;
}

.js-pager__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0 0;
  margin: 0;
  list-style-type: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.js-pager__items.pager a::after {
  content: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.js-pager__items.pager a:hover {
  -webkit-box-shadow: 3px 3px 11px 0px #838CAC80;
  box-shadow: 3px 3px 11px 0px #838CAC80;
}

.js-pager__items.pager a.clicked {
  opacity: 0;
}

.ajax-progress-fullscreen {
  position: fixed;
  top: auto;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 2px;
  background-image: repeating-linear-gradient(-45deg, #ffffff, #ffffff 1rem, #01488B 1rem, #01488B 2rem);
  background-size: 200% 200%;
  -webkit-animation: gradient 10s linear infinite;
  animation: gradient 10s linear infinite;
}

.ajax-progress-fullscreen::before {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  width: 1.75rem;
  height: 1.75rem;
  margin: -0.875rem;
  content: "";
  border-width: 3px;
}

footer.content-footer {
  width: 100%;
  background: linear-gradient(84.49deg, #01488B 0%, #007BBB 100.16%);
  overflow: hidden;
  margin-bottom: -2px;
}

footer.content-footer .content {
  margin: 50px auto 50px;
  width: 100%;
  max-width: 1420px;
  overflow: hidden;
  color: var(--color-white);
}

footer.content-footer .content .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

footer.content-footer .content a {
  color: var(--color-white);
  text-decoration: none;
  font-weight: 400;
  opacity: 0.8;
  line-height: 130%;
}

footer.content-footer .content .top a {
  font-size: var(--20);
}

footer.content-footer .content a:hover {
  border-bottom: 1px solid var(--color-white);
  opacity: 1;
}

footer.content-footer .left {
  width: 49%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

footer.content-footer .left nav {
  width: 33%;
}

footer.content-footer .left nav h3 {
  font-size: var(--25);
  color: var(--color-white);
  font-weight: normal;
  padding: 0 0 20px;
}

footer.content-footer .left nav ul.menu {
  display: block;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

footer.content-footer .left nav ul.menu li {
  display: block;
  padding: 0 0 10px;
  margin: 0;
  font-size: var(20);
  letter-spacing: -0.01em;
}

footer.content-footer .left a.buy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  color: var(--color-white);
  width: 340px;
  height: 52px;
  text-decoration: none;
  border-radius: 80px;
  border: 1px solid var(--color-white);
  background: var(--color-white03);
  font-size: var(--20);
  margin: 0 0 10px;
}

footer.content-footer .left a.buy::after {
  content: url(../img/arrow_white.svg);
}

footer.content-footer .right {
  width: 50%;
}

footer.content-footer .right #block-pharmocean-produkciya {
  display: none;
  visibility: hidden;
}

footer.content-footer .right h2 {
  font-size: var(--25);
  color: var(--color-white);
  font-weight: normal;
  padding: 0 0 20px;
}

footer.content-footer .right ul.footer-list {
  width: 100%;
  -webkit-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

footer.content-footer .right ul.footer-list li {
  display: block;
  padding: 0 0 10px;
  margin: 0;
  font-size: var(20);
  letter-spacing: 0.01em;
  line-height: 115%;
  width: 100%;
  float: left;
  overflow: hidden;
}

footer.content-footer .bottom {
  width: 100%;
  float: left;
  margin: 50px 0 0;
  border-top: 1px solid var(--color-white);
  padding: 40px 0 0;
}

footer.content-footer .bottom>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 59px;
  column-gap: 59px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

footer.content-footer .bottom .block .sl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 59px;
  column-gap: 59px;
}

footer.content-footer .bottom .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 59px;
  column-gap: 59px;
  font-size: var(--16);
  line-height: 115%;
  letter-spacing: -0.01em;
  white-space: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

footer.content-footer .bottom .block img {
  width: 222px;
}

footer.content-footer .bottom .block a,
footer.content-footer .bottom .block .op {
  opacity: 0.5;
}

footer.content-footer .bottom .block a:hover {
  opacity: 1;
}

footer.content-footer .bottom .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none;
  -webkit-column-gap: 15px;
  column-gap: 15px;
}

footer.content-footer .bottom .social li {
  padding: 0;
  margin: 0;
}

footer.content-footer .bottom .social li a {
  display: block;
  width: 38.54px;
  height: 38.56px;
  overflow: hidden;
  text-indent: -999px;
  background-size: 38.54px auto;
  opacity: 0.5;
}

footer.content-footer .bottom .social li a:hover {
  border: 0;
  opacity: 1;
}

footer.content-footer .bottom .social li a.vk {
  background-image: url("data:image/svg+xml,%3Csvg width='39' height='40' viewBox='0 0 39 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.2721 0.727539C8.62906 0.727539 0 9.3566 0 19.9996C0 30.6426 8.62906 39.2717 19.2721 39.2717C29.9151 39.2717 38.5441 30.6426 38.5441 19.9996C38.5441 9.3566 29.9151 0.727539 19.2721 0.727539ZM29.4879 26.3706L26.4878 26.4124C26.4878 26.4124 25.8406 26.5392 24.9943 25.9547C23.8717 25.1838 22.8133 23.1779 21.9878 23.4381C21.1511 23.7047 21.1768 25.5098 21.1768 25.5098C21.1768 25.5098 21.1832 25.8278 20.9921 26.035C20.7849 26.2582 20.3786 26.2357 20.3786 26.2357H19.0344C19.0344 26.2357 16.0697 26.4814 13.4567 23.7576C10.6109 20.7881 8.09587 14.9278 8.09587 14.9278C8.09587 14.9278 7.94812 14.5585 8.10551 14.3689C8.28377 14.1602 8.76397 14.1537 8.76397 14.1537L11.976 14.1377C11.976 14.1377 12.2779 14.1907 12.4963 14.3513C12.6746 14.483 12.7758 14.7303 12.7758 14.7303C12.7758 14.7303 13.2945 16.0456 13.9835 17.2373C15.3261 19.5596 15.9492 20.0687 16.4053 19.8197C17.0702 19.4568 16.8711 16.5371 16.8711 16.5371C16.8711 16.5371 16.8839 15.4771 16.537 15.0049C16.2672 14.6371 15.7597 14.5279 15.5381 14.5006C15.3566 14.4765 15.6521 14.0558 16.0376 13.8663C16.6157 13.5836 17.6371 13.5675 18.8433 13.5788C19.7828 13.5884 20.0542 13.6462 20.4204 13.7362C21.5285 14.0044 21.1527 15.0386 21.1527 17.5199C21.1527 18.3149 21.0098 19.4327 21.5815 19.8005C21.8288 19.9594 22.4311 19.8245 23.9327 17.2646C24.6474 16.0504 25.1822 14.6243 25.1822 14.6243C25.1822 14.6243 25.2994 14.3706 25.4809 14.2613C25.6672 14.1489 25.9177 14.1843 25.9177 14.1843L29.2983 14.1634C29.2983 14.1634 30.3133 14.0413 30.4788 14.5022C30.6522 14.984 30.0997 16.1099 28.7186 17.9519C26.4509 20.9777 26.1988 20.6966 28.0826 22.4471C29.8813 24.119 30.2523 24.9316 30.3149 25.0344C31.0585 26.2727 29.4879 26.3706 29.4879 26.3706Z' fill='white'/%3E%3C/svg%3E%0A");
}

footer.content-footer .bottom .social li a.youtube {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.8405 39.3196C30.4971 39.3196 39.136 30.6807 39.136 20.0241C39.136 9.36743 30.4971 0.728516 19.8405 0.728516C9.18383 0.728516 0.544922 9.36743 0.544922 20.0241C0.544922 30.6807 9.18383 39.3196 19.8405 39.3196ZM30.3185 11.3695C31.0198 11.5896 31.5449 12.1446 31.7094 12.8365C32.0205 14.143 32.4588 16.5657 32.4588 19.8317C32.4588 23.0977 32.0205 25.5204 31.7099 26.8268C31.5454 27.5188 31.0203 28.0738 30.319 28.2938C28.4601 28.8776 24.4285 29.4418 19.8402 29.4418C15.2519 29.4418 11.2202 28.8776 9.36192 28.2938C8.66062 28.0738 8.13549 27.5188 7.97096 26.8268C7.65987 25.5204 7.22161 23.0977 7.22161 19.8317C7.22161 16.5657 7.65987 14.143 7.97048 12.8365C8.135 12.1446 8.66013 11.5896 9.36143 11.3695C11.2202 10.7857 15.2519 10.2216 19.8402 10.2216C24.4285 10.2216 28.4601 10.7857 30.3185 11.3695ZM24.6241 19.8317L17.4135 15.9876V23.6757L24.6241 19.8317Z' fill='white'/%3E%3C/svg%3E%0A");
}

footer.content-footer .bottom .social li a.wdzen {
  background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M37.6935 18.4185C37.6969 18.4185 37.6994 18.4185 37.7028 18.4185C37.9375 18.4185 38.1613 18.3201 38.3203 18.1476C38.4819 17.9725 38.5618 17.7378 38.5408 17.5005C37.696 8.20845 30.3397 0.849202 21.0474 0.00271164C20.8118 -0.0158001 20.5745 0.0607712 20.3995 0.22317C20.2245 0.384726 20.1269 0.612757 20.1294 0.850885C20.2758 13.1999 21.9048 18.246 37.6935 18.4185ZM37.6935 20.125C21.9048 20.2974 20.2767 25.3436 20.1303 37.6926C20.1277 37.9307 20.2253 38.1587 20.4004 38.3203C20.5569 38.4642 20.7613 38.5441 20.9717 38.5441C20.9969 38.5441 21.023 38.5433 21.0482 38.5408C30.3406 37.6943 37.6969 30.3359 38.5408 21.043C38.5618 20.8057 38.4827 20.5709 38.3203 20.3959C38.158 20.2209 37.9316 20.1342 37.6935 20.125ZM17.4403 0.00691894C8.17744 0.877811 0.844702 8.23538 0.00415023 17.5022C-0.0168846 17.7395 0.0622064 17.9742 0.224595 18.1492C0.383618 18.3217 0.60827 18.4194 0.842177 18.4194C0.845543 18.4194 0.848909 18.4194 0.852274 18.4194C16.5888 18.2384 18.2136 13.1948 18.3617 0.854251C18.3642 0.616123 18.2657 0.387251 18.0907 0.225694C17.914 0.064137 17.6776 -0.0149585 17.4403 0.00691894ZM0.851433 20.1241C0.58976 20.0947 0.38446 20.2192 0.223754 20.3942C0.0622065 20.5692 -0.0177259 20.804 0.0033089 21.0413C0.84386 30.3081 8.17744 37.6657 17.4403 38.5365C17.4664 38.5391 17.4933 38.5399 17.5194 38.5399C17.7298 38.5399 17.9334 38.4608 18.0899 38.3169C18.2649 38.1554 18.3633 37.9265 18.3608 37.6884C18.2127 25.3486 16.5888 20.305 0.851433 20.1241Z' fill='white'/%3E%3C/svg%3E%0A");
}

footer.content-footer .bottom .social li a.instagram {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.9279 39.3196C30.5845 39.3196 39.2234 30.6807 39.2234 20.0241C39.2234 9.36743 30.5845 0.728516 19.9279 0.728516C9.27124 0.728516 0.632324 9.36743 0.632324 20.0241C0.632324 30.6807 9.27124 39.3196 19.9279 39.3196ZM8.71729 15.4672C8.71729 11.7996 11.7007 8.81445 15.3673 8.81445H24.8698C28.5373 8.81445 31.5225 11.7979 31.5225 15.4645V24.967C31.5225 28.6345 28.5387 31.6197 24.8716 31.6197H15.37C11.7025 31.6197 8.71729 28.6358 8.71729 24.9688V15.4672ZM27.8737 13.3755C27.8737 12.872 27.465 12.4633 26.9615 12.4633C26.4579 12.4633 26.0493 12.872 26.0493 13.3755C26.0493 13.879 26.4579 14.2877 26.9615 14.2877C27.465 14.2877 27.8737 13.879 27.8737 13.3755ZM26.0493 20.2171C26.0493 16.9468 23.3902 14.2877 20.1199 14.2877C16.8496 14.2877 14.1905 16.9473 14.1905 20.2171C14.1905 23.4869 16.8496 26.1464 20.1199 26.1464C23.3897 26.1464 26.0493 23.4873 26.0493 20.2171ZM16.015 20.2171C16.015 17.9498 17.8526 16.1121 20.1199 16.1121C22.3872 16.1121 24.2248 17.9498 24.2248 20.2171C24.2248 22.4844 22.3872 24.322 20.1199 24.322C17.8526 24.322 16.015 22.4844 16.015 20.2171Z' fill='white'/%3E%3C/svg%3E%0A");
}

footer.content-footer .bottom .social li a.ok {
  background-image: url("data:image/svg+xml,%3Csvg width='39' height='40' viewBox='0 0 39 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.4708 39.3196C30.1275 39.3196 38.7664 30.6807 38.7664 20.0241C38.7664 9.36743 30.1275 0.728516 19.4708 0.728516C8.81421 0.728516 0.175293 9.36743 0.175293 20.0241C0.175293 30.6807 8.81421 39.3196 19.4708 39.3196ZM19.8404 20.0248C23.144 20.0248 25.822 17.3468 25.822 14.0431C25.822 10.7395 23.144 8.06152 19.8404 8.06152C16.5367 8.06152 13.8587 10.7395 13.8587 14.0431C13.8587 17.3468 16.5367 20.0248 19.8404 20.0248ZM19.8404 16.9375C21.4388 16.9375 22.7347 15.6418 22.7347 14.0431C22.7347 12.4445 21.4388 11.1488 19.8404 11.1488C18.2419 11.1488 16.946 12.4445 16.946 14.0431C16.946 15.6418 18.2419 16.9375 19.8404 16.9375ZM15.4024 31.4093L19.6474 27.3573L23.8925 31.4093C25.0502 32.181 26.9799 31.0232 26.2079 29.4798L21.7699 25.0418C22.992 24.6559 25.4079 23.6645 25.822 23.1123C26.4009 22.3404 25.8842 20.5196 23.8925 21.1827C23.7602 21.2267 23.618 21.311 23.4426 21.4149C22.8503 21.7659 21.8807 22.3404 19.6474 22.3404C17.4142 22.3404 16.4446 21.7659 15.8523 21.4149C15.6769 21.311 15.5346 21.2267 15.4024 21.1827C13.4107 20.5196 12.894 22.3404 13.4728 23.1123C13.887 23.6645 16.3028 24.6559 17.5249 25.0418L13.0869 29.4798C12.315 31.0232 14.2447 32.181 15.4024 31.4093Z' fill='white'/%3E%3C/svg%3E%0A");
}

footer.content-footer .bottom .social li a.telegram {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9928 0.727539C30.6368 0.727539 39.2648 9.35556 39.2648 19.9996C39.2648 30.6436 30.6368 39.2717 19.9928 39.2717C9.34872 39.2717 0.720703 30.6436 0.720703 19.9996C0.720703 9.35556 9.34872 0.727539 19.9928 0.727539ZM26.6408 27.8551C26.9952 26.7674 28.656 15.9282 28.8613 13.7923C28.9233 13.1454 28.7188 12.7156 28.3183 12.5237C27.834 12.2908 27.1167 12.4072 26.2847 12.7072C25.1434 13.1186 10.5536 19.3133 9.7107 19.672C8.91133 20.0113 8.15553 20.3817 8.15553 20.918C8.15553 21.295 8.37925 21.507 8.99596 21.7274C9.6378 21.9561 11.2541 22.4463 12.2085 22.7094C13.1277 22.9633 14.1743 22.7429 14.7608 22.3784C15.3826 21.9922 22.5576 17.1909 23.0729 16.7703C23.5874 16.3496 23.998 16.8884 23.5774 17.3099C23.1567 17.7305 18.2315 22.5108 17.5821 23.1728C16.7936 23.9763 17.3533 24.8092 17.8821 25.1427C18.4862 25.5231 22.8308 28.4374 23.4852 28.905C24.1396 29.3725 24.8032 29.5845 25.4107 29.5845C26.0182 29.5845 26.3383 28.7843 26.6408 27.8551Z' fill='white'/%3E%3C/svg%3E%0A");
}

footer.content-footer .bottom .social li a.whatsapp {
  background-image: url("data:image/svg+xml,%3Csvg width='39' height='40' viewBox='0 0 39 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.2959 0.000976562C29.9524 0.00116417 38.5908 8.64035 38.5908 19.2969C38.5906 29.9532 29.9523 38.5916 19.2959 38.5918C8.63938 38.5918 0.000187616 29.9534 0 19.2969C0 8.64024 8.63926 0.000976562 19.2959 0.000976562ZM19.9932 7C13.4383 7 8.10281 12.3348 8.09961 18.8906C8.09861 20.9875 8.64562 23.033 9.68652 24.8369L8 31L14.3047 29.3457C16.0417 30.2937 18.0032 30.7929 19.9932 30.7939C26.548 30.7939 31.8826 25.4591 31.8857 18.9023C31.8867 15.7245 30.6511 12.7363 28.4062 10.4883C26.1603 8.24032 23.1741 7.00104 19.9932 7ZM19.9971 9.00781C25.463 9.00985 29.8799 13.4384 29.8779 18.9004C29.8747 24.3511 25.437 28.785 19.9893 28.7852C17.8733 28.7842 16.2727 28.1884 14.5967 27.1934L10.8555 28.1738L11.8535 24.5264C10.7585 22.7834 10.1074 21.1166 10.1084 18.8916C10.1106 13.4418 14.5452 9.00781 19.9971 9.00781ZM15.7822 13.4004C15.5842 13.4004 15.2622 13.4745 14.9902 13.7725C14.7181 14.0705 13.9502 14.7882 13.9502 16.251C13.9502 17.714 15.0151 19.1272 15.1631 19.3252C15.313 19.5247 17.2591 22.5249 20.2393 23.8115C20.9481 24.1175 21.5017 24.3015 21.9326 24.4385C22.6445 24.6644 23.2927 24.6316 23.8047 24.5557C24.3757 24.4707 25.5625 23.8366 25.8105 23.1426C26.0585 22.4477 26.0594 21.8525 25.9844 21.7285C25.9103 21.6046 25.7119 21.5308 25.4141 21.3818C25.117 21.2328 23.6558 20.514 23.3828 20.415C23.1109 20.3161 22.9128 20.2665 22.7139 20.5645C22.5158 20.8614 21.9469 21.53 21.7734 21.7285C21.6004 21.9265 21.4259 21.9517 21.1289 21.8027C20.8317 21.6537 19.8739 21.3408 18.7393 20.3281C17.8563 19.5401 17.2589 18.5666 17.0859 18.2686C16.9133 17.9719 17.0679 17.811 17.2158 17.6631C17.3498 17.5301 17.5131 17.3156 17.6621 17.1416C17.8128 16.9699 17.8621 16.8461 17.9619 16.6475C18.0609 16.4495 18.0115 16.275 17.9365 16.126C17.8611 15.9768 17.2684 14.5147 17.0215 13.9199C16.7795 13.3409 16.5336 13.4192 16.3516 13.4102L15.7822 13.4004Z' fill='white'/%3E%3C/svg%3E%0A");
}

footer.content-footer #block-pharmocean-bad {
  width: 100%;
  display: block;
  margin: 50px 0 -10px;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 6.063em;
  font-weight: 300;
  opacity: 0.3;
}

#colorbox {
  border: 25px solid var(--color-white);
  border-radius: 40px;
  background: var(--color-white);
}

#sliding-popup {
  width: 100%;
  background: var(--color-white);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 10px 0;
}

#sliding-popup .eu-cookie-compliance-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#sliding-popup p {
  padding: 5px 0;
  font-size: var(--14);
}

#sliding-popup button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 35px;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  border-radius: 80px;
  background: var(--grad-blue);
  height: 52px;
  color: var(--color-white);
  text-decoration: none;
  font-size: var(--20);
  border: 0;
}

#sliding-popup button.decline-button {
  display: none;
}

.banner-popup-block .mobile {
  display: none;
  visibility: hidden;
}

.banner-popup-block .desctop {
  width: 90%;
  text-align: center;
}

#bbannner0 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

#bbannner0.activ {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.banner-popup-block img {
  max-width: 100%;
  height: auto;
  text-align: center;
}

.banner-popup-block .close {
  width: 40px;
  height: 40px;
  background: var(--color-black);
  position: absolute;
  border-radius: 50%;
  top: 20px;
  right: 20px;
  cursor: pointer
}

.banner-popup-block .close::after,
.banner-popup-block .close::before {
  content: '';
  display: block;
  width: 20px;
  height: 2px;
  background: var(--color-white);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.banner-popup-block .close::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.node--view-mode-full p {
  padding: 15px 0;
}

.item-faq .content p {
  padding: 0 0 15px;
}

.rtecenter {
  text-align: center;
}

.node--type-page {
  font-size: var(--20);
  line-height: 130%;
  letter-spacing: 0.0;
  font-weight: 400;
  color: var(--color-blue);
  padding: 85px 0 0;
}

.node--type-page ul {
  list-style-type: disc;
  margin: 10px 0 0 15px;
  padding: 0px 0 0px 27px
}

.node--type-page ul li {
  padding: 5px 0 !important;
}

.node--type-page .info {
  padding: 30px 0 0;
}

.node--type-page .info a {
  color: var(--color-blue);
  text-decoration: none;
}

.node--type-page .mail-box {
  padding: 15px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}

.node--type-page .video-block {
  width: 100%;
  padding: 30px 0 0;
}

.node--type-page .video-block .video-embed-field-launch-modal {
  width: 100%;
  overflow: hidden;
  border-radius: 40px;
  cursor: pointer;
}

.node--type-page .video-block .colorbox-video {
  position: relative;
  text-decoration: none;
  color: var(--color-white);
  font-size: var(--20);
}

.node--type-page .video-block .colorbox-video span {
  position: absolute;
  bottom: 30px;
  left: 30px;
  width: calc(100% - 60px);
}

.node--type-page #photoslider {
  padding: 100px 0 0;
}

.node--type-page .owl-carousel {
  margin: 0;
}

.node--type-page .owl-carousel .owl-stage-outer {
  padding: 20px 1185px 40px 20px;
  margin: 0 -1185px 0 -20px;
}

.node--type-page #photoslider .photo {
  border: 15px solid var(--color-white);
  border-radius: 40px;
  position: relative;
  -webkit-box-shadow: 5px 3px 12px 0px #09004D1A, 20px 11px 23px 0px #09004D17, 44px 26px 31px 0px #09004D0D, 78px 46px 36px 0px #09004D03, 122px 71px 40px 0px #09004D00;
  box-shadow: 5px 3px 12px 0px #09004D1A, 20px 11px 23px 0px #09004D17, 44px 26px 31px 0px #09004D0D, 78px 46px 36px 0px #09004D03, 122px 71px 40px 0px #09004D00;
}

.node--type-page #photoslider .photo img {
  overflow: hidden;
  border-radius: 30px;
  max-width: 430px;
  height: auto;
}

.node--type-news,
.node--type-article {
  font-size: var(--20);
  color: var(--color-blue);
  line-height: 130%;
}

.node--type-news p,
.node--type-article p {
  padding: 15px 0;
}

.node--type-news header,
.node--type-article header {
  padding: 0 0 30px;
  opacity: 0.5;
}

.node--view-mode-full img {
  height: auto !important;
}

.node--view-mode-full sup {
  vertical-align: super;
  font-size: smaller;
}

.node--view-mode-full h2,
.node--view-mode-full h3,
.node--view-mode-full h4,
.node--view-mode-full h5,
.node--view-mode-full h6 {
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: var(--grad-blue);
  line-height: 130%;
  letter-spacing: 0.0;
  padding: 20px 0;
}

.node--view-mode-full table {
  border-radius: 40px;
  width: 100% !important;
  border-collapse: collapse;
  border-style: hidden;
  -webkit-box-shadow: 0 0 0 1px var(--color-black02);
  box-shadow: 0 0 0 1px var(--color-black02);
}

.node--view-mode-full table {
  width: 940px !important;
  overflow-x: auto;
  display: block;
}

.node--view-mode-full th,
.node--view-mode-full td {
  border: 1px solid var(--color-black02);
  padding: 20px;
  width: auto !important;
}

.node--view-mode-full table td p,
.node--view-mode-full table th p {
  padding: 0;
}

.node--view-mode-full h2 {
  font-size: 1.9em;
}

.node--view-mode-full h3,
.node--type-article h3 {
  font-size: var(--20);
}

.node--view-mode-full h4 {
  font-size: 1.2em;
}

.node--view-mode-full h5 {
  font-size: 1.15em;
}

.node--view-mode-full h5 {
  font-size: 1.;
}

.node--view-mode-full ul {
  list-style-type: disc;
}

.node--view-mode-full ol {
  list-style-type: decimal;
}

.node--view-mode-full ul li {
  padding: 15px 0;
}

.node--view-mode-full em {
  line-height: 120%;
}

.node--view-mode-full em.small {
  font-size: 0.75em;
  line-height: 120%;
}

.node--view-mode-full img {
  overflow: hidden;
  border-radius: 40px;
  margin: 0 0 15px;
  max-width: 100%;
}

.node--view-mode-full .green,
.node--view-mode-full .grey,
.node--view-mode-full .pink {
  padding: 15px 30px;
  margin: 15px 0;
  border-radius: 40px;
  background: var(--volor-light-grey);
  width: calc(100% - 60px);
}

.node--view-mode-full .green {
  background: var(--volor-light-green);
}

.node--view-mode-full .grey {
  background: var(--volor-light-grey);
}

.node--view-mode-full .pink {
  background: var(--volor-light-pink);
}

.node--view-mode-full blockquote {
  padding: 0 0 0 26px;
  position: relative;
}

.node--view-mode-full blockquote::after {
  content: '';
  display: block;
  width: 6px;
  height: calc(100% - 30px);
  position: absolute;
  top: 15px;
  left: 0;
  border-radius: 18px;
  background: var(--color-blue);
  -webkit-box-shadow: 1px 1px 4px 0px #A5A5A5BF;
  box-shadow: 1px 1px 4px 0px #A5A5A5BF;
  -webkit-box-shadow: -1px -1px 4.1px 0px #FFFFFFBF;
  box-shadow: -1px -1px 4.1px 0px #FFFFFFBF;
  -webkit-box-shadow: 1px 5px 3.5px 0px #00074A40 inset;
  box-shadow: 1px 5px 3.5px 0px #00074A40 inset;
}

.node--type-article .product {
  width: calc(100% - 60px);
  padding: 30px;
  background-color: var(--color-blue03);
  background-repeat: no-repeat;
  background-position: -200px 50%;
  overflow: hidden;
  border-radius: 40px;
  background-size: calc(100% + 200px) auto;
  margin: 100px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 400px;
}

.node--type-article .product .content {
  width: 55.6%;
  float: right;
  padding: 30px;
  border: 1px solid var(--color-white);
  background: var(--color-white03);
  border-radius: 30px;
  -webkit-box-shadow: 3px 3px 11px 0px #FFFFFF38;
  box-shadow: 3px 3px 11px 0px #FFFFFF38;
  -webkit-box-shadow: -3px -3px 11px 0px #FFFFFF3D;
  box-shadow: -3px -3px 11px 0px #FFFFFF3D;
  -webkit-backdrop-filter: blur(34.400001525878906px);
  backdrop-filter: blur(34.400001525878906px)
}

.node--type-article .product .content h3 {
  font-size: 1.9em;
  color: var(--color-white);
  font-weight: 600;
  padding: 0 0 20px;
}

.node--type-article .product .content h3 a {
  color: var(--color-white);
  text-decoration: none;
}

.node--type-article .product .content h3 a:hover {
  border-bottom: 1px solid var(--color-white);
}

.node--type-article .product .content .text {
  color: var(--color-white);
  padding: 0 0 30px;
}

.node--type-article .product .onbtn {
  font-size: ;
}

.node--type-webform {
  padding: 100px 0 0;
}

.node--type-webform h2 {
  padding: 0 0 30px;
}

.node--type-webform .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: var(--20);
  line-height: 130%;
  color: var(--color-blue);
  -webkit-column-gap: 8%;
  column-gap: 10%;
}

.node--type-webform .flex .block {
  width: 45%;
  max-width: 460px;
  padding: 0 0 30px;
}

.node--type-webform .flex .block .tel {
  padding: 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}

.node--type-webform .flex .block .mail {
  padding: 0px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}

.node--type-webform .flex .block .mail a,
.node--type-webform .flex .block .tel a {
  text-decoration: none;
  color: var(--color-blue);
  line-height: 100%;
}

.node--type-webform .flex .block .tel::before {
  content: url(/themes/pharmocean/images/call_blue.svg);
  margin: 3px 0 -3px;
}

.node--type-webform .flex .block .mail::before {
  content: url(/themes/pharmocean/images/mail_blue.svg);
  margin: 3px 0 -3px;
}

.node--type-webform .webform-ajax-form-wrapper {
  background: var(--gral-green-grey);
  border-radius: 40px;
  -webkit-box-shadow: 3px 3px 11px 0px #838CAC38;
  box-shadow: 3px 3px 11px 0px #838CAC38;
  margin: 60px 0 0;
}

.node--type-webform .cosultants {
  display: block;
  margin: 0 0 10px;
}

.node--type-webform .consultant {
  font-size: var(--20);
  line-height: 130%;
  color: var(--color-blue);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  padding: 0 0 30px;
}

.node--type-webform .consultant .text {
  width: calc(100% - 240px);
}

.node--type-webform .consultant .image {
  width: 220px;
  height: 220px;
  margin: 0 auto 20px;
}

.node--type-webform .consultant .image img {
  width: 220px !important;
  height: 220px !important;
  padding: 0;
  margin: 0;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
}

.node--type-webform .consultant h3 {
  padding: 0 0 0px;
}

.node--type-webform .webform-submission-form {
  margin: 1px;
  padding: 30px;
  border-radius: 40px;
  background: var(--color-light-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.node--type-webform .webform-submission-form h2 {
  font-size: var(--38);
  font-weight: 600;
}

.node--type-webform .webform-submission-form .form-wrapper {
  max-width: 550px;
}

.node--type-webform .webform-submission-form .form-item {
  padding: 0 0 20px;
}

.node--type-webform .webform-submission-form input[type="email"],
.node--type-webform .webform-submission-form input[type="text"] {
  height: 41px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--color-blue05);
  width: 100%;
  font-size: 20px;
  color: var(--color-blue05);
}

.node--type-webform .webform-submission-form textarea {
  height: 31px;
  padding: 1px 0 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--color-blue05);
  width: 100%;
  line-height: 130%;
  font-family: 'Open Sans', sans-serif;
  font-size: var(--20);
  color: var(--color-blue05);
  resize: none;
}

.node--type-webform .webform-submission-form input[type="submit"] {
  height: 52px;
  border: 0;
  color: var(--color-white);
  font-size: var(--20);
  border-radius: 80px;
  background: url(../img/arrow_white.svg) no-repeat 153px 50%, var(--grad-blue);
  float: right;
  padding: 0 56px 0 36px;
}

.node--type-webform .messages {
  position: absolute;
  color: #fff;
  bottom: 0;
  left: 0;
  max-width: 40%;
}

.node--type-webform .messages li {
  padding: 5px 0;
}

textarea,
input,
select,
button {
  -webkit-appearance: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0px;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}

@media screen and (max-width:1600px) {
  .overflow {
    overflow: hidden;
  }

  body.overflow .wrapper::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 998;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }

  header.content-header {
    width: 100%;
    max-width: 100%;
  }

  header.content-header .header-wrapp {
    padding: 20px 65px;
    max-width: 1200px;
  }

  header.content-header .logo {
    margin: -19px 0 -79px 0;
    width: 140px;
  }

  header.content-header #block-pharmocean-searchmayblock form,
  header.content-header #search-block-form {
    width: 188px;
  }

  header.content-header a.buy {
    width: 138px;
  }

  header.content-header nav ul.menu .megamenu {
    width: calc(100vw - 130px);
    max-width: 1200px;
  }

  #image-top {
    max-height: 580px;
  }

  main {
    max-width: 1200px
  }

  main.left.ima .main-ima {
    height: 423px;
    position: relative;
  }

  main.left .main-content-tire .main-content {
    max-width: calc(100% - 220px);
  }

  main.left .main-content-tire .sidebar-left {
    width: 220px;
  }

  footer.content-footer .content {
    max-width: 1200px;
  }

  footer.content-footer .bottom .block {
    -webkit-column-gap: 17px;
    column-gap: 17px;
  }

  footer.content-footer .bottom .block .sl {
    -webkit-column-gap: 17px;
    column-gap: 17px;
  }

  footer.content-footer .bottom .social {
    -webkit-column-gap: 7px;
    column-gap: 7px;
  }

  footer.content-footer .bottom .block img {
    width: 181px;
  }

  footer.content-footer .left {
    -webkit-column-gap: 20px;
    column-gap: 20px;
  }

  footer.content-footer .left nav {
    width: 30%;
  }

  footer.content-footer #block-pharmocean-bad {
    font-size: 5.063em;
  }
}

@media screen and (max-width:1340px) {
  .overflow {
    overflow: hidden;
  }

  body.overflow .wrapper::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 998;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }

  .header-top .first>div {
    height: 50px;
    font-size: 1em;
  }

  .header-top .first div img {
    height: 30px;
    width: 30px;
  }

  .header-top .first div svg {
    height: 13.21px;
    width: auto;
  }

  .header-top .first a {
    width: 120px;
    height: 34px;
  }

  header.content-header {
    border-radius: 0 0 35px 35px;
    width: calc(100% - 2px);
    margin: 86px 0 0;
    border-left: 1px solid rgba(255, 255, 255, 0.6);
    border-right: 1px solid rgba(255, 255, 255, 0.6);
  }

  header.content-header .header-wrapp {
    padding: 20px 120px 20px 84px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  header.content-header nav {
    position: absolute;
    top: 20px;
    right: 30px;
  }

  header.content-header .logo {
    margin: -20px 0 -45px;
  }

  header.content-header ul.links {
    display: none;
    visibility: hidden;
  }

  header.content-header a.buy {
    width: 126px;
    height: 40px;
  }

  header.content-header #block-pharmocean-searchmayblock {
    position: absolute;
    top: 20px;
    left: 30px;
  }

  header.content-header #block-pharmocean-searchmayblock .search-icon {
    content: url("data:image/svg+xml,%3Csvg width='24' height='26' viewBox='0 0 24 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.2861 24.7621L18.7782 21.1979M11.0607 21.1979C16.4854 21.1979 20.883 16.7298 20.883 11.2181C20.883 5.70639 16.4854 1.23828 11.0607 1.23828C5.63607 1.23828 1.23851 5.70639 1.23851 11.2181C1.23851 16.7298 5.63607 21.1979 11.0607 21.1979Z' stroke='white' stroke-opacity='0.6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    cursor: pointer;
  }

  .dark-menu header.content-header #block-pharmocean-searchmayblock .search-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='21' viewBox='0 0 19 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 20L15.1667 17.1212M8.93333 17.1212C13.3148 17.1212 16.8667 13.5124 16.8667 9.06061C16.8667 4.60886 13.3148 1 8.93333 1C4.55187 1 1 4.60886 1 9.06061C1 13.5124 4.55187 17.1212 8.93333 17.1212Z' stroke='%23132468' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 21px;
  }

  header.content-header #block-pharmocean-searchmayblock form {
    display: none;
    position: absolute;
    top: 80px;
    width: 89vw;
    background: var(--color-white02);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px)
  }

  header.content-header .header-wrapp #block-pharmocean-gdekupit {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin: 0 90px 0 0;
  }

  header.content-header .logo img {
    width: 139px;
    height: auto;
  }

  header.content-header nav .m_menu_icon {
    width: 60px;
    height: 26px;
    position: relative;
    cursor: pointer;
    margin: 7px 0 0;
  }

  header.content-header nav .m_menu_icon span {
    width: 100%;
    height: 2px;
    display: block;
    background: var(--color-white);
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
  }

  header.content-header nav .m_menu_icon span.n1 {
    top: 0;
  }

  header.content-header nav .m_menu_icon span.n3 {
    top: 100%;
  }

  .dark-menu header.content-header nav .m_menu_icon span {
    background: var(--color-blue);
  }

  header.content-header nav .empty_bg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 998;
    display: none;
    opacity: 0;
    background: var(--color-black02);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }

  header.content-header nav .empty_bg.show {
    display: block;
    opacity: 1;
  }

  header.content-header nav .m_menu {
    position: fixed;
    top: 0;
    right: -1px;
    -webkit-transform: translateX(105%);
    transform: translateX(105%);
    width: 100vw;
    height: 100vh;
    max-width: 385px;
    background: var(--color-white);
    z-index: 999;
    margin: -86px 0 0;
  }

  header.content-header nav .m_menu.show_menu {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  header.content-header nav .m_menu .first {
    visibility: visible;
    display: block;
    padding: 8px 20px 9px;
    background: -webkit-gradient(linear, left top, right top, from(#82C8FF), color-stop(13.11%, #6EA6EF), color-stop(40%, #2C43A1), color-stop(60%, #2C43A1), color-stop(93.28%, #6EA6EF), to(#82C8FF)), #FFFFFF;
    background: linear-gradient(90deg, #82C8FF 0%, #6EA6EF 13.11%, #2C43A1 40%, #2C43A1 60%, #6EA6EF 93.28%, #82C8FF 100%), #FFFFFF;
  }

  header.content-header nav .m_menu .first>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  header.content-header nav .m_menu .first .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 51px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    font-size: 0.625em;
    color: var(--color-white);
    font-weight: 600;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  header.content-header nav .m_menu .first .text {
    width: 131px;
    height: 31px;
  }

  header.content-header nav .m_menu .first div svg {
    height: 10.57px;
    width: auto;
    margin: 0 5px 0 0;
  }

  header.content-header nav .m_menu .first div svg path {
    fill: var(--color-white);
  }

  header.content-header nav .m_menu .first .box img {
    width: 33px;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  header.content-header nav .m_menu .first a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 74px;
    height: 20px;
    border: 1px solid var(--color-white);
    color: var(--color-white);
    font-size: 0.625em;
    font-weight: 600;
    margin: 0 0 0 auto;
    border-radius: 80px;
    -webkit-column-gap: 3px;
    column-gap: 3px;
  }

  header.content-header nav .m_menu .first a::after {
    content: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3678 0.990844H0.987672M5.3678 0.990844V5.37097M5.3678 0.990844L0.987672 5.37097' stroke='white' stroke-width='0.9' stroke-linecap='round'/%3E%3Cpath d='M5.3678 0.990844H0.987672M5.3678 0.990844V5.37097M5.3678 0.990844L0.987672 5.37097' stroke='white' stroke-width='0.9' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }

  header.content-header nav ul.menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 60px auto 0;
    font-size: var(--18);
    max-width: 280px;
  }

  header.content-header nav ul.menu li:nth-child(9) {
    margin: 0;
  }

  header.content-header nav ul.menu li:nth-child(10),
  header.content-header nav ul.menu li:nth-child(3),
  header.content-header nav ul.menu li:nth-child(2) {
    display: block;
  }

  header.content-header nav ul.menu li:nth-child(5) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  header.content-header nav ul.menu li:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  header.content-header nav ul.menu li:nth-child(9) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  header.content-header nav ul.menu li:nth-child(10) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  header.content-header nav ul.menu li {
    text-align: center;
    padding: 0 0 25px;
    white-space: normal;
  }

  header.content-header nav ul.menu li ul li {
    padding: 0 0 15px;
  }

  header.content-header nav ul.menu li ul li:last-child {
    padding: 0;
  }

  header.content-header nav ul.menu>li>span {
    text-transform: uppercase;
    font-weight: 700;
  }

  header.content-header nav ul.menu>li:nth-child(10)>span {
    text-transform: none;
    font-weight: 400;
  }

  header.content-header nav ul.menu li.menu-item--megamenu>span>a,
  header.content-header nav ul.menu li.menu-item--megamenu>a {
    display: block;
  }

  header.content-header nav ul.menu li.menu-item--megamenu.open .megamenu {
    display: none;
    visibility: hidden;
  }

  header.content-header nav ul.menu li.menu-item--expanded>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  header.content-header nav ul.menu li.menu-item--expanded>span>span {
    display: block;
    width: 8px;
    content: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.5L5.5 5.5L9.5 1.5' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M1.5 1.5L5.5 5.5L9.5 1.5' stroke='%23132468' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    padding: 0 5px;
    margin: 0 -18px 0 0;
  }

  header.content-header nav ul.menu a[href="/buy"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 35px;
    width: calc(100% - 80px);
    -webkit-backdrop-filter: blur(150px);
    backdrop-filter: blur(150px);
    background-image: var(--gral-green);
    border: 1px solid var(--color-white04);
    color: var(--color-white);
    border-radius: 60px;
    font-size: var(--14);
    position: absolute;
    bottom: 129px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  header.content-header nav ul.menu .open ul.sub-menu {
    display: block;
    padding: 10px 0 0;
    margin: 0;
  }

  header.content-header a {
    color: var(--color-blue);
  }

  header.content-header nav ul ul a {
    opacity: 0.7;
  }

  header.content-header nav ul a {
    opacity: 1;
  }

  header.content-header nav .buttom {
    position: absolute;
    bottom: 50px;
    left: 40px;
    width: calc(100% - 80px);
    padding: 20px 0;
    display: block;
    visibility: visible;
    border-top: 1px solid var(--color-blue05);
  }

  header.content-header nav .buttom ul.links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
  }

  #image-top {
    max-height: 300px;
    margin: 50px 0 0;
  }

  main {
    padding: 0 30px;
  }

  #content {
    width: 100%;
    float: left;
    padding: 110px 0 60px 0;
  }

  main.left.ima .main-ima {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
  }

  .taxonomy_term .main-content-tire .sidebar-left,
  .view.products.page_1 main.left .main-content-tire .sidebar-left,
  .view.reviews.page_1 #block-pharmocean-osnovnayanavigaciya-2,
  .node-block-22 #block-pharmocean-osnovnayanavigaciya-2,
  main .sidebar-left {
    display: none;
    visibility: hidden;
  }

  main.ima .sidebar-left {
    display: block;
    visibility: visible;
  }

  main.left .main-content {
    max-width: 100%;
  }

  main .brwadcrumbs {
    display: none;
    visibility: hidden;
  }

  main.left .colmuner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  main.left .colmuner .sidebar-left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
  }

  main.left .colmuner .main-content.first {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  main.left .colmuner .main-content.due {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  main.left.ima .main-content-one {
    margin: 30px 0 0;
  }

  main.left.ima .main-content-due.big,
  .webform main.left.ima .main-content-due {
    max-width: 100%;
    margin: 0;
  }

  main.left.ima .main-content-due {
    max-width: 100%;
    margin: 0;
  }

  main .sidebar-left ul.menu {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    padding: 10px 0 0;
  }

  .view.reviews.page_1 main.ima.article .main-ima h1 {
    padding-top: 120px;
    padding-bottom: 50px;
  }

  main.ima.article .main-ima h1 {
    max-width: 420px;
  }

  main .sidebar-left ul.menu li {
    width: calc(50% - 10px);
    padding: 20px 0 0;
  }

  main.ima .sidebar-left ul.menu li a {
    border: 1px solid var(--color-white06);
    background: var(--color-white02);
    -webkit-backdrop-filter: blur(11.5px);
    backdrop-filter: blur(11.5px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 13px 17px 13px 15px;
    border-radius: 20px;
    font-size: var(--14);
    font-weight: 600;
    color: var(--color-white);
  }

  main.ima .sidebar-left ul.menu li a br {
    display: none;
  }

  main.ima .sidebar-left ul.menu li a::after {
    content: url(../img/arrow_white.svg);
  }

  .taxonomy_term main.ima.article .main-ima h1,
  main.ima.article .main-ima h1 {
    max-width: 630px;
    line-height: 110%;
    padding: 0;
    text-align: center;
    margin: 0 auto;
  }

  .search.view main.ima .main-ima h1,
  .pharmocean_module.buy main.ima .main-ima h1 {
    padding: 95px 0 20px;
  }

  .pharmocean_module.buy main.ima .main-ima h1 {
    text-align: center;
    margin: 0 auto;
  }

  .taxonomy_term main.ima .main-ima h1,
  .view.products.page_1 main.ima .main-ima h1 {
    max-width: 100%;
    padding: 45px 0 20px;
    margin: 0 auto 45px;
    text-align: center;
  }

  main.ima .main-ima h1 {
    font-size: var(--45);
    text-align: center;
    margin: 0 auto;
  }

  #unisender-block {
    padding: 20px;
    border-radius: 20px;
    width: calc(100% - 40px);
    margin: 60px 0 0;
  }

  #unisender-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #unisender-block .text {
    width: 100%;
    padding: 0 0 20px;
  }

  #unisender-block .text h2 {
    font-size: var(--28);
  }

  #unisender-block .text br {
    display: none;
  }

  #unisender-block .form {
    width: 100%;
    position: relative;
    padding: 0 0 59px;
  }

  #unisender-block .form .subscribe-form-item--input-email {
    width: 100%;
  }

  #unisender-block .form .subscribe-form-item--btn-submit {
    position: absolute;
    bottom: 0;
    right: 0;
  }

  #unisender-block .form input[type="text"] {
    font-size: var(--16);
  }

  #unisender-block .form button {
    font-size: var(--14);
    width: 155px;
    height: 39px;
  }

  #unisender-block .form .menus {
    font-size: var(--14);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
    column-gap: 20px;
  }

  #unisender-block .form .menus2 {
    width: 100%;
  }

  main.left .main-content-tire .main-content {
    width: 100%;
    max-width: 100%;
  }

  footer.content-footer .content {
    margin: 30px;
    width: calc(100% - 60px);
  }

  footer.content-footer .content .top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  footer.content-footer .left {
    width: 100%;
  }

  footer.content-footer .left nav {
    width: 26%;
  }

  footer.content-footer .left #buy {
    width: 22%;
  }

  footer.content-footer .left a.buy {
    width: calc(100% - 2px);
    height: 45px;
    font-size: var(--14);
  }

  footer.content-footer .left nav ul.menu li {
    margin: 0 0 8px;
  }

  footer.content-footer .left nav ul.menu li a {
    font-size: var(--16);
  }

  footer.content-footer .left nav h3 {
    padding: 0 0 15px;
    font-size: var(--22);
  }

  footer.content-footer .right {
    width: 47%;
    margin: -62px 0 0 53%;
  }

  footer.content-footer .right #block-pharmocean-taxonomymenublock-2,
  footer.content-footer .right .views-element-container {
    display: none;
    visibility: hidden;
  }

  footer.content-footer .right #block-pharmocean-produkciya {
    display: block;
    visibility: visible;
  }

  footer.content-footer .right a.products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    color: var(--color-white);
    width: calc(100% - 2px);
    height: 45px;
    text-decoration: none;
    border-radius: 80px;
    border: 1px solid var(--color-white);
    background: var(--color-white03);
    font-size: var(--14);
    margin: 0;
  }

  footer.content-footer .right a.products::after {
    content: url(../img/arrow_white.svg);
  }

  footer.content-footer .bottom {
    margin: 30px 0 0;
    padding: 30px 0 0;
  }

  footer.content-footer .bottom .block img {
    width: 122px;
    margin: 0 42px 0 0;
  }

  footer.content-footer .bottom .block {
    -webkit-column-gap: 20px;
    column-gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: var(--14);
  }

  footer.content-footer .bottom .block .sl {
    width: 100%;
    margin: 30px 0 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-column-gap: 20px;
    column-gap: 20px;
  }

  footer.content-footer .bottom .block .sl .menus a {
    padding: 0 0 5px 0;
    display: inline-block;
  }

  footer.content-footer .bottom .social li a {
    width: 49px;
    height: 49px;
    background-size: 49px auto;
  }

  footer.content-footer #block-pharmocean-bad {
    font-size: 6vw;
    text-align: center;
  }

  .news h1,
  .article main.left h2.title,
  .article main.left h1 {
    font-size: var(--28);
    padding: 0 0 20px;
  }

  .node--type-news header,
  .node--type-article header {
    padding: 0 0 20px;
  }

  .node--type-news,
  .node--type-article {
    font-size: var(--16);
  }

  .node--view-mode-full .green,
  .node--view-mode-full .grey,
  .node--view-mode-full .pink {
    padding: 10px 20px;
    border-radius: 20px;
  }

  .node--type-article .product {
    margin: 60px 0 0;
  }

  .js-pager__items.pager {
    padding: 20px 0 0;
  }

  .js-pager__items.pager li {
    width: 100%;
    max-width: 330px;
  }

  .js-pager__items.pager .pager__item {
    width: 100%;
    max-width: 370px;
  }

  .js-pager__items.pager a {
    font-size: var(--14);
    height: 45px;
    width: 100%;
    max-width: 370px;
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .node--type-page {
    font-size: var(--16);
  }

  .node--type-page .video-block img {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
  }

  .node--type-page .video-block .colorbox-video span {
    font-size: var(16);
    line-height: 130%;
    height: calc(2 * line-height);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .node--type-page #photoslider .photo {
    max-width: 450px;
    border-width: 10px;
    border-radius: 20px;
  }

  .node--type-page #photoslider .photo img {
    border-radius: 15px;
  }

  .node--type-page .owl-carousel .owl-stage-outer .owl-item .photo {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  .node--type-page .owl-item.active~.owl-item {
    margin: 0;
  }

  .node--type-page #photoslider {
    padding: 20px 0 0;
    margin: 0 0 -40px;
  }

  .node--type-page .owl-carousel {}

  .node--type-webform .flex {
    font-size: var(--16);
  }

  .node--type-webform .webform-submission-form h2 {
    font-size: var(--28);
  }

  .node--type-webform .webform-submission-form input[type="email"],
  .node--type-webform .webform-submission-form input[type="text"] {
    font-size: var(--16);
  }

  .node--type-webform .webform-submission-form textarea {
    font-size: var(--16);
  }

  .node--type-webform .webform-submission-form input[type="submit"] {
    font-size: var(--14);
    width: 100%;
    max-width: 330px;
    background: url(../img/arrow_white.svg) no-repeat 62% 50%, var(--grad-blue);
  }

  .node--type-webform h2 {
    padding: 0 0 15px;
    font-size: var(--22);
  }

  .node--type-webform .webform-ajax-form-wrapper {
    border-radius: 20px;
  }

  .node--type-webform .webform-submission-form {
    border-radius: 20px;
    padding: 20px;
  }

  .node--type-webform .cosultants {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 60px;
  }

  .node--type-webform .consultant {
    max-width: 100%;
    font-size: var(--16);
    padding: 0 0 40px;
  }

  .node--type-webform .consultant h3 {
    font-size: var(--22);
    padding: 0 0 0px;
  }

  .node--type-webform .consultant .image {
    width: 175px !important;
    height: 175px !important;
  }

  .node--type-webform .consultant .image img {
    width: 175px !important;
    height: 175px !important;
    border-radius: 20px;
  }

  .node--type-webform {
    padding: 90px 0 0;
  }

  #colorbox {
    border: 10px solid var(--color-white);
    border-radius: 20px;
    background: var(--color-white);
  }
}

@media screen and (max-width:900px) {
  .header-top nav ul.menu li a {
    font-size: var(--14);
  }

  header.content-header.header_fixed {
    position: fixed;
    -o-border-image: var(--grad-grey);
    border-image: var(--grad-grey);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    -webkit-box-shadow: 3px 3px 11px 0px var(--color-shadow);
    box-shadow: 3px 3px 11px 0px var(--color-shadow);
    margin: 0;
  }

  header.content-header.header_fixed nav .m_menu {
    margin: 0;
  }

  header.content-header.header_fixed nav .m_menu_icon span {
    background: var(--color-blue);
  }

  header.content-header.header_fixed #block-pharmocean-searchmayblock .search-icon {
    content: url("data:image/svg+xml,%3Csvg width='19' height='21' viewBox='0 0 19 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 20L15.1667 17.1212M8.93333 17.1212C13.3148 17.1212 16.8667 13.5124 16.8667 9.06061C16.8667 4.60886 13.3148 1 8.93333 1C4.55187 1 1 4.60886 1 9.06061C1 13.5124 4.55187 17.1212 8.93333 17.1212Z' stroke='%23132468' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    cursor: pointer;
  }

  header.content-header.header_fixed #block-pharmocean-searchmayblock .search-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='21' viewBox='0 0 19 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 20L15.1667 17.1212M8.93333 17.1212C13.3148 17.1212 16.8667 13.5124 16.8667 9.06061C16.8667 4.60886 13.3148 1 8.93333 1C4.55187 1 1 4.60886 1 9.06061C1 13.5124 4.55187 17.1212 8.93333 17.1212Z' stroke='%23132468' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 19px;
  }

  header.content-header.header_fixed #block-pharmocean-searchmayblock input[type="search"],
  header.content-header.header_fixed #search-block-form input[type="search"] {
    background: var(--color-white08);
    color: var(--color-blue);
    border-radius: 80px;
    margin: 1px 0 0 1px;
    width: calc(100% - 2px);
  }

  header.content-header.header_fixed #block-pharmocean-searchmayblock input[type="search"]::-webkit-input-placeholder,
  header.content-header.header_fixed #search-block-form input[type="search"]::-webkit-input-placeholder {
    color: var(--color-blue05);
  }

  header.content-header.header_fixed #block-pharmocean-searchmayblock input[type="search"]:-ms-input-placeholder,
  header.content-header.header_fixed #search-block-form input[type="search"]:-ms-input-placeholder {
    color: var(--color-blue05);
  }

  header.content-header.header_fixed #block-pharmocean-searchmayblock input[type="search"]::placeholder,
  header.content-header.header_fixed #search-block-form input[type="search"]::placeholder {
    color: var(--color-blue05);
  }

  header.content-header.header_fixed #block-pharmocean-searchmayblock form,
  .dark-menu header.content-header #search-block-form {
    background: rgb(255, 255, 255);
    background: linear-gradient(150deg, rgba(255, 255, 255, 1) 0%, rgba(200, 200, 200, 1) 100%);
    border: 0px solid #ffffff;
    height: 40px;
    -webkit-box-shadow: 3px 3px 11px 0px #838CAC38;
    box-shadow: 3px 3px 11px 0px #838CAC38;
  }

  header.content-header.header_fixed #block-pharmocean-searchmayblock [id^="edit-submit"],
  header.content-header.header_fixed #block-pharmocean-searchmayblock #edit-submit {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='21' viewBox='0 0 19 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 20L15.1667 17.1212M8.93333 17.1212C13.3148 17.1212 16.8667 13.5124 16.8667 9.06061C16.8667 4.60886 13.3148 1 8.93333 1C4.55187 1 1 4.60886 1 9.06061C1 13.5124 4.55187 17.1212 8.93333 17.1212Z' stroke='%23132468' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") !important;
  }

  .news h1,
  .article main.left h2.title,
  .article main.left h1 {
    text-align: center;
  }

  .node--type-news header,
  .node--type-article header {
    text-align: center;
  }

  .node--view-mode-full img {
    margin: 0 -30px 15px;
    width: calc(100% + 60px);
    max-width: calc(100% + 60px);
    border-radius: 0;
  }

  .node--type-article .product {
    padding: 20px;
  }

  .node--type-article .product .content {
    width: calc(50% - 40px);
    padding: 20px;
  }

  .onbtn {
    width: 100%;
    text-align: center;
    height: 45px;
    line-height: 45px;
  }

  .node--type-page #photoslider .photo {
    width: calc(100% - 30px);
  }

  .node--type-page .owl-carousel {
    max-width: 95%;
  }

  .node--type-webform .webform-submission-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .node--type-webform .webform-submission-form h2 {
    margin: 0 auto;
    text-align: center;
  }

  .node--type-webform .webform-submission-form .form-wrapper {
    max-width: 100%;
  }
}

@media screen and (max-width:768px) {
  .wrapper {
    overflow-x: hidden;
  }

  .header-top {
    height: 88px;
  }

  .header-top .first>div {
    height: 30px;
    font-size: 0.625em;
    max-width: 459px;
    padding: 0 15.5px;
    margin: 0 auto;
  }

  .header-top .first div svg {
    height: 8.45px;
    width: auto;
    margin: 0 5px 0 0;
  }

  .header-top .first>div img {
    width: 19px;
    height: auto;
  }

  .header-top .first div .text {
    display: block;
    max-width: 176px;
    height: auto;
  }

  .header-top .first div a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 74px;
    height: 20px;
    border: 1px solid var(--color-white);
    color: var(--color-white);
    font-weight: 600;
    margin: 0 0 0 auto;
    border-radius: 80px;
    -webkit-column-gap: 3px;
    column-gap: 3px;
  }

  .header-top .first a::after {
    content: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3678 0.990844H0.987672M5.3678 0.990844V5.37097M5.3678 0.990844L0.987672 5.37097' stroke='white' stroke-width='0.9' stroke-linecap='round'/%3E%3Cpath d='M5.3678 0.990844H0.987672M5.3678 0.990844V5.37097M5.3678 0.990844L0.987672 5.37097' stroke='white' stroke-width='0.9' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }

  .dark-menu .header-top .first a::after {
    content: url("data:image/svg+xml,%3Csvg width='5' height='5' viewBox='0 0 5 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.80829 1.06415H0.992493M3.80829 1.06415V3.87994M3.80829 1.06415L0.992493 3.87994' stroke='%232B9FC8' stroke-width='0.578571' stroke-linecap='round'/%3E%3Cpath d='M3.80829 1.06415H0.992493M3.80829 1.06415V3.87994M3.80829 1.06415L0.992493 3.87994' stroke='%232B9FC8' stroke-width='0.578571' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }

  .header-top nav {
    height: 56px;
  }

  .header-top nav ul.menu {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .header-top nav ul.menu li {
    width: 50%;
    height: 29px;
  }

  .header-top nav ul.menu li:nth-child(1),
  .header-top nav ul.menu li:nth-child(2) {
    border-bottom: 1px solid var(--color-white06);
  }

  .header-top nav ul.menu li:nth-child(1),
  .header-top nav ul.menu li:nth-child(3) {
    border-left: 1px solid var(--color-white06);
  }

  .header-top nav ul.menu li:last-child {
    display: none;
  }

  .header-top nav ul.menu li a {
    height: 26px;
  }

  header.content-header {
    border-radius: 0 0 25px 25px;
  }

  header.content-header .header-wrapp {
    padding: 13px 80px 14px 59px;
  }

  header.content-header .logo {
    margin: -12px 0 -45px;
    width: 108.27px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  header.content-header .logo img {
    width: 108.27px;
  }

  header.content-header a.buy {
    width: 106px;
    height: 35px;
    font-size: var(--14);
  }

  header.content-header #block-pharmocean-searchmayblock {
    position: absolute;
    top: 20px;
    left: 20px;
  }

  header.content-header #block-pharmocean-searchmayblock form {
    background: var(--color-white);
  }

  header.content-header #block-pharmocean-searchmayblock form input[type="search"] {
    color: var(--color-blue);
  }

  header.content-header #block-pharmocean-searchmayblock form input[type="search"]::-webkit-input-placeholder {
    color: var(--color-blue05);
  }

  header.content-header #block-pharmocean-searchmayblock form input[type="search"]:-ms-input-placeholder {
    color: var(--color-blue05);
  }

  header.content-header #block-pharmocean-searchmayblock form input[type="search"]::placeholder {
    color: var(--color-blue05);
  }

  header.content-header #block-pharmocean-searchmayblock [id^="edit-submit"],
  header.content-header #block-pharmocean-searchmayblock #edit-submit {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='21' viewBox='0 0 19 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 20L15.1667 17.1212M8.93333 17.1212C13.3148 17.1212 16.8667 13.5124 16.8667 9.06061C16.8667 4.60886 13.3148 1 8.93333 1C4.55187 1 1 4.60886 1 9.06061C1 13.5124 4.55187 17.1212 8.93333 17.1212Z' stroke='%23132468' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") !important;
  }

  header.content-header .header-wrapp #block-pharmocean-gdekupit {
    margin: 0;
  }

  header.content-header nav {
    position: absolute;
    top: 23px;
    right: 15px;
  }

  header.content-header nav .m_menu_icon {
    width: 24px;
    height: 16px;
    margin: 0;
  }

  header.content-header nav .m_menu {
    max-width: 300px;
  }

  header.content-header nav ul.menu {
    margin: 72px auto 0;
    font-size: var(--16);
    letter-spacing: 1%;
    max-width: 160px;
    font-weight: 700;
  }

  header.content-header nav ul.menu li.menu-item--megamenu>span>a::after,
  header.content-header nav ul.menu li.menu-item--megamenu>a::after {
    display: none;
  }

  header.content-header nav ul.menu li ul li {
    padding: 0 0 18px;
    line-height: 1.2;
  }

  header.content-header nav ul.menu .open ul.sub-menu {
    display: block;
    padding: 18px 0 0;
    margin: 0;
  }

  header.content-header nav ul.menu li {
    padding: 0 0 32px;
  }

  header.content-header nav .buttom {
    padding: 20px 0;
  }

  header.content-header nav .buttom ul.links {
    font-size: var(--14);
  }

  .dark-menu header.content-header nav ul.menu li.menu-item--megamenu:nth-child(1)>span>a::after {
    display: none;
  }

  main {
    padding: 0 10px;
  }

  #content {
    width: 100%;
    float: left;
    padding: 92px 0 60px 0;
  }

  #image-top {
    max-height: 201px;
    margin: 30px 0 0;
    padding: 58px 0 0;
  }

  main.ima .main-ima h1 {
    font-size: var(--35);
  }

  #unisender-block .text br {
    display: block;
  }

  .pharmocean_module.buy main.ima .main-ima h1 {
    padding: 49px 0 0px;
  }

  .view.reviews.page_1 main.ima.article .main-ima h1 {
    padding: 41px 0 10px;
  }

  .taxonomy_term main.ima .main-ima h1,
  .view.products.page_1 main.ima .main-ima h1 {
    max-width: 330px;
    padding: 0px 0 0px;
    margin: 0 0 30px
  }

  .taxonomy_term main.ima.article .main-ima h1,
  .view.products.page_1 main.ima .main-ima h1 {
    max-width: 90%;
    padding: 0px 0 5px;
    margin: 0 auto
  }

  main .sidebar-left ul.menu {
    padding: 10px 0 10px;
  }

  #unisender-block .form .menus {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  main .sidebar-left ul.menu li {
    width: 100%;
    padding: 15px 0 0;
  }

  #unisender-block .text h2 {
    text-align: center;
  }

  #unisender-block .form button,
  #unisender-block .form .subscribe-form-item--btn-submit {
    width: 100%;
  }

  footer.content-footer .content {
    margin: 30px 10px;
    width: calc(100% - 20px);
  }

  footer.content-footer .content .top {}

  footer.content-footer .top .right {
    margin: 0;
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  footer.content-footer .top .left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  footer.content-footer .top div:nth-child(3) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  footer.content-footer #block-pharmocean-bad {
    font-size: 2.45em;
    text-align: left;
    margin: 20px 0 -10px;
  }

  footer.content-footer .left #buy,
  footer.content-footer .left nav {
    width: 46%;
    margin-top: 30px;
  }

  footer.content-footer .bottom .block> :nth-child(3) {
    width: 100%;
    margin: 30px 0 20px
  }

  footer.content-footer .bottom .block .sl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 30px;
    margin: 0;
  }

  .node--view-mode-full img {
    margin: 0 -10px 15px;
    width: calc(100% + 20px);
    max-width: calc(100% + 20px);
    border-radius: 0;
  }

  .node--type-article .product {
    width: calc(100% - 40px);
    background-position: -100px 50%;
    background-size: auto 100%;
    border-radius: 20px;
  }

  .node--type-article .product .content {
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    -webkit-box-shadow: -3px -3px 11px 0px transparent;
    box-shadow: -3px -3px 11px 0px transparent;
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
  }

  .node--type-article .product .content .content-txt {
    width: calc(100% - 40px);
    float: right;
    padding: 20px;
    border: 1px solid var(--color-white);
    background: var(--color-white03);
    border-radius: 15px;
    -webkit-box-shadow: 3px 3px 11px 0px #FFFFFF38;
    box-shadow: 3px 3px 11px 0px #FFFFFF38;
    -webkit-box-shadow: -3px -3px 11px 0px #FFFFFF3D;
    box-shadow: -3px -3px 11px 0px #FFFFFF3D;
    -webkit-backdrop-filter: blur(34.4px);
    backdrop-filter: blur(34.4px);
    margin: 0 0 285px;
  }

  .node--type-article .product .content .text {
    padding: 0;
  }

  .node--type-article .product .content h3 {
    padding: 0 0 15px;
    font-size: var(--25);
  }

  .node--type-webform .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .node--type-webform .flex .block {
    width: 100%;
  }

  .node--type-webform .cosultants {
    padding: 0 0 20px;
  }

  .node--type-webform .consultant {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }

  .node--type-webform .consultant .text {
    width: 100%;
  }

  .node--type-webform .webform-submission-form h2 {
    max-width: 280px;
  }

  .node--view-mode-full table {
    border-radius: 20px;
    display: block;
    overflow-x: auto;
    width: 100% !important;
  }

  .node-block-22 #image-top img {
    -o-object-position: 66% 50%;
    object-position: 66% 50%;
  }

  .node--view-mode-full h2 {
    text-align: center;
  }

  #sliding-popup .eu-cookie-compliance-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #sliding-popup .eu-cookie-compliance-buttons {
    width: 100%;
    text-align: center;
    padding: 10px 0 0;
  }

  #sliding-popup button {
    width: 100%;
    max-width: 370px;
    height: 45px;
    font-size: var(--14);
  }

  #bbannner0 .desctop {
    display: none;
    visibility: hidden;
  }

  #bbannner0 .mobile {
    width: 90%;
    text-align: center;
    display: block;
    visibility: visible;
  }

  #bbannner1 .mobile {
    width: 100%;
    text-align: center;
    display: block;
    visibility: visible;
  }

  #bbannner1 .close {
    top: -6px;
    right: 6px;
    width: 30px;
    height: 30px;
  }

  #bbannner1 {
    position: fixed;
    bottom: 10px;
    left: 0;
    right: 0;
    z-index: 999;
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }

  #bbannner1.activ {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@media screen and (max-width:400px) {
  footer.content-footer .bottom .social li a {
    width: 45px;
    height: 45px;
    background-size: 45px auto;
  }
}

@media screen and (max-width:360px) {
  header.content-header .header-wrapp #block-pharmocean-gdekupit {
    margin: 0 35px 0 -35px;
  }
}

.topimage .shadow {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 55%;
  background: linear-gradient(277.74deg, rgba(0, 0, 0, 0) 6.17%, #000000 79.63%) 100% 100%;
  opacity: 0.8
}

.node--type-product {
  display: block;
  padding: 50px 0 0;
}

.node--type-product h2.title {
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: var(--grad-blue);
  font-size: var(--38);
  letter-spacing: 0.01em;
  font-weight: 600;
  padding: 0 0 30px;
}

.node--type-product header {
  max-width: 750px;
  display: block;
  float: none;
}

.node--type-product header h1 {
  font-size: var(--65);
  line-height: 1.262em;
  font-weight: 700;
  color: var(--color-white);
  padding: 0 0 20px;
}

.node--type-product header .subtitle {
  font-size: var(--25);
  line-height: 130%;
  letter-spacing: 0.01em;
  color: var(--color-white);
  padding: 0 0 30px;
}

.node--type-product .header {
  max-width: 750px;
  display: block;
  float: none;
  min-height: 580px;
}

.node--type-product .item-faq .header {
  min-height: 0;
  max-width: 100%;
}

.node--view-mode-full .item-faq .header h3 {
  color: var(--color-white);
}

.node--type-product .content-body {
  font-size: var(--20);
  line-height: 130%;
  color: var(--color-white);
  padding: 0 0 30px;
  min-height: 175px;
}

.node--type-product .content-body p {
  padding: 0;
}

.node--type-product .content-body ul {
  list-style-type: disc;
}

.node--type-product .content-body ul li {
  padding: 0;
}

.node--type-product .by-pharmacy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  max-width: 700px;
  padding: 0 0 50px;
}

.node--type-product .by-pharmacy .icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

.node--type-product .by-pharmacy .icons .icon {
  width: 70px;
  height: 70px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.node--type-product .by-pharmacy .icons .icon.o {
  background-image: url(../img/ozon.png);
}

.node--type-product .by-pharmacy .icons .icon.w {
  background-image: url(../img/wb.png);
}

.node--type-product .by-pharmacy .btn {
  width: 298px;
  height: 66px;
  background: var(--grad-grey);
  border-radius: 80px;
  padding: 1px;
  color: var(--color-white);
  text-decoration: none;
  font-size: var(--20);
  display: block;
}

.node--type-product .by-pharmacy .btn span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  background-image: var(--gral-green);
  border-radius: 80px;
  height: 66px;
  position: relative;
  z-index: 1;
}

.node--type-product .by-pharmacy .btn span::after {
  content: url(../img/arrow_white.svg);
  margin: -2px 0 2px;
}

.node--type-product .by-pharmacy .btn span::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: var(--gral-green-ower);
  z-index: -1;
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  opacity: 0;
  border-radius: 80px;
}

.node--type-product .by-pharmacy .btn:hover span::before {
  opacity: 1;
}

.node--type-product .by-pharmacy .text {
  font-size: var(--25);
  line-height: 130%;
  color: var(--color-white);
  width: calc(100% - 320px);
}

.node--type-product .hiper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 15px;
  column-gap: 15px;
  grid-row-gap: 5px;
  padding: 0;
  margin: 0;
  list-style-type: none;
  max-width: 476px;
  font-size: var(--25);
  line-height: 130%;
  letter-spacing: 0.01em
}

.node--type-product .hiper li {
  padding: 0;
  margin: 0;
  display: block;
}

.node--type-product .hiper a {
  text-decoration: none;
  color: var(--color-white07);
}

.node--type-product .hiper a:hover {
  color: var(--color-white);
  border-bottom: 1px solid var(--color-white);
}

.node--type-product ul {
  list-style-type: disc;
}

.node--type-product ol {
  list-style-type: decimal;
}

.node--view-mode-full table {
  border-radius: 40px;
  width: 100% !important;
  border-collapse: collapse;
  border-style: hidden;
  -webkit-box-shadow: 0 0 0 1px var(--color-black02);
  box-shadow: 0 0 0 1px var(--color-black02);
}

.node--view-mode-full .topContent .text table {
  width: 700px !important;
  overflow-x: auto;
  display: block;
}

.node--view-mode-full th,
.node--view-mode-full td {
  border: 1px solid var(--color-black02);
  padding: 20px;
  width: auto !important;
}

.node--view-mode-full table td p,
.node--view-mode-full table th p {
  padding: 0;
}

.node--type-product ol li,
.node--type-product ul li {
  padding: 0 0 5px;
}

.topContent {
  padding: 100px 0 40px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(0.5fr, 2.5fr);
  gap: 0px 20px;
}

.topContent .sidebar {
  grid-row: span 2 / span 2;
}

.topContent .top {}

.topContent .text {
  grid-row-start: 2;
}

.topContent>div:nth-child(1) {
  text-align: center;
}

.topContent>div .image {
  position: relative;
  padding: 0 0 50px;
  text-align: center;
  overflow: visible;
}

.topContent>div .image::before {
  content: url(../img/round.svg);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}

.topContent>div .image img {
  -webkit-filter: drop-shadow(-11px 16px 19px rgba(17, 0, 56, 0.21)) drop-shadow(-25px 36px 26px rgba(17, 0, 56, 0.13));
  filter: drop-shadow(-11px 16px 19px rgba(17, 0, 56, 0.21)) drop-shadow(-25px 36px 26px rgba(17, 0, 56, 0.13));
  border-radius: 0px;
  margin: 0 0 0px;
  max-height: calc(100vh - 108px);
}

.topContent .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-blue);
  text-decoration: none;
  font-size: var(--20);
  max-width: 200px;
  margin: 0 auto 15px;
  position: relative;
  z-index: 1;
}

.topContent .more::after {
  content: url(/themes/pharmocean/images/arrow_blue2.svg);
}

.topContent .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-row-gap: 10px;
  max-width: 525px;
}

.topContent .links a {
  display: block;
  padding: 1px;
  height: 58px;
  background: var(--grad-grey);
  border-radius: 80px;
  font-size: var(--20);
  color: var(--color-white);
  text-decoration: none;
  width: 260px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.topContent .links a.at {
  width: 300px;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.topContent .links a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 58px;
  border-radius: 80px;
  padding: 0 20px;
  position: relative;
  z-index: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.topContent .links a.at span {
  padding: 0 61px;
}

.topContent .links a.at span::after {
  content: url(../img/arrow_white.svg);
  margin: -2px 0 2px;
}

.topContent .links a.at span::before,
.topContent .links a.at span {
  background: var(--gradbtn-green);
}

.topContent .links a span::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 58px;
  width: 100%;
  border-radius: 80px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  z-index: -1;
  opacity: 0;
}

.topContent .links a:hover span::before {
  opacity: 1;
}

.topContent .links a.o span,
.topContent .links a.o span::before {
  background-image: var(--gradbtn-ozon);
}

.topContent .links a.w span,
.topContent .links a.w span::before {
  background-image: var(--gradbtn-wb);
}

.topContent .links a.y span,
.topContent .links a.y span::before {
  background-image: var(--gradbtn-yandex);
  color: var(--color-black)
}

.topContent .links a.z span,
.topContent .links a.z span::before {
  background-image: var(--gradbtn-zdravisty);
}

.topContent .links a.a span,
.topContent .links a.a span::before {
  background-image: var(--gradbtn-ozon);
}

.topContent .links2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin: 5px auto 0;
  max-width: 380px;
  -webkit-column-gap: 21px;
  column-gap: 21px;
}

.topContent .links2 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.topContent .links2 a {
  color: var(--color-blue);
  font-size: 1em;
  text-decoration: none;
  letter-spacing: 0.01em
}

.topContent .links2 a .icon {
  display: block;
  width: 78px;
  height: 78px;
  background: url(../img/button_icon.png) no-repeat 0 0;
  margin: 0 0 8px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.topContent .links2 a:hover .icon {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.topContent .links2 a.on .icon {
  background-position: 0 0;
}

.topContent .links2 a.at .icon {
  background-position: -98px 0;
}

.topContent .links2 a.o .icon {
  background-position: -293px 0;
}

.topContent .links2 a.w .icon {
  background-position: -196px 0;
}

.topContent .sticky {
  top: 0;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.topContent h1 {
  color: var(--color-white);
  font-size: var(--65);
  line-height: 1.262em;
  font-weight: 700;
  position: relative;
  padding: 0 0 30px;
  text-align: left;
}

.topContent h1 span {
  text-shadow: 3px 3px 8.3px rgba(131, 140, 172, 0.75), -3px -3px 8.3px rgba(255, 255, 255, 0.75), 1px 5px 3.5px rgba(0, 7, 74, 0.25);
  background-clip: text;
}

.topContent h1:after {
  content: attr(title);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: var(--grad-blue);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-text-stroke: 0.5px var(--color-white);
  text-stroke: 0.5px var(--color-white);
}

.topContent p {
  padding: 0 0 15px;
}

.topContent .text {
  font-size: var(--20);
  color: var(--color-blue);
  line-height: 130%;
}

.components,
.videoBlock {
  padding: 100px 0 0;
}

.components .owl-not,
.videoBlock .owl-not {
  width: 100%;
  float: left;
  padding: 20px 0 40px 0
}

.components .owl-not .item,
.videoBlock .owl-not .item {
  width: 29%;
}

.components .owl-carousel,
.videoBlock .owl-carousel {
  max-width: 100%;
  margin: 0;
}

.components .item,
.videoBlock .item {
  border: 20px solid var(--color-white);
  background: var(--color-white);
  border-radius: 40px;
  position: relative;
  float: left;
  -webkit-box-shadow: 78px 46px 36px rgba(9, 0, 77, 0.01), 44px 26px 31px rgba(9, 0, 77, 0.05), 20px 11px 23px rgba(9, 0, 77, 0.09), 5px 3px 12px rgba(9, 0, 77, 0.1);
  box-shadow: 78px 46px 36px rgba(9, 0, 77, 0.01), 44px 26px 31px rgba(9, 0, 77, 0.05), 20px 11px 23px rgba(9, 0, 77, 0.09), 5px 3px 12px rgba(9, 0, 77, 0.1);
  overflow: hidden;
}

.videoBlock .owl-item,
.components .owl-item {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.videoBlock .owl-item.active,
.components .owl-item.active {
  opacity: 1;
}

.components .item a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
  border-radius: 30px;
}

.components .item img,
.videoBlock .item img {
  overflow: hidden;
  border-radius: 30px;
  margin: 0;
}

.components .item .title,
.videoBlock .item .title {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: calc(100% - 40px);
  font-size: var(--25);
  line-height: 100%;
  letter-spacing: 0.01em;
  color: var(--color-white);
}

.components .owl-carousel .owl-stage-outer,
.videoBlock .owl-carousel .owl-stage-outer {
  max-width: 100%;
  padding: 20px 1185px 50px 20px;
  margin: 0 -1185px -10px -20px;
}

.product-recommended .owl-stage-outer {
  max-width: 100%;
}

.videoBlock .owl-dots,
.components .owl-dots,
.product-recommended .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -48px;
  right: 0;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}

.videoBlock .owl-dots .owl-dot,
.components .owl-dots .owl-dot,
.product-recommended .owl-dots .owl-dot {
  width: 15px;
  height: 15px;
  background: var(--grad-grey);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.videoBlock .owl-dots .owl-dot span,
.components .owl-dots .owl-dot span,
.product-recommended .owl-dots .owl-dot span {
  border-radius: 50%;
  display: block;
  background: var(--color-grey);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}

.videoBlock .owl-dots .owl-dot.active span,
.components .owl-dots .owl-dot.active span,
.product-recommended .owl-dots .owl-dot.active span {
  background: rgba(78, 78, 78, 0.3);
}

.ingridient {
  padding: 60px 0 0;
}

.ingridient .flexContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: start;
  align-content: start;
}

.ingridient .flexContent .flexContent {
  width: calc(100% - 420px);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-row-gap: 20px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.ingridient .block-top {
  padding: 30px;
  width: 100%;
  max-width: 400px;
  border-radius: 40px;
  background: -webkit-gradient(linear, left bottom, left top, from(var(--color-blue02)), to(var(--color-blue02))), url(../img/pod.webp) no-repeat 50% 50%;
  background: linear-gradient(0deg, var(--color-blue02), var(--color-blue02)), url(../img/pod.webp) no-repeat 50% 50%;
  background-size: cover;
  -webkit-box-shadow: -3px -3px 11px rgba(255, 255, 255, 0.24), 3px 3px 11px rgba(131, 140, 172, 0.22);
  box-shadow: -3px -3px 11px rgba(255, 255, 255, 0.24), 3px 3px 11px rgba(131, 140, 172, 0.22);
  color: var(--color-white);
  font-size: var(--25);
  letter-spacing: 0.01em;
  line-height: 130%;
  min-height: 106px;
}

.ingridient .block {
  background-image: linear-gradient(114.41deg, #C8C8C8 4.11%, #FFFFFF 100%);
  border-radius: 40px;
  width: calc(25% - 20px);
  -webkit-box-shadow: 2.39px 2.39px 8.75px 0px rgba(131, 140, 172, 0.22);
  box-shadow: 2.39px 2.39px 8.75px 0px rgba(131, 140, 172, 0.22);
  position: relative;
  height: 166px;
}

.ingridient .block .content {
  margin: 1px;
  background: var(--color-grey);
  position: relative;
  border-radius: 38px;
  padding: 25px;
  height: calc(100% - 53px);
  font-size: var(--20);
  line-height: 130%;
  color: var(--color-blue);
  min-height: 116px;
}

.ingridient .block .content::before {
  content: url(../img/borb.png);
  position: absolute;
  background: var(--color-white);
  bottom: -17px;
  right: -12px;
}

.ingridient .block .icon {
  width: 76px;
  height: 75px;
  border-radius: 50%;
  background: var(--grad-grey2);
  -webkit-box-shadow: 12.73px 12.73px 25.85px 0px #838CAC26;
  box-shadow: 12.73px 12.73px 25.85px 0px #838CAC26;
  position: absolute;
  bottom: 0;
  right: 0;
}

.ingridient .block .icon .i {
  width: 74px;
  height: 73px;
  border-radius: 50%;
  background: var(--color-grey);
  margin: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ingridient .block .icon .i::after {
  content: '';
  display: block;
  background-image: url(/themes/pharmocean/images/icon_sahar.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  width: 43px;
  height: 43px;
}

.ingridient .block.n-1 .icon .i::after {
  background-image: url(../img/icon_sahar_1.svg);
}

.ingridient .block.n-2 .icon .i::after {
  background-image: url(../img/icon_sahar_2.svg);
}

.ingridient .block.n-3 .icon .i::after {
  background-image: url(../img/icon_sahar_3.svg);
}

.ingridient .block.n-4 .icon .i::after {
  background-image: url(/themes/pharmocean/images/icon_sahar_4.svg);
}

.ingridient .block.n-5 .icon .i::after {
  background-image: url(../img/icon_sahar_5.svg);
}

.ingridient .block.n-6 .icon .i::after {
  background-image: url(/themes/pharmocean/images/icon_sahar_6.svg);
}

.ingridient .block.n-7 .icon .i::after {
  background-image: url(/themes/pharmocean/images/icon_sahar_7.svg);
}

.ingridient .block.n-8 .icon .i::after {
  background-image: url(/themes/pharmocean/images/icon_sahar_8.svg);
}

.ingridient .block.n-9 .icon .i::after {
  background-image: url(/themes/pharmocean/images/icon_sahar_9.svg);
}

.ingridient .block.n-10 .icon .i::after {
  background-image: url(/themes/pharmocean/images/icon_sahar_10.svg);
}

.ingridient .block.n-11 .icon .i::after {
  background-image: url(/themes/pharmocean/images/icon_sahar_11.svg);
}

.ingridient .block.n-12 .icon .i::after {
  background-image: url(/themes/pharmocean/images/icon_sahar_12.svg);
}

.directions {
  padding: 40px;
  border-radius: 40px;
  margin: 0 0 100px;
  color: var(--color-white);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  margin: 60px 0 0;
  background-color: var(--volor-light-grey);
  overflow: hidden;
}

.directions .block-1 {
  max-width: 657px;
}

.directions .block-3 {
  max-width: 657px;
  min-height: 344px;
}

.directions h2.title {
  color: var(--color-white);
}

.directions .text {
  font-size: var(--20);
  line-height: 130%;
  padding: 0 0 15px;
}

.directions .text-pre {
  font-size: var(--20);
  line-height: 130%;
  padding: 0 0 20px;
}

.directions .block-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 830px;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px;
  border: 1px solid var(--color-white);
  background: var(--color-white03);
  border-radius: 30px;
  -webkit-backdrop-filter: blur(34px);
  backdrop-filter: blur(34px)
}

.directions .block-2 .man {
  padding: 0 30px 0 0;
  border-right: 1px solid var(--color-white);
  width: 30%;
}

.directions .block-2 .top {
  font-size: var(--25);
  padding: 0 0 15px;
  text-align: center;
}

.directions .block-2 .man .icon {
  width: 100px;
  height: 100px;
  margin: 0 auto 9px;
  background: url(../img/man.webp) no-repeat 50% 50%;
}

.directions .block-2 .center {
  padding: 0 30px;
  width: 50%;
}

.directions .block-2 .center .contain {
  font-size: var(--25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 16.5px;
  column-gap: 16.5px;
  margin: 0 auto;
}

.directions .block-2 .center .contain .big {
  text-align: center;
}

.directions .block-2 .center .big2>div,
.directions .block-2 .center .big>div {
  font-size: 3.52em;
  font-weight: 700;
  white-space: nowrap;
}

.directions .block-2 .center .big2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 20px;
}

.directions .block-2 .center .icon {
  width: 64px;
  height: 64px;
  background: url(../img/capsula.webp) no-repeat 50% 50%;
}

.directions .block-2 .period {
  padding: 0 0 0 30px;
  border-left: 1px solid var(--color-white);
  text-align: center;
  width: 20%;
}

.directions .block-2 .period .bottom {
  font-size: var(--25);
}

.directions .block-2 .period span {
  display: block;
  font-size: 3.52em;
  font-weight: 700;
}

.moreinfo {
  padding: 100px 0 0;
  color: var(--color-blue);
}

.moreinfo .text {
  font-size: var(--20);
  line-height: 130%;
  color: var(--color-blue);
  overflow: hidden;
}

.moreinfo .text .btns {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
  color: var(--color-blue);
  text-decoration: underline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: none;
}

.moreinfo .text .btns span {
  display: block;
  padding: 20px 20px 5px;
  cursor: pointer;
}

.sertificats {
  padding: 40px;
  border-radius: 40px;
  background: url(../img/pod.webp) no-repeat 0 0;
  background-size: cover;
  margin: 100px 0 0;
}

.sertificats h2.title {
  color: var(--color-white);
}

.sertificats .text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-column-gap: 30px;
  column-gap: 30px;
}

.sertificats .text-block .text {
  font-size: var(--25);
  line-height: 130%;
  max-width: 530px;
  color: var(--color-white);
}

.sertificats .text-block .items {
  width: 100%;
  max-width: calc(100% - 545px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -82px 0 0;
}

.sertificats .text-block .item {
  border-radius: 30px;
  background: var(--grad-blue);
  padding: 5px;
  width: 290px;
  height: 290px;
  border-radius: 50%;
}

.sertificats .text-block .item a {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  background: var(--color-white);
}

.sertificats .text-block .item img {
  margin: 0;
  border-radius: 0;
}

#reviews {
  padding: 100px 0 0;
}

#reviews .reviews .content {
  max-width: 100%;
}

#reviews .reviews .content.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

#reviews .reviews .owl-nav {
  position: absolute;
  top: -69px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 50px;
  column-gap: 50px;
}

#reviews .more-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 0 0;
  margin: 0;
  list-style-type: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#reviews .more-link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  padding: 0 73px;
  height: 52px;
  border-radius: 80px;
  color: var(--color-white);
  background: var(--grad-blue);
  text-decoration: none;
}

#reviews .more-link a:hover {
  -webkit-box-shadow: 3px 3px 11px 0px #838CAC80;
  box-shadow: 3px 3px 11px 0px #838CAC80;
}

#reviews .more-link a::after {
  content: url(../img/arrow_white.svg);
}

#reviews .reviews .review-content {
  background: var(--grad-grey);
  border-radius: 40px;
  padding: 1px;
  margin: 0 0 20px;
}

#reviews .reviews .review-content .back {
  padding: 30px 30px 23px;
  border-radius: 40px;
  background: var(--color-grey);
}

#reviews .reviews .review-content header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 15px;
  max-width: 100%;
}

#reviews .reviews .review-content header img {
  height: 25px;
  width: auto;
}

#reviews .reviews .review-content header .name {
  font-size: var(--20);
  color: var(--color-blue);
  padding: 0 0 3px;
}

#reviews .reviews .review-content header .date {
  font-size: var(--16);
  color: var(--color-blue05);
}

#reviews .reviews .review-content .content-text {
  font-size: var(--20);
  color: var(--color-blue);
  line-height: 130%;
  height: 187px;
  overflow: hidden;
}

#rwpopup {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 40px;
  width: 100%;
  max-width: 1180px;
  height: auto;
  z-index: 99;
}

#rwpopup-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-black02);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  z-index: 98;
}

#rwpopup .review-content {
  border-radius: 40px;
  background: var(--color-grey);
  margin: 0 0 30px;
}

#rwpopup .review-content .back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  padding: 30px;
  border-radius: 40px;
}

#rwpopup .review-content header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 190px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-row-gap: 24px;
}

#rwpopup .review-content header .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 190px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-row-gap: 5px;
}

#rwpopup .review-content header .text .name {
  font-size: var(--20);
  color: var(--color-blue);
}

#rwpopup .review-content header .text .name.sur {
  font-size: var(--16);
  color: var(--color-blue05);
  letter-spacing: 0.01em;
}

#rwpopup .review-content header .text .date {
  font-size: var(--16);
  color: var(--color-black05);
  letter-spacing: 0.01em;
}

#rwpopup .review-content .content-text {
  font-size: var(--20);
  line-height: 130%;
  width: calc(100% - 210px);
}

#rwpopup .review-content .content-text h3 {
  font-size: var(--20);
  padding: 0;
  letter-spacing: 0.01em;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: var(--grad-blue);
}

#rwpopup .review-content .content-text a.prev {
  content: url("data:image/svg+xml,%3Csvg width='35' height='86' viewBox='0 0 35 86' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33 84L3 43L33 2' stroke='white' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 50%;
  left: -120px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

#rwpopup .review-content .content-text a.next {
  content: url("data:image/svg+xml,%3Csvg width='35' height='86' viewBox='0 0 35 86' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 84L32 43L2 2' stroke='white' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 50%;
  right: -120px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

#block-pharmocean-nodeformblock {
  padding: 40px;
  border-radius: 40px;
  background: url(../img/form.webp) no-repeat 50% 50%/cover;
  margin: 100px 0 0;
  position: relative;
}

#block-pharmocean-nodeformblock .messages {
  position: absolute;
  top: 30px;
  border-radius: 30px;
  width: 100%;
  max-width: 620px;
}

#block-pharmocean-nodeformblock .form-block {
  max-width: 660px;
}

#block-pharmocean-nodeformblock h2.title {
  color: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#block-pharmocean-nodeformblock h2.title::after {
  content: '';
  display: block;
  background: url(../img/star_comment.svg) no-repeat 0 0 / contain;
  width: 207px;
  height: 40px;
  margin: 9px 0 0;
}

#block-pharmocean-nodeformblock form {
  position: relative;
}

#block-pharmocean-nodeformblock input[type="text"] {
  width: 100%;
  height: 87px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid var(--color-white);
  border-radius: 30px;
  background: var(--color-white03);
  padding: 0 30px;
  font-size: var(--20);
  color: var(--color-white);
  margin: 0 0 20px;
  -webkit-backdrop-filter: blur(34.4px);
  backdrop-filter: blur(34.400001525878906px);
  -webkit-box-shadow: 3px 3px 11px 0px #FFFFFF38;
  box-shadow: 3px 3px 11px 0px #FFFFFF38;
  -webkit-box-shadow: -3px -3px 11px 0px #FFFFFF3D;
  box-shadow: -3px -3px 11px 0px #FFFFFF3D;
  font-family: 'Open Sans';
}

#block-pharmocean-nodeformblock input[type="text"].error {
  background: linear-gradient(145deg, rgba(243, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 73%), var(--color-white03);
  -webkit-backdrop-filter: blur(34.4px);
  backdrop-filter: blur(34.400001525878906px);
  -webkit-box-shadow: 3px 3px 11px 0px #FFFFFF38;
  box-shadow: 3px 3px 11px 0px #FFFFFF38;
  -webkit-box-shadow: -3px -3px 11px 0px #FFFFFF3D;
  box-shadow: -3px -3px 11px 0px #FFFFFF3D;
}

#block-pharmocean-nodeformblock ::-webkit-input-placeholder {
  color: var(--color-white);
}

#block-pharmocean-nodeformblock :-ms-input-placeholder {
  color: var(--color-white);
}

#block-pharmocean-nodeformblock ::placeholder {
  color: var(--color-white);
}

#block-pharmocean-nodeformblock .field--name-field-recall-product {
  display: none;
  visibility: hidden;
}

#block-pharmocean-nodeformblock .field--name-body {
  width: 100%;
  min-height: 482px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid var(--color-white);
  border-radius: 30px;
  background: var(--color-white03);
  -webkit-backdrop-filter: blur(34.4px);
  backdrop-filter: blur(34.400001525878906px);
  -webkit-box-shadow: 3px 3px 11px 0px #FFFFFF38;
  box-shadow: 3px 3px 11px 0px #FFFFFF38;
  -webkit-box-shadow: -3px -3px 11px 0px #FFFFFF3D;
  box-shadow: -3px -3px 11px 0px #FFFFFF3D;
}

#block-pharmocean-nodeformblock .field--name-body::after {
  content: '';
  display: block;
  background: url(../img/fugu.png) no-repeat 50% 50% /contain;
  width: 448px;
  height: 442px;
  position: absolute;
  top: -16px;
  right: -342px;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

#node-reviews-form:focus-within .field--name-body::after {
  right: -442px;
}

#block-pharmocean-nodeformblock .field--name-body textarea {
  width: 100%;
  min-height: 250px;
  margin: 0 0 100px;
  padding: 30px 30px 30px 30px;
  border-radius: 30px;
  font-size: 20px;
  background: transparent;
  border: 0px solid transparent;
  color: var(--color-white);
  font-family: 'Open Sans';
}

#block-pharmocean-nodeformblock .field--name-body textarea.error {
  background: linear-gradient(145deg, rgba(243, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 73%);
}

#block-pharmocean-nodeformblock .form-actions {
  position: absolute;
  right: 30px;
  bottom: 30px;
  text-align: right;
}

#block-pharmocean-nodeformblock .form-actions::after {
  content: url(../img/arrow_white.svg);
  position: absolute;
  top: 18px;
  right: 61.5px;
}

#block-pharmocean-nodeformblock .form-actions input[type="submit"] {
  height: 52px;
  padding: 0 81.6px 0 61.5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 80px;
  border: 1px solid var(--color-white);
  background: var(--color-white02);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  font-size: var(--20);
  color: var(--color-white);
}

#block-pharmocean-nodeformblock .form-actions input[type="submit"]:hover {
  background: var(--color-white05)
}

#block-pharmocean-nodeformblock form label {
  display: none;
  visibility: hidden;
}

#block-pharmocean-views-block-faq-block-2 {
  margin: 100px 0 0;
}

#block-pharmocean-vebforma {
  margin: 100px 0 0;
  padding: 40px;
  border-radius: 30px;
  background: var(--color-blue05);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

#block-pharmocean-vebforma .form-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
}

#block-pharmocean-vebforma .webform-submission-form {
  width: 660px;
  max-width: 660px;
  padding: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid var(--color-white);
  border-radius: 30px;
  background: var(--color-white03);
  -webkit-box-shadow: 3px 3px 11px 0px #FFFFFF38;
  box-shadow: 3px 3px 11px 0px #FFFFFF38;
  -webkit-box-shadow: -3px -3px 11px 0px #FFFFFF3D;
  box-shadow: -3px -3px 11px 0px #FFFFFF3D;
  -webkit-backdrop-filter: blur(34.4px);
  backdrop-filter: blur(34.4px);
  float: right;
}

#block-pharmocean-vebforma .webform-submission-form .messages {
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-110%)
}

#block-pharmocean-vebforma .webform-submission-form h2 {
  font-size: var(--38);
  font-weight: 600;
  color: var(--color-white);
  letter-spacing: 0.01em;
  padding: 0 0 10px;
}

#block-pharmocean-vebforma .webform-submission-form input[type="email"],
#block-pharmocean-vebforma .webform-submission-form input[type="text"] {
  height: 42px;
  border: 0;
  border-bottom: 1px solid var(--color-white);
  background: transparent;
  margin: 0 0 20px;
  font-size: var(--20);
  color: var(--color-white);
  width: 100%;
  padding: 0;
}

#block-pharmocean-vebforma .webform-submission-form textarea {
  height: 42px;
  border: 0;
  border-bottom: 1px solid var(--color-white);
  background: transparent;
  margin: 0 0 20px;
  font-size: 20px;
  color: var(--color-white);
  width: 100%;
  padding: 10px 0 0;
  resize: none;
  font-family: 'Open Sans', sans-serif;
}

#block-pharmocean-vebforma ::-webkit-input-placeholder {
  color: var(--color-white07);
  font-size: var(--16);
}

#block-pharmocean-vebforma :-ms-input-placeholder {
  color: var(--color-white07);
  font-size: var(--16);
}

#block-pharmocean-vebforma ::placeholder {
  color: var(--color-white07);
  font-size: var(--16);
}

#block-pharmocean-vebforma .webform-submission-form .webform-actions {
  position: relative;
  float: right;
}

#block-pharmocean-vebforma .webform-submission-form input[type="submit"] {
  height: 52px;
  font-size: var(--20);
  color: var(--color-white);
  border: 1px solid var(--color-white);
  background: transparent;
  border-radius: 80px;
  padding: 0 81px 0 61px;
  background: var(--color-white02);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px)
}

#block-pharmocean-vebforma .webform-submission-form .webform-actions::after {
  content: url(../img/arrow_white.svg);
  position: absolute;
  top: 18px;
  right: 61.5px;
}

.interesting-article {
  margin: 60px 0 0;
}

.interesting-article .views-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

.interesting-article .item-article {
  width: calc(33% - 11px);
  border-radius: 40px;
  border: 1px solid var(--color-greyB);
  overflow: hidden;
  -webkit-box-shadow: 3px 3px 11px 0px #838CAC38;
  box-shadow: 3px 3px 11px 0px #838CAC38;
  background: var(--color-grey);
  margin: 0 0 20px;
}

.interesting-article .item-article:nth-child(4) {
  display: none;
}

.interesting-article .item-article .image {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
}

.interesting-article .item-article .image img {
  -o-object-fit: cover;
  object-fit: cover;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  position: absolute;
  border-radius: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.interesting-article .item-article .title {
  padding: 20px 30px 30px;
  font-size: var(--20);
  height: 52px;
}

.interesting-article .item-article .title a {
  text-decoration: none;
  background: var(--grad-blue);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  line-height: 130%;
  height: calc(2 * line-height);
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.interesting-article .item-article:hover {
  -webkit-box-shadow: 3px 3px 11px 6px #838CAC38;
  box-shadow: 3px 3px 11px 6px #838CAC38;
}

.interesting-article .more-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0 0;
  margin: 0;
  list-style-type: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

:lang(en) .interesting-article .more-link {
  display: none;
}

.interesting-article .more-link .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  padding: 0 73px;
  height: 52px;
  border-radius: 80px;
  color: var(--color-white);
  background: var(--grad-blue);
  text-decoration: none;
}

.interesting-article .more-link .btn::after {
  content: url(../img/arrow_white.svg);
}

.product-recommended {
  margin: 100px 0 0;
}

.product-recommended .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

.product-recommended .cont.owl-carousel {
  -webkit-column-gap: 0;
  column-gap: 0;
}

.product-recommended .cont.owl-carousel .owl-item,
.product-recommended .cont.owl-carousel .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-recommended .prod {
  width: calc(25% - 12px);
  border: 1px solid var(--color-greyB);
  border-radius: 40px;
  background: var(--grad-tovar);
  overflow: hidden;
  padding: 0;
}

.product-recommended .owl-carousel .prod {
  width: 100%;
}

.product-recommended .prod .image {
  height: 320px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--gral-green-grey);
  border-radius: 40px 40px 0 0;
  position: relative;
  text-align: center;
}

.product-recommended .prod .image img {
  height: 320px !important;
  width: auto !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.node--view-mode-full .product-recommended .prod .image img {
  max-width: 150% !important;
}

.product-recommended .prod .image .sticker {
  width: 135px;
  height: 135px;
  position: absolute;
  top: 0;
  left: 0;
}

.product-recommended .prod .image .empty {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--grad-tovar);
}

.product-recommended .prod .image .sticker.stik-1 {
  background: url(../img/new_flag.svg) no-repeat 0 0
}

.product-recommended .prod .image .sticker.stik-2 {
  background: url(../img/hit_flag.svg) no-repeat 0 0;
}

.product-recommended .prod .image::after {
  content: url(../img/raund_arrow_white.svg);
  position: absolute;
  top: 20px;
  right: 20px;
}

.product-recommended .prod .tex-block {
  padding: 20px 20px 74px;
  font-size: var(--16);
  line-height: 130%;
  color: var(--color-blue);
  height: calc(100% - 414px);
  position: relative;
}

.product-recommended .prod .tex-block::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--grad-grey);
}

.product-recommended .prod .tex-block h3 {
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: var(--grad-blue);
  font-size: var(--26);
  font-weight: 700;
  padding: 0 0 10px;
  line-height: 130%;
}

.product-recommended .prod .tex-block h3 a {
  color: transparent;
  text-decoration: none;
}

.product-recommended .prod .tex-block .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: calc(100% - 40px);
}

.product-recommended .prod .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  width: 100%;
  height: 40px;
  border-radius: 80px;
  background: var(--grad-blue);
  font-size: var(--20);
  text-decoration: none;
  color: var(--color-white);
  padding: 0;
  margin: 0;
}

.product-recommended .prod .btn::after {
  content: url(../img/arrow_white.svg);
  margin: -2px 0 2px;
}

.product-recommended .prod .btn.green {
  width: 100%;
  background: var(--gral-green);
}

.product-recommended .prod .btn:hover {
  -webkit-box-shadow: 3px 3px 11px 0px #838CAC80;
  box-shadow: 3px 3px 11px 0px #838CAC80;
}

#block-pharmocean-views-block-faq-block-2 .js-pager__items {
  padding: 0 !important;
}

#awards {
  position: relative;
  margin: 100px 0 0;
}

#awards video {
  border-radius: 40px;
}

#awards .texts {
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 0;
  width: 100%;
  max-width: 1131px;
  text-align: center;
  color: var(--color-white);
  font-size: 1.25em;
  z-index: 99;
}

#awards .texts h2 {
  color: var(--color-white);
  font-size: 1.9em;
  padding: 0 0 20px;
  font-weight: 600;
}

#awards .texts h2 a {
  color: var(--color-white);
  text-decoration: none;
}

#awards .texts h4 {
  color: var(--color-white);
  font-size: 1.3em;
  padding: 0 0 0px;
  font-weight: 700;
}

#awards .texts .btn {
  display: none;
}

#awards .texts p {
  max-width: 788px;
  margin: 0 auto 51px;
  padding: 0;
  line-height: 1.2;
}

#awards .texts ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-column-gap: 80px;
  column-gap: 80px;
  font-size: 1.2em;
  font-weight: 700;
  white-space: nowrap;
}

#awards .texts ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 15px;
  margin: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-column-gap: 15px;
  column-gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid var(--color-white);
}

#awards .texts ul li a {
  color: var(--color-white);
  text-decoration: none;
}

.topContent .text .hiders {
  overflow: hidden;
  height: 20px;
  padding: 0;
  margin: 0 0 15px;
}

.topContent .text .hiders.show {
  height: auto;
}

.topContent .text .hiders .btn {
  height: 10px;
  display: block;
  margin: 0 0 10px;
}

#block-pharmocean-productfaqblock {
  margin: 100px 0 0;
}

#block-pharmocean-productfaqblock h2 {
  padding: 0 0 20px;
}

#block-pharmocean-productfaqblock .box-faq .item {
  padding: 30px;
  background: var(--color-grey);
  margin: 0 0 20px;
  border-radius: 40px;
}

#block-pharmocean-productfaqblock .box-faq .item h3 {
  font-size: var(--26);
  font-weight: 700;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

#block-pharmocean-productfaqblock .box-faq .item h3 span {
  display: block;
  width: calc(100% - 30px);
}

#block-pharmocean-productfaqblock .box-faq .item .close {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.1426 1L15.1426 29.2843M29.2847 15.1421L1.00044 15.1421' stroke='url(%23paint0_linear_15565_26703)' stroke-width='2' stroke-linecap='round'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_15565_26703' x1='1.00044' y1='15.1421' x2='17.8728' y2='29.0453' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%2301488B'/%3e%3cstop offset='1' stop-color='%23007BBB'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
  cursor: pointer;
  background-repeat: no-repeat;
}

#block-pharmocean-productfaqblock .box-faq .item.active .close {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#block-pharmocean-productfaqblock .box-faq .item .text {}

#block-pharmocean-productfaqblock .box-faq .item .text .content {
  padding: 30px 0 0;
  font-size: var(--20);
  color: var(--color-blue);
  line-height: 1.2;
}

@media screen and (max-width:1600px) {
  .product .topimage {
    max-height: 930px;
  }

  .node--type-product {
    display: block;
    padding: 30px 0 0;
  }

  .node--type-product .header {
    position: relative;
    min-height: 1px;
  }

  .components .owl-carousel,
  .videoBlock .owl-carousel {}

  .ingridient .block-top {
    max-width: 387px;
    font-size: var(--22);
  }

  .ingridient .block .content {
    font-size: var(--16);
  }

  .topContent .sticky {
    top: 0%;
  }

  .interesting-article .item-article .image {
    height: 250px;
  }

  .product-recommended .prod .image {
    height: 300px;
  }

  .product-recommended .prod .image img {
    height: 300px !important;
    margin: 0;
  }

  .product-recommended .prod .tex-block {
    height: calc(100% - 394px);
  }

  .product-recommended .prod .btn {
    font-size: var(--16);
  }
}

@media screen and (max-width:1340px) {
  .product .topimage {
    max-height: 600px;
  }

  .node--type-product {
    display: block;
    padding: 0px 0 0;
  }

  .node--type-product header {
    height: 490px;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .node--type-product header h1 {
    font-size: var(--45);
    padding: 0 0 15px;
  }

  .node--type-product header .subtitle {
    padding: 0;
    font-size: var(--22);
  }

  .node--type-product .header {
    max-width: 100%;
    min-height: 1px;
  }

  .node--type-product .content-body {
    color: var(--color-blue);
    font-size: var(--16);
    padding: 30px 0 20px;
    min-height: 10px;
  }

  .node--type-product .by-pharmacy {
    max-width: 100%;
  }

  .node--type-product .by-pharmacy .btn {
    height: 45px;
    width: 50%;
    font-size: var(--14);
  }

  .node--type-product .by-pharmacy .btn span {
    height: 45px;
  }

  .node--type-product .by-pharmacy .text {
    color: var(--color-blue);
    font-size: var(--22);
    width: 50%;
  }

  .node--type-product .by-pharmacy .text>div {}

  .node--type-product .hiper {
    display: none;
    visibility: hidden;
  }

  .topContent {
    display: block;
    padding: 60px 0 0;
  }

  .topContent h1 {
    font-size: var(--35);
  }

  .topContent .text {
    font-size: var(--16);
    padding: 30px 0 0;
  }

  .node--type-product h2.title {
    font-size: var(--28);
    padding: 0 0 20px;
    text-align: center;
  }

  .node--type-product .directions h2.title {
    text-align: left;
  }

  .directions .block-3 {
    min-height: 1px;
  }

  .node--type-product .components h2.title {
    font-size: var(--28);
    padding: 0 0px 20px 0;
    text-align: center;
  }

  .components,
  .videoBlock {
    padding: 60px 0 0;
  }

  .components .item img,
  .videoBlock .item img {
    max-width: 560px;
    border-radius: 15px;
  }

  .components .owl-item.active~.owl-item,
  .videoBlock .owl-item.active~.owl-item {
    opacity: 1;
  }

  .components .item a::before,
  .videoBlock .item a::before {
    border-radius: 15px;
  }

  .components .item,
  .videoBlock .item {
    border-width: 10px;
    border-radius: 20px;
  }

  .components .owl-carousel,
  .videoBlock .owl-carousel {}

  .ingridient .flexContent {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .ingridient .block-top {
    max-width: 100%;
    background-size: cover;
    background-position: 0 0;
    font-size: var(--22);
    margin: 0 0 20px;
    border-radius: 20px;
    padding: 20px;
    min-height: 0px;
  }

  .ingridient .flexContent .flexContent {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .ingridient .block {
    border-radius: 20px;
    width: calc(50% - 52px);
    height: 50px;
    margin: 0 0 0 40px;
  }

  .ingridient .block .content {
    border-radius: 20px;
    min-height: 48px;
    padding: 0 0 0 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .ingridient .block .content span {
    position: relative;
    z-index: 1;
  }

  .ingridient .block .content::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='315' height='68' viewBox='0 0 315 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_15229_20744)'%3E%3Cmask id='path-1-inside-1_15229_20744' fill='white'%3E%3Cpath d='M8.54004 56.3633C14.6685 50.2138 18.457 41.731 18.457 32.3633C18.457 21.9322 13.7581 12.6001 6.36329 6.36326L283.457 6.36328C294.503 6.36328 303.457 15.3176 303.457 26.3633L303.457 36.3633C303.457 47.409 294.503 56.3633 283.457 56.3633L8.54004 56.3633Z'/%3E%3C/mask%3E%3Cpath d='M8.54004 56.3633C14.6685 50.2138 18.457 41.731 18.457 32.3633C18.457 21.9322 13.7581 12.6001 6.36329 6.36326L283.457 6.36328C294.503 6.36328 303.457 15.3176 303.457 26.3633L303.457 36.3633C303.457 47.409 294.503 56.3633 283.457 56.3633L8.54004 56.3633Z' fill='%23F1F1F1'/%3E%3Cpath d='M8.54004 56.3633L7.97659 55.8018L6.6243 57.1587L8.54004 57.1587L8.54004 56.3633ZM18.457 32.3633L19.2525 32.3633V32.3633L18.457 32.3633ZM6.36329 6.36326L6.36329 5.5678L4.18634 5.5678L5.85044 6.97131L6.36329 6.36326ZM283.457 6.36328L283.457 5.56782V5.56782L283.457 6.36328ZM303.457 26.3633L304.252 26.3633L304.252 26.3633L303.457 26.3633ZM8.54004 56.3633L9.10349 56.9248C15.3744 50.6323 19.2525 41.9499 19.2525 32.3633L18.457 32.3633L17.6616 32.3633C17.6616 41.512 13.9625 49.7953 7.97659 55.8018L8.54004 56.3633ZM18.457 32.3633L19.2525 32.3633C19.2525 21.6878 14.4424 12.1366 6.87613 5.7552L6.36329 6.36326L5.85044 6.97131C13.0738 13.0636 17.6616 22.1766 17.6616 32.3633L18.457 32.3633ZM6.36329 6.36326L6.36329 7.15871L283.457 7.15874L283.457 6.36328L283.457 5.56782L6.36329 5.5678L6.36329 6.36326ZM283.457 6.36328L283.457 7.15874C294.063 7.15874 302.662 15.7569 302.662 26.3633L303.457 26.3633L304.252 26.3633C304.252 14.8783 294.942 5.56783 283.457 5.56782L283.457 6.36328ZM303.457 26.3633L302.662 26.3633L302.662 36.3633L303.457 36.3633L304.252 36.3633L304.252 26.3633L303.457 26.3633ZM303.457 36.3633L302.662 36.3633C302.662 46.9697 294.063 55.5678 283.457 55.5678L283.457 56.3633L283.457 57.1587C294.942 57.1587 304.252 47.8483 304.252 36.3633L303.457 36.3633ZM283.457 56.3633L283.457 55.5678L8.54004 55.5678L8.54004 56.3633L8.54004 57.1587L283.457 57.1587L283.457 56.3633Z' fill='url(%23paint0_linear_15229_20744)' mask='url(%23path-1-inside-1_15229_20744)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_15229_20744' x='-0.000355005' y='-0.000355005' width='314.594' height='67.5' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='2.38636' dy='2.38636'/%3E%3CfeGaussianBlur stdDeviation='4.375'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.513726 0 0 0 0 0.54902 0 0 0 0 0.67451 0 0 0 0.22 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_15229_20744'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_15229_20744' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_15229_20744' x1='295.266' y1='52.8178' x2='245.2' y2='-82.2008' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%23C8C8C8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    position: absolute;
    background-color: var(--color-white);
    background-position: 14px 0;
    background-repeat: no-repeat;
    bottom: 0;
    right: auto;
    left: -11px;
    height: 55px;
    width: 50px;
    display: block;
  }

  .ingridient .block .icon {
    width: 50px;
    height: 50px;
    bottom: -1px;
    right: auto;
    left: -40px;
  }

  .ingridient .block .icon .i {
    width: 48px;
    height: 48px;
  }

  .ingridient .block .icon .i::after {
    width: 36px;
    height: 36px;
  }

  .directions {
    background-image: url(../img/pod.webp) !important;
    padding: 20px;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 20px;
    column-gap: 20px;
  }

  .directions .text {
    font-size: var(--16);
    padding: 0 0 10px;
  }

  .directions .text-pre {
    font-size: var(--16);
    padding: 0 0 15px;
  }

  .directions .block-2 {
    padding: 15px;
    border-radius: 15px;
  }

  .directions .block-2 .top {
    font-size: var(--14);
    padding: 3px 0 5px;
  }

  .directions .block-2 .center {
    padding: 0 5px;
  }

  .directions .block-2 .man {
    padding: 0 5px 0 0
  }

  .directions .block-2 .period span,
  .directions .block-2 .center .big>div,
  .directions .block-2 .center .big2>div {
    font-size: 2.286em
  }

  .directions .block-2 .center .big2 {
    padding: 0 0 12px;
  }

  .directions .block-2 .period .bottom,
  .directions .block-2 .center .big {
    font-size: var(--14);
  }

  .directions .block-2 .period {
    padding: 0 0 0 5px;
  }

  .directions .block-2 .man .icon {
    width: 50px;
    height: 57px;
    background-size: contain;
    margin: 0 auto;
  }

  .directions .block-2 .center .contain {
    font-size: var(--16);
  }

  .directions .block-2 .center .contain svg {
    width: 10px;
  }

  .directions .block-2 .center .icon {
    width: 30px;
    height: 30px;
    background-size: contain;
  }

  .moreinfo .text {
    font-size: var(--16);
  }

  .sertificats .text-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .sertificats {
    border-radius: 0;
    width: cal(100% + 60px);
    margin: 60px -30px 0;
  }

  .sertificats .text-block .items {
    margin: 0;
    max-width: 100%;
  }

  .sertificats .text-block .items #sert {
    max-width: 620px;
  }

  #sert.owl-carousel .owl-stage-outer {
    overflow: visible;
  }

  .sertificats .text-block .item {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
  }

  .sertificats .text-block .item a {
    overflow: hidden;
    border-radius: 50%;
    background: var(--color-white);
  }

  .sertificats .text-block .text {
    max-width: 100%;
    padding: 30px 0 0;
    font-size: var(--22);
    text-align: center;
  }

  #reviews {
    padding: 60px 0 0;
  }

  #rwpopup .review-content {
    border-radius: 20px;
  }

  #rwpopup .review-content .back {
    border-radius: 20px;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #rwpopup .review-content header,
  #reviews .reviews .review-content header {
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 100%;
    max-width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
  }

  #rwpopup .review-content header .text {
    display: block;
  }

  #rwpopup .review-content header .text .name.sur,
  #rwpopup .review-content header .text .name {
    display: inline-block;
  }

  #rwpopup {
    width: calc(100vw - 300px);
  }

  #reviews .reviews .review-content {
    border-radius: 20px;
  }

  #reviews .reviews .review-content .back {
    border-radius: 20px;
    padding: 20px;
  }

  #rwpopup .review-content .content-text a.next {
    right: -60px;
    height: 60px;
  }

  #rwpopup .review-content .content-text a.prev {
    left: -60px;
    height: 60px;
  }

  #reviews .reviews .review-content header .name {
    font-size: var(--16);
  }

  #reviews .reviews .review-content .content-text {
    font-size: var(--16);
    height: 120px;
  }

  #block-pharmocean-nodeformblock {
    padding: 20px;
    margin: 60px 0 0;
    border-radius: 20px;
  }

  #block-pharmocean-nodeformblock .form-block {
    max-width: 50%;
    min-width: 330px;
  }

  #block-pharmocean-nodeformblock .field--name-body::after {
    width: 258px;
    height: 253px;
    right: -199px;
    top: 36px;
  }

  #node-reviews-form:focus-within .field--name-body::after {
    right: -240px;
  }

  #block-pharmocean-nodeformblock input[type="text"] {
    height: 52px;
    font-size: var(--16);
    border-radius: 20px;
  }

  #block-pharmocean-nodeformblock .field--name-body {
    min-height: 450px;
  }

  #block-pharmocean-nodeformblock .field--name-body textarea {
    font-size: 16px;
  }

  #block-pharmocean-nodeformblock .form-actions {
    position: absolute;
    right: 20px;
    bottom: 20px;
    text-align: right;
    width: calc(100% - 40px);
  }

  #block-pharmocean-nodeformblock .form-actions input[type="submit"] {
    width: 100%;
    height: 45px;
    font-size: var(--14);
  }

  #block-pharmocean-nodeformblock .form-actions::after {
    content: url(../img/arrow_white.svg);
    position: absolute;
    top: 14px;
    right: 38%;
  }

  #block-pharmocean-nodeformblock h2.title::after {
    width: 85px;
    height: 17px;
  }

  #block-pharmocean-views-block-faq-block-2 {
    margin: 60px 0 0;
  }

  #rwpopup .review-content .content-text {
    font-size: var(--16);
    width: 100%;
  }

  #block-pharmocean-vebforma {
    margin: 60px 0 0;
    padding: 20px;
    border-radius: 20px;
  }

  #block-pharmocean-vebforma .webform-submission-form {
    padding: 20px;
    border-radius: 15px;
    width: 100%;
    max-width: 100%;
  }

  #block-pharmocean-vebforma .form-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #block-pharmocean-vebforma .webform-submission-form h2 {
    font-size: var(--28);
  }

  #block-pharmocean-vebforma .webform-submission-form textarea,
  #block-pharmocean-vebforma .webform-submission-form input[type="email"],
  #block-pharmocean-vebforma .webform-submission-form input[type="text"] {
    height: 37px;
    font-size: var(--16);
  }

  #block-pharmocean-vebforma .webform-submission-form .webform-actions {
    width: 100%;
  }

  #block-pharmocean-vebforma .webform-submission-form input[type="submit"] {
    width: 100%;
    height: 45px;
    font-size: var(--16);
  }

  #block-pharmocean-vebforma .webform-submission-form .webform-actions::after {
    top: 14px;
    right: 43%;
  }

  .node--view-mode-full .topContent .text table {
    width: 100% !important;
  }

  .topContent .sticky {
    height: auto !important;
  }

  .content-article .item-article .image {
    height: 180px;
  }

  .content-article .item-article .image img {
    height: 180px;
  }

  .content-article .item-article .title {
    padding: 20px;
    font-size: var(--16);
    height: 44px;
  }

  .product-recommended .prod {
    border-radius: 20px;
  }

  .product-recommended .prod .tex-block {
    padding: 20px 20px 74px;
    height: calc(100% - 374px);
    position: relative;
  }

  .product-recommended .prod .image {
    max-height: 300px;
    border-radius: 20px 20px 0 0;
  }

  .product-recommended .prod .image .sticker {
    width: 104px;
    height: 104px;
  }

  .product-recommended .prod .image .sticker.stik-2,
  .product-recommended .prod .image .sticker.stik-1 {
    background-size: 104px;
  }

  .product-recommended .prod .tex-block h3 {
    font-size: var(--23);
  }

  .product-recommended .prod .tex-block .text {
    font-size: var(--14);
  }

  .product-recommended .prod .btn {
    font-size: var(--14);
  }

  .product-recommended .prod .tex-block .links {
    bottom: 40px;
  }

  #awards {
    margin: 120px 0 0;
  }

  #awards .texts {
    top: -60px;
    font-size: 1em;
    max-width: 640px;
  }

  #awards .texts h2 {
    padding: 0 0 40px;
    font-size: 1.75em;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: var(--grad-blue);
  }

  #awards .texts h2 a {
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: var(--grad-blue);
  }

  #awards .texts h4 {
    font-size: 1.438em;
  }

  #awards .texts p {
    margin: 0 auto 30px;
  }

  #awards .texts ul {
    font-size: 0.875em;
    -webkit-column-gap: 50px;
    column-gap: 50px;
    font-weight: 600;
  }

  #awards .texts ul li {
    -webkit-column-gap: 10px;
    column-gap: 10px;
    padding: 0 0 5px;
  }

  #awards .texts ul li svg {
    width: 20px;
    height: 20px;
  }

  #awards video {
    border-radius: 15px;
  }

  #block-pharmocean-productfaqblock .box-faq .item {
    padding: 20px;
    border-radius: 20px;
  }

  #block-pharmocean-productfaqblock .box-faq .item h3 {
    font-size: var(--23);
    padding: 0 0px 0 0;
  }

  #block-pharmocean-productfaqblock .box-faq .item .close {
    width: 18px;
    height: 18px;
    background-size: contain;
  }

  #block-pharmocean-productfaqblock .box-faq .item .text .content {
    font-size: var(--16);
    padding: 15px 0 0;
  }
}

@media screen and (max-width:900px) {

  .components .item img,
  .videoBlock .item img {
    max-width: 570px;
    border-radius: 15px;
  }

  .components .owl-carousel,
  .videoBlock .owl-carousel {
    width: 90%;
  }

  .ingridient .flexContent .flexContent {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-row-gap: 20px;
    margin: 0 10px;
  }

  .ingridient .block {
    width: calc(34% - 20px);
  }

  #reviews .reviews .content {
    max-width: 100%
  }

  #reviews .reviews .content .review-content {
    display: none;
  }

  #reviews .reviews .review-content:nth-child(1),
  #reviews .reviews .review-content:nth-child(2) {
    display: block;
  }

  #reviews .reviews .review-content header img {
    margin: 0
  }

  #reviews .reviews .review-content .content-text {
    height: auto;
  }

  #rwpopup .review-content header img,
  #reviews .reviews .review-content header img {
    width: auto;
    margin: 0;
  }

  .topContent .links a {
    height: 45px;
    font-size: var(--14);
    width: 100%;
    max-width: 370px;
  }

  .topContent .links a.at {
    max-width: 100%;
  }

  .topContent .links a span::before {
    height: 45px;
  }

  .topContent .links a span {
    height: 45px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .content-article .views-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .content-article .item-article {
    width: calc(50% - 12px);
  }

  .content-article .item-article:nth-child(4) {
    display: block;
  }

  .product-recommended {
    margin: 60px 0 0;
  }

  .moreinfo {
    padding: 60px 0 0;
  }

  .product-recommended .cont {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .product-recommended .prod {
    width: calc(50% - 12px);
    margin: 0 0 20px;
  }

  .product-recommended .owl-carousel .prod {
    width: 100%;
    margin: 0;
  }
}

@media screen and (max-width:768px) {
  .topContent {
    display: block;
    padding: 0px 0 0;
  }

  .topContent h1 {
    text-align: center;
  }

  .topContent h1:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
  }

  .topimage img {
    -o-object-fit: fill;
    object-fit: fill;
    height: 100%;
    width: auto;
    -webkit-transform: translate(14%, -50%);
    transform: translate(14%, -50%);
    left: auto;
    right: 0;
  }

  .topimage .shadow {
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(45.31%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45.31%, rgba(0, 0, 0, 0.75) 100%);
  }

  .node--type-product header {
    height: 476px;
    padding: 0 0 30px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
  }

  .node--type-product header h1 {
    font-size: var(--35);
  }

  .node--type-product .by-pharmacy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
  }

  .node--type-product .by-pharmacy .btn {
    width: 100%;
    margin: 0 0 20px;
    display: none;
  }

  .node--type-product .by-pharmacy .text {
    width: 100%;
    padding: 16px 0 50px;
    text-align: center;
  }

  .directions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .ingridient .block {
    font-size: var(--14);
    height: 46px;
    margin: 0 0 0 12px;
    width: calc(50% - 23px);
  }

  .ingridient .block .content {
    min-height: 44px;
  }

  .ingridient .block .content::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='164' height='62' viewBox='0 0 164 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_444_1777)'%3E%3Cmask id='path-1-inside-1_444_1777' fill='white'%3E%3Cpath d='M5.7002 50.699C15.6031 47.7418 22.8223 38.5643 22.8223 27.6999C22.8223 16.8357 15.6029 7.65915 5.7002 4.70189C5.74086 4.70165 5.78155 4.69994 5.82227 4.69994L133.822 4.69995C144.868 4.69995 153.822 13.6543 153.822 24.7L153.822 30.7C153.822 41.7456 144.868 50.7 133.822 50.6999L5.82227 50.6999C5.78155 50.6999 5.74086 50.6992 5.7002 50.699Z'/%3E%3C/mask%3E%3Cpath d='M5.7002 50.699C15.6031 47.7418 22.8223 38.5643 22.8223 27.6999C22.8223 16.8357 15.6029 7.65915 5.7002 4.70189C5.74086 4.70165 5.78155 4.69994 5.82227 4.69994L133.822 4.69995C144.868 4.69995 153.822 13.6543 153.822 24.7L153.822 30.7C153.822 41.7456 144.868 50.7 133.822 50.6999L5.82227 50.6999C5.78155 50.6999 5.74086 50.6992 5.7002 50.699Z' fill='%23F1F1F1'/%3E%3Cpath d='M5.7002 50.699L5.41406 49.7408L5.69421 51.6989L5.7002 50.699ZM22.8223 27.6999L23.8223 27.6999V27.6999L22.8223 27.6999ZM5.7002 4.70189L5.69422 3.70191L5.41405 5.66008L5.7002 4.70189ZM5.82227 4.69994L5.82227 3.69994L5.82227 4.69994ZM133.822 4.69995L133.822 3.69995V3.69995L133.822 4.69995ZM153.822 24.7L154.822 24.7V24.7L153.822 24.7ZM153.822 30.7L152.822 30.7L153.822 30.7ZM133.822 50.6999L133.822 51.6999L133.822 50.6999ZM5.82227 50.6999L5.82227 51.6999V51.6999L5.82227 50.6999ZM5.7002 50.699L5.98633 51.6572C16.301 48.577 23.8223 39.0185 23.8223 27.6999L22.8223 27.6999L21.8223 27.6999C21.8223 38.1101 14.9051 46.9066 5.41406 49.7408L5.7002 50.699ZM22.8223 27.6999L23.8223 27.6999C23.8223 16.3814 16.3008 6.82394 5.98635 3.7437L5.7002 4.70189L5.41405 5.66008C14.905 8.49437 21.8223 17.2899 21.8223 27.6999L22.8223 27.6999ZM5.7002 4.70189L5.70618 5.70187C5.73661 5.70169 5.7663 5.70096 5.78371 5.70057C5.80446 5.7001 5.8145 5.69994 5.82227 5.69994L5.82227 4.69994L5.82227 3.69994C5.78931 3.69994 5.75866 3.70063 5.73871 3.70108C5.71544 3.7016 5.70446 3.70185 5.69422 3.70191L5.7002 4.70189ZM5.82227 4.69994L5.82227 5.69994L133.822 5.69995L133.822 4.69995L133.822 3.69995L5.82227 3.69994L5.82227 4.69994ZM133.822 4.69995L133.822 5.69995C144.316 5.69995 152.822 14.2065 152.822 24.7L153.822 24.7L154.822 24.7C154.822 13.102 145.42 3.69995 133.822 3.69995L133.822 4.69995ZM153.822 24.7L152.822 24.7L152.822 30.7L153.822 30.7L154.822 30.7L154.822 24.7L153.822 24.7ZM153.822 30.7L152.822 30.7C152.822 41.1934 144.316 49.7 133.822 49.6999L133.822 50.6999L133.822 51.6999C145.42 51.7 154.822 42.2979 154.822 30.7L153.822 30.7ZM133.822 50.6999L133.822 49.6999L5.82227 49.6999L5.82227 50.6999L5.82227 51.6999L133.822 51.6999L133.822 50.6999ZM5.82227 50.6999L5.82227 49.6999C5.78096 49.6999 5.76747 49.6993 5.70618 49.699L5.7002 50.699L5.69421 51.6989C5.71425 51.6991 5.78213 51.6999 5.82227 51.6999L5.82227 50.6999Z' fill='url(%23paint0_linear_444_1777)' mask='url(%23path-1-inside-1_444_1777)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_444_1777' x='0.000195503' y='-4.86374e-05' width='163.522' height='61.4' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='2' dy='3'/%3E%3CfeGaussianBlur stdDeviation='3.85'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.513726 0 0 0 0 0.54902 0 0 0 0 0.67451 0 0 0 0.26 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_444_1777'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_444_1777' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_444_1777' x1='149.739' y1='47.4381' x2='65.5121' y2='-69.7284' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%23C8C8C8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    ;
    position: absolute;
    background-color: var(--color-white);
    background-position: 14px 0;
    background-repeat: no-repeat;
    bottom: -4px;
    right: auto;
    left: -11px;
    height: 54px;
    width: 40px;
    display: block;
  }

  .ingridient .block .icon {
    width: 40px;
    height: 40px;
    bottom: 2px;
    right: auto;
    left: -21px;
  }

  .ingridient .block .icon .i {
    width: 38px;
    height: 38px;
  }

  .ingridient .block .icon .i::after {
    width: 26px;
    height: 26px;
  }

  .sertificats .text-block .items #sert {
    max-width: 310px;
  }

  #block-pharmocean-nodeformblock {
    overflow: hidden;
  }

  #block-pharmocean-nodeformblock .form-block {
    max-width: 100%;
    min-width: auto;
  }

  #block-pharmocean-nodeformblock .field--name-body::after {
    width: 160px;
    height: 157px;
    right: -70px;
    top: 219px;
  }

  #node-reviews-form:focus-within .field--name-body::after {
    right: -150px;
  }

  #rwpopup {
    width: calc(100vw - 50px);
  }

  #rwpopup .review-content .content-text a.prev {
    left: -23px;
    height: 40px;
  }

  #rwpopup .review-content .content-text a.next {
    right: -23px;
    height: 40px;
  }

  .components .owl-dots,
  .videoBlock .owl-dots,
  .product-recommended .owl-dots {
    position: static;
    padding: 20px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .node--view-mode-full table {
    border-radius: 20px;
    display: block;
    overflow-x: auto;
    width: 100% !important;
  }

  .components .owl-not .item,
  .videoBlock .owl-not .item {
    width: 84%;
  }

  #block-pharmocean-vebforma .webform-submission-form .webform-actions::after {
    right: 36%;
  }

  .topContent>div .image {
    padding: 0 0 150px;
    margin: 0 0 -100px;
    -webkit-transform: translateZ(0);
  }

  .topContent h1 {
    font-size: var(--30);
  }

  .product-recommended .prod .tex-block {
    text-align: left;
  }

  .product-recommended .prod .image img {
    max-height: 289px;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .topContent>div .image::before {
    -webkit-transform: translate(-50%, -55%) scale(.8);
    transform: translate(-50%, -55%) scale(.8);
  }

  .js-pager__items.pager li {
    max-width: 100%;
  }

  .interesting-article .more-link .btn,
  .js-pager__items.pager a,
  #reviews .more-link a {
    width: 100%;
    max-width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  #awards .texts h4 {
    font-size: 0.875em;
    font-weight: 600;
    width: calc(100% - 120px);
  }

  #awards .texts .all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    padding: 0 20px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
  }

  #awards .texts .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 108px;
    height: 37px;
    border: 1px solid var(--color-white);
    border-radius: 80px;
    color: var(--color-white);
    text-decoration: none;
    font-size: 0.875em;
    font-weight: 600;
    background: var(--color-white02);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
  }

  #awards .texts ul,
  #awards .texts p {
    display: none;
  }

  #awards {
    position: relative;
  }

  #awards a.bm {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
  }

  .node--type-product .by-pharmacy .icons {
    display: none;
  }

  #block-pharmocean-productfaqblock .box-faq .item h3 {
    font-size: var(--18);
    padding: 0 0px 0 0;
  }

  .moreinfo .text {
    max-height: 400px;
    overflow: hidden;
    position: relative;
  }

  .moreinfo .text .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width:600px) {
  .content-article .item-article {
    width: 100%;
  }

  .content-article .item-article:nth-child(4) {
    display: none;
  }

  .interesting-article .item-article .image img {
    min-width: 100%;
    margin: 0;
  }

  .product-recommended .owl-carousel {
    width: 90%;
  }

  .product-recommended .prod {
    width: 100%;
  }

  .product-recommended .owl-carousel .owl-stage-outer {
    overflow: visible;
  }

  .product-recommended .owl-carousel .prod {
    width: 100%;
  }

  .topContent>div .image::before {
    -webkit-transform: translate(-50%, -57%) scale(.5);
    transform: translate(-50%, -57%) scale(.5);
  }

  .topContent .links2 {
    -webkit-column-gap: 14px;
    column-gap: 14px;
  }
}

@media screen and (max-width:440px) {
  .topimage img {
    -webkit-transform: translate(14%, -50%);
    transform: translate(14%, -50%);
  }

  .node--type-product header h1 {
    font-size: var(--30);
  }

  .content-article .item-article {
    width: 100%;
  }

  .content-article .item-article:nth-child(4) {
    display: none;
  }
}

#block-pharmocean-raskrytayaformafaqblock-3 {
  position: static;
}

#block-pharmocean-raskrytayaformafaqblock-3 .form-actions {
  display: none;
  visibility: hidden;
}

#block-pharmocean-raskrytayaformafaqblock-3 .form-item-product {
  position: absolute;
  top: -15px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 15px;
  column-gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#block-pharmocean-raskrytayaformafaqblock-3 .form-item-product label {
  font-size: var(--16);
  color: var(--color-white);
  font-weight: 600;
}

.item-faq {
  background: var(--color-grey);
  border-radius: 40px;
  margin: 0 0 30px;
}

.item-faq .header {
  padding: 30px;
  border-radius: 40px 40px 0 0;
  background: var(--grad-blue);
  color: var(--color-white);
  font-size: var(--20);
  line-height: 130%;
}

.item-faq .header .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 20px;
}

.item-faq .header .date {
  font-size: 0.8em;
}

.item-faq .header h3 {
  font-size: 1.3em;
  padding: 0 0 0;
  font-weight: 700;
}

.item-faq .content {
  padding: 30px;
  color: var(--color-blue);
  font-size: var(--20);
  line-height: 130%;
}

.item-faq .content h3 {
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: var(--grad-blue);
  font-size: 1.3em;
  padding: 0 0 20px;
  font-weight: 700;
}

.item-faq ul {
  list-style-type: disc;
}

.item-faq ol {
  list-style-type: decimal;
}

.item-faqul li {
  padding: 15px 0;
}

.item-faq em {
  font-size: 0.75em;
  line-height: 120%;
}

.qanda form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 53px;
  column-gap: 53px;
  margin: 50px 0 30px;
  padding: 50px 0 0
}

.qanda form .form-item-faq {
  width: 100%;
  background: var(--grad-grey);
  border-radius: 80px;
  padding: 1px;
  height: 50px;
  -webkit-box-shadow: 3px 3px 11px 0px #838CAC38;
  box-shadow: 3px 3px 11px 0px #838CAC38;
}

.qanda form input[type="text"] {
  width: 100%;
  padding: 0 48px 0 14px;
  border-radius: 80px;
  height: 50px;
  border: 0;
  background: var(--color-white);
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='22' viewBox='0 0 19 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 20.5L15.1667 17.6212M8.93333 17.6212C13.3148 17.6212 16.8667 14.0124 16.8667 9.56061C16.8667 5.10886 13.3148 1.5 8.93333 1.5C4.55187 1.5 1 5.10886 1 9.56061C1 14.0124 4.55187 17.6212 8.93333 17.6212Z' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M18 20.5L15.1667 17.6212M8.93333 17.6212C13.3148 17.6212 16.8667 14.0124 16.8667 9.56061C16.8667 5.10886 13.3148 1.5 8.93333 1.5C4.55187 1.5 1 5.10886 1 9.56061C1 14.0124 4.55187 17.6212 8.93333 17.6212Z' stroke='%23132468' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 97% 50%;
  font-size: var(--20);
  color: var(--color-blue);
}

.node--type-webform .webform-submission-form ::-webkit-input-placeholder,
.qanda form input[type="text"]::-webkit-input-placeholder {
  color: var(--color-blue05);
}

.node--type-webform .webform-submission-form ::-ms-input-placeholder,
.qanda form input[type="text"]:-ms-input-placeholder {
  color: var(--color-blue05);
}

.node--type-webform .webform-submission-form ::-webkit-input-placeholder,
.qanda form input[type="text"]::-webkit-input-placeholder {
  color: var(--color-blue05);
}

.node--type-webform .webform-submission-form :-ms-input-placeholder,
.qanda form input[type="text"]:-ms-input-placeholder {
  color: var(--color-blue05);
}

.node--type-webform .webform-submission-form ::placeholder,
.qanda form input[type="text"]::placeholder {
  color: var(--color-blue05);
}

.qanda form .form-actions {
  display: none;
}

.qanda form .form-item-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 15px;
  column-gap: 15px;
}

.qanda form .form-item-product label {
  font-size: var(--16);
  white-space: nowrap;
  color: var(--color-blue);
  font-weight: 600;
}

.main-content-due .jq-selectbox {
  background: var(--grad-grey);
}

.main-content-due .jq-selectbox .jq-selectbox__select {
  background: var(--color-white);
  margin: 1px;
  width: calc(100% - 1px);
}

.main-content-due .jq-selectbox.opened {
  background: var(--color-white);
}

.main-content-due .jq-selectbox.opened .jq-selectbox__select {
  background: var(--color-white);
  width: 102%;
}

@media screen and (max-width:1340px) {
  #views-exposed-form-faq-block-3 {
    display: none;
    visibility: hidden;
  }

  main.ima .main-ima .subtitle,
  main.ima .main-ima .main-content.bigly h1 {
    margin: 0 auto;
    text-align: center;
  }

  .qanda form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    grid-row-gap: 15px;
    margin: 10px 0 30px;
  }

  .qanda form .form-item-product {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-row-gap: 15px;
  }

  .item-faq {
    border-radius: 20px;
  }

  .item-faq .header {
    padding: 20px;
    border-radius: 20px 20px 0 0;
    font-size: var(--16);
  }

  .item-faq .header .top {
    padding: 0 0 10px;
  }

  .item-faq .header h3 {
    font-size: var(--23);
  }

  .item-faq .header .date {
    font-size: var(--14);
  }

  .item-faq .content {
    padding: 20px;
    font-size: var(--16);
  }
}